كيف يمكن لإنهاء إنهاء UX
رواية القصص تدور حول التعرف على المجهول. لكن المصممين ليسوا من رواة القصص ، ويجب أن تكون الوجهات التي يصممونها واضحة دائمًا للمستخدم. من خلال إدخال المفسدين الصغار في تصميمات واجهة المستخدم ، وإفشال المفاجأة ، فإننا نصمم لتجارب أفضل للمستخدم.
غالباً ما تم التأكيد عليها من قبل محبي الحكمة البوب أن هناك اثنين فقط المؤامرات متميزة في جميع أنحاء الثقافة الغربية: يذهب شخص في رحلة ، وغريب يأتي إلى المدينة.
إن نقرة قصيرة عبر خزانة الكتب الخاصة بك سوف تفند القاعدة - إلا إذا سمحت بالرحلات المجازية ، التي يناسب كل شيء فيها - ولكن التردد الذي تتكرر به الفكرة ، والشعور الذي يبدو أنها تصنعه ، يعبّر عن مجلدات حول مركزية المجهول في الغرب. أفكار للسرد.
في كلا المؤامرين ، يتم إدخال الشخص إلى شيء جديد وغير متوقع ، والتغير الوحيد هو وجهة النظر التي تتحدث منها الرواية. في كلتا الحالتين ، قوس القصة هو المجهول أصبح معروفًا . عندما يسافر كلينت إيستوود إلى مدينة مهدمة في 1800 آيداهو ، فإن فضولنا حول هويته هو ما يدفع مشاركتنا. عندما نقرأ ثلاثية لولق الخواتم في تولكين ، فإننا لا نشك أبداً في أن فرودو سوف يصل في النهاية إلى جبل دووم ، فالاهتمام في ما يحدث على طول الطريق.
المفتاح لرواية القصص هو أن هناك غير معروف ، وأن المجهول سيصبح معروفًا.
المصممين ليسوا رواة القصص
وقد أشار العديد من المصممين إلى أنفسهم كروائيين لقصة القصص ، ولكن هذه ببساطة طريقة kitsch للإشارة إلى الاتصال. لنروي قصة ، علينا أن نعزز المجهول في التحضير لكشف كبير ، والعقبة الرئيسية أمام هذا النهج هي أن تجارب الويب - وأقول معظم اللقاءات مع التصميم - هي غير خطية ومفتوحة.
التصميم هو في الواقع أقرب إلى الشعر. عادةً ما يكون الشعر موجودًا في أجزاء صغيرة الحجم ، وفيها يتم استكشاف الموضوعات المفتوحة للتأويل.
بعيدًا عن إنشاء قصة ، فإن مهمة المصمم هي التوضيح بشكل غير مرئي قدر الإمكان.
استخدام المفسدين في Microinteractions
ما هو العنصر الأكثر جاذبية في الفكين ؟ هل هو برودي يتجادل مع رئيس البلدية؟ هل يخبر كوينت قصة إنديانابوليس؟ هل هي قضية هوبر مع إلين برودي (نعم حقا ، اقرأ الكتاب!)؟ لا ، إنها الموسيقى بمجرد أن يبدأ هذا القرش في العزف على التشيلو ، نعلم أنه قادم ، وقد تم الإعلان عن وصوله حرفياً. [بالمناسبة ، Jaws هو مثال مثير للاهتمام للفيلم الذي يأتي فيه كل من غريب (سمك القرش) إلى المدينة ، ثم يذهب رجل في رحلة (إلى البحر).]
يمكننا خلق المشاركة في التصميم من خلال إسقاط المفسدين باستمرار ، ملمحا إلى ما هو آت ، مع موسيقى التشيلو الخاصة بنا. وللقيام بذلك ، نستخدم ميزة "microinteractions" ، وهي مكونات بسيطة في واجهة المستخدم ، تتميز بمشغل وملاحظات. جزء ردود الفعل من microinteraction هو المكان المناسب لإدخال المفسد الخاص بك.
وهو يعمل من خلال معاينة البيانات التي يمكن تقديمها في تجربة خطية في مرحلة لاحقة. المفتاح هو تقديم البيانات إلى الأمام.
الصور المصغرة
لنبدأ بشيء مألوف: المثال الكلاسيكي لتقديم المعلومات إلى الأمام هو الصورة المصغرة. تمثل الصورة المصغرة معاينة لعنصر أكبر ، وهو دليل مرئي لما يمكن توقعه على الطرف الآخر من الرابط.
جاكي شتاء هي وكالة مواهب للفنانين والرسامين والرسامين. مع مجموعة متنوعة من المواهب ، فإن أفضل طريقة لتصفح العمل هي الصور المصغرة التقليدية.
لا يجب أن تكون الصور المصغرة تقليدية. الكسندر نكاش هو مدير فني ومصمم تفاعلي يستخدم موقعه معاينات لعناصر المشروع ، بدلاً من نسخ تصميم في صورة مصغرة.
باو هو مطعم تايواني له ثلاثة مواقع في لندن. تعمل الرسوم التوضيحية لمواقعها مثل الصور المصغرة ، مما يدل على أنه ليس مجرد مظهر للمطعم ، بل تجربة محتملة.
يوم في الخارج هو استوديو تصميم مقرها في غلاسكو. تشكل الصور المصغرة على موقعها مكونًا رئيسيًا في الاتجاه الفني وتضع جمالية العلامة التجارية الخاصة بها.
قراءة 5 دقائق
وبالعودة إلى اليوم ، كانت الطريقة الوحيدة لمعرفة طول مدة قراءة مقالة كهذه هي التحقق من الوقت ، وقراءة المقال ، والتحقق من الوقت مرة أخرى.
استنادًا إلى استيعابه ، يعد أحد العناصر الأكثر نجاحًا في واجهة المستخدم في السنوات الأخيرة هو المؤشر الصغير المفيد الذي يوضح لنا المدة التي ستستغرقها المقالة للقراءة. شائعة من قبل مواقع مثل متوسطة ، لا يوجد تتبع للعين ، أو سرعة قراءة محسوبة ، يعتمد تقدير "5 دقائق للقراءة" على عدد الكلمات - 125 كلمة من المتوقع قراءتها في 30 ثانية أو هناك. ولكن حتى هذه البيانات الشاملة بشكل عام كافية للسماح للمستخدمين باتخاذ قرارات مستنيرة بشأن التزامهم بموقع أو مقال أو منتج.
رتابة راديو التصميم الأسترالي مكسورة فقط باللون الأحمر المتباين المستخدم في حالات التحويم. العنصر الوحيد الذي يوظف الأحمر دون التفاعل؟ رأس التشغيل الذي يتميز بالموضع ، والطول الكلي.
السكوية شجرة هي شركة رأس المال الاستثماري في كاليفورنيا. تحتل صفحات شركات التكنولوجيا موقعها المقصود. يتميز كل ملف شخصي بموضع مرقوم ، ويوجه المؤقت المتحرك في شريط التمرير انتباهك إلى مكان تواجدك بالضبط.
فيميو يضم بعض أفضل مقاطع الفيديو على الويب. كان بإمكانهم عرض أي معلومات يرغبون فيها - منتج ، أو موضوع ، أو عنوان - عند تحريك الصور المصغرة الخاصة بهم. اختاروا المدة.
CINELLI هي أروع ماركة للدراجات في إيطاليا. ميزات شريط أدوات المنتج مرقمة بالأزرار "التالية" و "السابقة". السهام وحدها ستكون كافية لنقل المعنى ، لكن المصممين جلبوا البيانات إلى الأمام بإضافة بسيطة للأزرار.
البيانات المؤهلة
واحدة من أبسط الطرق لتعزيز واجهة ، هي تأهيل البيانات بسياق ذي مغزى. مفتاح هذا لا يقدم الكثير من المعلومات ، بل مجرد ملخص بسيط يمكن قراءته في لمحة.
مساعدة الكشفية هي خدمة العملاء ادارة العلاقات. تعرض لوحة التحكم الخاصة بهم المقاييس الرئيسية مثل إجمالي المحادثات ، والتي ستكون بلا معنى بدون إضافة سهم ونسبة مئوية تشير إلى ما إذا كان هذا تحسينًا أم نكسًا.
حجز تذكرة من ليون إلى بوردو يصبح أبسط عندما خط القطار يعرض شريطًا أسفل وقت الرحلة ، لإعطاء مؤشر مرئي لكل من الوقت وعدد التغييرات.
الخرائط والطمأنينة
عندما نتوقع رحلات ، وخاصة رحلة إلى المجهول ، غالبًا ما نزيل الغموض عن تجربة الخريطة. في العالم الحقيقي ، خريطة تشبه إلى حد كبير صورة مصغرة لوجه ما. في تصميم واجهة المستخدم ، توضح الخرائط التي نستخدمها هندسة المعلومات.
تعتبر التصنيفات واحدة من أكثر المناطق المعقدة في بنية المعلومات لأنها تميل إلى المصطلحات ، وهي لغة غالبا ما تكون خاصة بالشركة. تؤدي إضافة microcopy الخالية من المصطلحات إلى عرض وجهة للمستخدمين ، ويساعدهم في العثور على المعلومات الصحيحة.
بنية هي ادارة العلاقات مع ادارة الأداء ، ولكن منتجاتها تتمحور حول الشركة. حل هذه المشكلة عن طريق الإشارة إلى الميزة الرئيسية لكل منتج في القائمة الخاصة بهم.
Thriva يساعدك على تتبع صحتك من خلال اختبارات الدم التي يمكنك إجراؤها في المنزل. لديهم ثلاثة مستويات من المنتجات التي يتم شرحها بوضوح في القائمة الخاصة بهم.
المعاملات المالية معقدة من الناحية الفنية. مربع النقش تقدم مجموعة متنوعة من منتجات API للمطورين. لا تشرح قائمتهم الميزة الرئيسية لكل منتج فحسب ، بل تعمد إلى عرض حلّين محتملين بناءً على تركيبات المنتجات.
مفتاح تصميم واجهة المستخدم الفعال هو المفسدين
رواية القصص هي نقيض التصميم الفعال ، لأن القصص بطبيعتها ، تستهوي العناصر المجهولة في التجربة. التصميم ، على النقيض من ذلك ، يسعى للقضاء على المجهول من خلال توضيح.
عندما نأتي بالبيانات إلى الأمام في تصميم ، عادة ما نقوم بذلك بطريقة بسيطة. يمكن لقطعة واحدة من البيانات المحددة بشكل جيد توضيح العملية بأكملها. تُعتبر "Microinteractions" الطريقة المثلى لإدخال "المفسدين" ، التي تُمكّن المستخدمين من إنشاء تجاربهم الخاصة ، بينما تدرك على الدوام أين هم داخل السياق الأوسع.
من خلال الكشف عن أكثر من قصة خطية ، فإننا نجذب المستخدمين بشكل أكثر فاعلية ونصمم تجارب قوية وممتعة للاستخدام.