تشدق ضد تصاميم التطبيقات الجميلة

"احترس من الغرور الذي يثني عليه أو يغذيه." - المتكلمون

أتصفح بعض مواقع إلهام التصميم بعيوني UX-ray المليئة بالضجيج والحيوية :) غالبًا ما أخرج مع الدخان المتصاعد من أذني. كما يقول العنوان ، هذا خرف ، لكن لا تأخذ الأمر على محمل الجد. أحاول أن أوضح نقطة.

نعم ، أعلم أن بعض مواقع عرض التصميم هذه ليست مخصصة بالضرورة لمنتجات العالم الحقيقي ، ولكن بعد ذلك ما زلت أقول إنها بحاجة إلى عكس نهج مدروس للتصميم ، وذلك في المقام الأول من خلال طرح السؤال الرئيسي "لمن هذا؟ "،" كيف سيستخدم الناس منتجي "و" هل هو قابل للاستخدام حقًا؟ ".

من المرجح أن تفشل تصميمات التطبيقات السطحية التي تتبع أحدث الصيحات وتتجاهل بشكل صارخ اتفاقيات قابلية الاستخدام الأساسية وأفضل ممارسات تجربة المستخدم والمبادئ الأساسية لتصميم التفاعل في العالم الحقيقي! لحسن الحظ ، فإنهم عادة لا يتخطون أرض الخيال السخيفة عمومًا والمتجددة في Dribbble و Behance.

لسوء الحظ ، فإن "تصميمات المفاهيم" هذه ، وهي شاشة واحدة في تطبيق خيالي ، تعمل فقط على إدامة المصممين الذين يتم تصنيفهم على أنهم فنانين - باعتبارهم متخيلين يهتمون فقط بالقشرة والألوان الجميلة والمحارف. في الوقت الحاضر ، يجب أن يتجاوز تصميم أي تطبيق ذلك.

أنا أتحدث عن تجربة المستخدم.

إذا حاول الأشخاص في العالم الحقيقي استخدام هذه التطبيقات فعليًا ، فأنا أضمن أن أكثر من 50٪ سيجدون صعوبة في القيام بذلك وسيستسلمون لاحقًا في حالة من الارتباك.

مصممو المنتجات الرقمية يستحقون ملحهم ويرغبون في رفع مستوى لعبتهم يعلمون أنه من الضروري ترك غرورهم عند الباب والابتعاد عن الازدهار غير الضروري والاستعراض العام للخدمة الذاتية وإغراء الجمهور الذي لا طائل من ورائه. #UXFail!

التخلي عن سهولة الاستخدام من أجل الإطراء

تعد تجارب المستخدم الرائعة أمرًا ضروريًا إذا كان لتصميم المنتج الرقمي أن ينجح في السوق. من المؤكد أن الجماليات - التصميمات ذات المظهر الرائع والشعور مهمة ، لكنها فقط اللمسة الأخيرة التي تكمل منتجًا قابلاً للاستخدام يسعد استخدامه أيضًا. السعي لتحقيق الكمال الجمالي وحده مع التخلي عن سهولة الاستخدام هو في النهاية لعبة خاسرة.

كما قال دون نورمان - الذي يطلق عليه غالبًا "معلم التكنولوجيا القابلة للتطبيق" - "ينتج المصممون العظماء تجارب ممتعة."

التجارب الممتعة هي تلك التي تخلق أقل قدر من الاحتكاك بينما تقدم تفاعلًا سلسًا وسلسًا وتجارب استباقية (على سبيل المثال ، ظهور الأشياء كما لو كانت بالسحر. الأشياء الصحيحة ، في اللحظة المناسبة ، بالطريقة الصحيحة).

إن الطريق لتحقيق ذلك ليس بالتأكيد من خلال تجاهل أفضل الممارسات الراسخة واتفاقيات التصميم والتركيز ببساطة على الواجهة. من الواضح أن Dribbble strutters: 1) أنت لا تفهم المستخدم الخاص بك ، و 2) أنت تنسخ البدع.

تجاهل الاتفاقيات على مسؤوليتك

اتفاقيات التصميم ، سواء في تصميم المنتجات الرقمية أو التصميم الصناعي - على سبيل المثال السيارة أو الدراجة - متجذرة في السلوك البشري والميكانيكا والفيزياء والعلوم والبحوث المكثفة. إنهم يتبعون أفضل الممارسات والتوقعات البشرية لكيفية عمل الأشياء لأننا اعتدنا عليها ، بعد أن اتبعنا تلك الأعراف على مدى دهور. هذه هي الاتفاقيات التي تم التوصل إليها عن طريق التجربة والخطأ ، وثبت أنها فعالة جدًا بمرور الوقت ؛ قليلا مثل التطور.

من التهور والغطرسة إلى حد ما تجاهل اتفاقيات التصميم أو انتهاكها. إنها أساسية وتعمل كأساس يمكننا من خلاله الابتكار. إنه يتعلق بما هو متوقع. بدونهم ، فإنك تخاطر بإزعاج الناس. تخيل لو أن كل دراجة ، وكل مقبض باب - أو الدواسات وعجلة القيادة في كل سيارة - تعمل بشكل مختلف ، وكل ذلك باسم "الابتكار".

كلمتين: مجموع الفوضى.

واجهة المستخدم مثل المزحة. إذا كان عليك شرح ذلك ، فهو لا يعمل.

مانع الاستدلال

التطبيقات المصممة جيدًا والتي تسعى إلى أن تكون منتجات قابلة للاستخدام تتبع اتفاقيات التصميم الراسخة وإرشادات قابلية الاستخدام الأساسية ومبادئ تصميم التفاعل (من بين أشياء أخرى) وتمرير التقييم الإرشادي باستخدام الألوان المتطايرة. ("الاستدلال" لأنها قواعد عامة عامة وليست إرشادات استخدام محددة.)

لكي تعمل تصميمات التطبيقات بشكل جيد في العالم الحقيقي ، يجب أن يلاحظوا إرشادات قابلية الاستخدام العشرة لتصميم واجهة المستخدم على النحو المحدد من قبل مجموعة Nielsen Norman ، وهي صوت رائد في مجال تجربة المستخدم لمدة 20 عامًا. وهذه هي:

1. رؤية حالة النظام
2. تطابق بين النظام والعالم الحقيقي
3. تحكم وحرية المستخدم
4. الاتساق والمعايير
5. منع الخطأ
6. الاعتراف بدلا من التذكر
7. مرونة وكفاءة الاستخدام
8. التصميم الجمالي والبسيط
9. ساعد المستخدمين في التعرف على الأخطاء وتشخيصها والتعافي منها
10. توفر المساعدة (قد تكون هذه "جولات سريعة" أو إرشادات)

اقرأ عن هذه المبادئ العامة العشرة لتصميم التفاعل بمزيد من التفاصيل هنا.

الافتتان باسم الابتكار

في كثير من الأحيان ، يتم تصميم شاشات مفهوم التطبيق من قبل المصممين الذين يبحثون عن الكثير من الإعجابات على مواقع عرض المحفظة بهدف دفع طريقهم إلى قسم اللقطات الساخنة اليومية على Dribbble. زوجان من تصميمات واجهة المستخدم الفاخرة والبسيطة ليست هي المنتج. إنه يشبه تصميم باب السيارة دون تقديم أي فكرة عن شكل بقية السيارة ، أو كيف يعمل في سيناريو العالم الحقيقي.

لا تفهموني خطأ! ابتكار التصميم ضروري. إنه أمر صحي وحاسم لأي تخصص أو مجال إبداعي أن يزدهر. لكن لا ينبغي أن يحدث ذلك على حساب تجربة مستخدم جيدة. لنفرق هنا ونسميها تجربة التصميم. تحت تصور التصميم النظيف والبسيط ، مجرد الرغبة في أن تكون مختلفًا ورائعًا ، فإن العديد مما يسمى بالتصاميم المبتكرة المعروضة في هذه المواقع تضحي بقابلية الاستخدام الأساسية.

سهولة الاستخدام 101

تعد قابلية الاستخدام ، وهي حجر الأساس لتجارب المستخدم الرائعة ، سمة جودة تقيِّم مدى سهولة استخدام واجهات المستخدم. تشير كلمة قابلية الاستخدام أيضًا إلى ممارسات تحسين سهولة الاستخدام أثناء عملية التصميم.

يتم تحديد ما إذا كان التطبيق مفيدًا من حيث الفائدة وسهولة الاستخدام. توفر الأداة المساعدة للمستخدمين الميزات التي يحتاجون إليها ؛ سهولة الاستخدام هي مدى سهولة استخدام هذه الميزات. لذلك ، فإن تصميمات التطبيقات الرائعة التي تتجاهل هذه المبادئ الأساسية لقابلية الاستخدام ينتهي بها الأمر إلى كونها عديمة الفائدة بحكم التعريف.

من المفهوم أن المصممين يبحثون عن طرق مبتكرة ومثيرة للاهتمام لتصميم التنقل في تطبيقهم. ولكن هناك خط رفيع بين ما هو غير متوقع وغير قابل للاستخدام. هناك ثلاثة أشياء يجب مراعاتها في تصميم التنقل وهي الاتساق وتوقعات المستخدم والقرائن السياقية. لا يهم مدى روعة التجارة الإلكترونية - على سبيل المثال - تصميم مفهوم التطبيق. إذا لم يتمكن المستخدمون من العثور على المنتج ، فلن يتمكنوا من شرائه.

تصميم مفيد

كما قال ستيف جوبز ، "الأمر لا يتعلق فقط بالشكل والمظهر. التصميم هو كيف يعمل."

كان يتحدث عن التصميم المفيد .

إذا عبث المصمم كثيرًا بالنموذج العقلي للشخص حول كيفية عمل الأشياء ، فسيفشل التطبيق. إذا كان هناك عدم تطابق كبير بين النموذج العقلي للمستخدمين والنموذج المفاهيمي ، فإن التطبيق يكون محمصًا. النماذج العقلية ، كما يوحي الاسم ، هي نماذج مفاهيمية في أذهان الناس تمثل فهمهم لكيفية عمل الأشياء.

أحد المبادئ الأساسية لتصميم التفاعل هو أن واجهة المستخدم يجب أن تحتوي على دلالات إذا كانت مفيدة. إذا لم يكن لدى المستخدمين إشارات مرئية في واجهة المستخدم تشير إلى الإجراءات المتاحة أو تفاعلات الإيماءات المتاحة لهم - تسمى الدلالات - فإن تصميم منتجك هو DOA.

بقدر ما قد تكون أنت مصممًا مفتونًا بمنتجك ، فإن المستخدمين يهتمون بالفائدة أكثر من ذلك بكثير. إنهم لا يريدون تعلم تطبيقك ، ولا يريدون الذهاب في رحلة اكتشاف أو تجربة لمعرفة ما ينجح من خلال محاولة تمرير الأشياء في واجهة المستخدم. كما قال ستيف كروغ ، مستشار قابلية الاستخدام لأكثر من 20 عامًا ، في كتابه لا تجعلني أفكر ، "[قابلية الاستخدام] هي المبدأ المهيمن ، والفاصل النهائي عند تحديد ما إذا كان التصميم يعمل أم لا."

من المؤكد ، كما قال ديتر رامز ، المصمم الألماني الأسطوري في براون في السبعينيات ومصدر إلهام لكل ما يتعلق بشركة Apple:

تعد الجودة الجمالية للمنتج جزءًا لا يتجزأ من فائدته لأن المنتجات التي نستخدمها كل يوم تؤثر على شخصنا ورفاهيتنا. لكن الأشياء جيدة التنفيذ فقط هي التي يمكن أن تكون جميلة.

بمعنى آخر ، يجب أن يعمل التصميم على جميع المستويات.

فيما يلي الوصايا العشر للتصميم الجيد وفقًا لديتر رامز:

لنتذكر أن التصميم المرئي - الجمالي - هو مجرد جانب واحد من تصميم UX. إنها الطبقة الأخيرة التي يجب أن ترفع كل ما حدث قبلها في عملية تصميم UX ، أي تحديد أهداف العمل ، وتحديد المستخدم الأساسي (الأشخاص) ، وبحث المستخدم ، والرسومات ، والتفكير ، والإطار الشبكي ، والنماذج بالأحجام الطبيعية ، والنماذج الأولية ، واختبار قابلية الاستخدام . إنها القشرة النهائية التي ترفع من تجربة المستخدم الإجمالية بما يتماشى مع تصميم المشاعر.

تقليل الجهد العقلي

مع التصميم السيئ في العمل ، ما يفعله السيد والسيدة ديزاينر هو مطالبة الناس بفك رموز الرموز والرموز الغامضة وتفسيرها ، وبالتالي زيادة العبء المعرفي لديهم (إجمالي الجهد العقلي المستخدم في الذاكرة العاملة). من ناحية أخرى ، سيقلل التصميم الجيد لتجربة المستخدم من الحمل المعرفي. هذا النوع من التصميم الأناني - نعم ، ذهبت إلى هناك - يرمي حواجز في طرق الناس ، مما يزيد من الاحتكاك والإحباط. هل هذا حقا هو الهدف؟

يحتاج المصممون إلى توفير تسمية واضحة (روابط وأزرار) وعلامات واضحة (تنقل واضح) لمساعدة المستخدمين على تكوين خريطة ذهنية للتطبيق وتحديد مكان الأشياء وكيفية استخدامها. يجب أن يكون التنقل واضحًا وموجهاً نحو المهام ومنطقيًا (على سبيل المثال ، تشير عناصر التحكم في الشاشة إلى كيفية استخدامها) ، ويجب أن يكون موقعها ثابتًا (على سبيل المثال ، على شريط القوائم) طوال الوقت.

اجعل من الواضح المكان الذي يجب على المستخدمين النقر عليه ، إذا كان بإمكانهم التمرير وجعل الأهداف كبيرة بما يكفي ليتم النقر عليها بسهولة. منع الأخطاء. لا تجعل الناس يخمنون ماذا يعني شيء ما. لا تكن كسولاً. تجنب قوائم الهامبرغر والكباب (النقاط الثلاث) لأنها تخفي التنقل وتجعل المحتوى أقل قابلية للاكتشاف. على وجه الخصوص ، تجنب الهامبرغر الذي لا يشبه حتى قوائم الهامبرغر! نعم ، المساحة محدودة ، ولكن ثبت أن الجمع بين علامات التبويب (الجزء العلوي السفلي) وقوائم الهامبرغر تؤدي بشكل أفضل بكثير من مجرد همبرغر واحد.

إنه ليس عالمًا مثاليًا

إذا وجد منتجك طريقه إلى أيدي المستخدمين ، فهل سيتمكنون من العثور على الأشياء واستخدامها بالفعل؟ قد لا يتمكنون من الوصول إلى إعداد فائق المخادع مثل الإعداد الذي استخدمته لتصميم هذه الشاشات. فكر مرة أخرى في سهولة الاستخدام وإمكانية الوصول (الإعاقة البصرية ، الإعاقة الجسدية ، الإعاقة الإدراكية). وفقًا لبيانات التعداد ، في الولايات المتحدة ، يعاني ما لا يقل عن 19٪ من الأشخاص من إعاقة ومن المرجح أن تكون النسبة أعلى في الدول الأقل نموًا. إذا اختار شخص لديه رؤية أقل من الكمال تطبيقك ، فهل سيتمكن من استخدامه؟

هل التصميم الخاص بك "سهل الاستخدام" أم أنه يمثل حرفيًا صعوبة في الاستخدام؟ ما مقدار الجهد الذي يتعين على الأشخاص إجهاده للوصول إلى أجزاء مختلفة من شاشة التطبيق؟ هل تفكر في تدفقات مهام المستخدم ، ووضع العناصر القابلة للتنفيذ تحت أطراف أصابع الأشخاص بدلاً من جعلها تقفز حول الزوايا الأربع للشاشة؟ هل التصميم متوافق حقًا مع اللمس؟ هل قمت بحساب المنطقة المحجوبة تحت اليد التي تحمل الهاتف؟

كما يشير Luke Wroblewski في "تصميم الهواتف الذكية ذات الشاشة الكبيرة" ، هل فكرت في كيفية أداء تصميماتك على الشاشات الأكبر حجمًا؟

هل يتبع تصميمك حقًا توصية إرشادات واجهة الإنسان الخاصة بـ iPhone من Apple بحد أدنى لحجم الهدف يبلغ 44 بكسل عرضًا وطوله 44 بكسل؟ يقترح دليل التصميم والتفاعل لواجهة مستخدم Windows Phone من Microsoft حجم هدف لمس يبلغ 34 بكسل بحد أدنى لحجم هدف اللمس 26 بكسل.

لا تقع في حب الحد الأدنى من التباين بين النص والخلفية أو نص صغير غير مقروء لأنه يجعل تصميماتك "أنيقة ونظيفة وأضيق الحدود".

تجربة مستخدم أفضل

نحن بحاجة إلى تصميم أفضل من Mo

إذن ، ما هو التصميم الجيد؟ يمكن أن تملأ هذه المناقشة كتابًا ، ولكن ، بشكل عام ، يكون "التصميم الجيد" عندما يأتي كل شيء معًا لمستخدم هذا التصميم.

هذا يعني أن يكون التصميم "جيدًا" ومفيدًا للمستخدمين ، يجب أن يأخذ في الاعتبار المستويات والعوامل المتعددة التي يجب أن يقدمها حتى يكون ناجحًا.

اتجاهات التصميم تأتي وتذهب. يستمر اتجاه التصميم المتوسط ​​لمدة عام أو عامين فقط ؛ قابلية الاستخدام الجيدة ، أساس تصميم UX ، موجودة لتبقى.

المنتجات التي تم تصميمها وفقًا لسبعة عوامل لتجربة المستخدم العظيمة ستصمد أمام أي اتجاه تصميمي مضمون. سيحدث المصممون الذين ينتبهون - لقابلية الاستخدام الرائعة وأفضل ممارسات تجربة المستخدم واتفاقيات تصميم التفاعل والعوامل التي تؤثر على تجربة المستخدم - تأثيرًا أكبر من أولئك الذين لا يفعلون ذلك. في نهاية اليوم ، سيتم مكافأتهم ، وستقبل منتجاتهم الرقمية على نطاق واسع ونجاحها في السوق.

إذا كنت ، كمصمم ، تريد أن تصبح أفضل في UX - لإنشاء تطبيقات مفيدة للهاتف المحمول وسطح المكتب ، وليست مجرد تطبيقات جميلة - استثمر بعض الوقت في تعلم أساسيات تجربة المستخدم على الأقل. ابدأ باتباع مدونات UX واشترك في النشرات الإخبارية والمنشورات عبر الإنترنت مثل Toptal Design Blog أو UX Magazine أو UX Matters أو UserTesting أو uxdesign.cc أو UX Design Weekly أو Interaction Design Foundation.

اقرأ دراسات المستخدم التي أجريت مع المشاركين الأحياء والمتنفسين - أناس حقيقيون. كما يقولون ، الأرقام لا تكذب. كل شيء آخر هو فرضية وافتراض.

اتبع قادة الفكر UX على Twitter. اقرأ مقالات UX والمستندات البيضاء ، أهمها مجموعة Nielsen Norman Group و Adaptive Path.

يعد Medium أحد الوجهات المفضلة لقراءة مقالات تصميم UX / UI عبر الإنترنت. يستخدمه المصممون في جميع أنحاء العالم للقراءة عن التصميم وتجربة المستخدم وقابلية الاستخدام والموضوعات الأخرى المتعلقة بإنشاء وبناء منتجات رقمية رائعة. هنا المصممين لمتابعة المتوسطة.

اقرأ بعض الكتب التأسيسية والكلاسيكية التي يمتلكها كل UXer أعرفه على رف كتبه وتعامل معها كأنها كتاب مقدس.

1. كتاب دون نورمان الأساسي عن تصميم The Design of Everyday Things
2. تصميم دون نورمان العاطفي: لماذا نحب (أو نكره) الأشياء اليومية
3. ستيف كروج لا تجعلني أفكر
4. Lean UX الخاص بـ Jeff Gothelf: تطبيق مبادئ Lean لتحسين تجربة المستخدم
5. هندسة قابلية الاستخدام لجاكوب نيلسن
6. 100 شيء يحتاج كل مصمم لمعرفته عن الناس لسوزان وينشينك

اقرأ الموارد الإعلامية عبر الإنترنت حول إرشادات قابلية الاستخدام ومبادئ تصميم التفاعل وأفضل ممارسات تجربة المستخدم: الدراسات والأوراق التقنية والمقالات وما إلى ذلك.

1. المبادئ الأولى لتصميم التفاعل
2. مجموعة كاملة من 2397 إرشادات قابلية الاستخدام (عبر تقارير متعددة) من NNGroup
3. 10 استدلالات قابلية الاستخدام لتصميم واجهة المستخدم من NNGroup
4. مقالات معهد Baymard: Baymard يدرس السلوك على مواقع التجارة الإلكترونية
5. مقالات إتقان UX: كل الأشياء UX

وأخيرًا ، أضف خمس مواد صوتية لتجربة المستخدم إلى مكتبة iTunes الخاصة بك:

1. UX Pod: مناقشات مع مصممي UX وحول قابلية الاستخدام بشكل عام
2. داخل الاتصال الداخلي: مقابلات مع كبار المصممين في الشركات الرائدة
3. UX Podcast للأشخاص المتحمسين لتحقيق التوازن بين الأعمال والتكنولوجيا والمستخدمين
4. UIE Podcast: رؤى من هندسة واجهة المستخدم حول عالم التصميم
5. True North: الكشف عن قصص التصميم التي تسلط الضوء على اختبار التصميم والبحث

• • •

مزيد من القراءة على مدونة Toptal Design:

• أفضل ممارسات تصميم واجهة المستخدم والأخطاء الشائعة
• الدول الفارغة - الجانب الأكثر إغفالًا لتجربة المستخدم
• البساطة هي المفتاح - استكشاف الحد الأدنى من تصميم الويب
• مبادئ ارشادية للواجهات المتنقلة
• التصميم للقراءة - دليل لطباعة الويب