التصميم لم يسبق له مثيل في الحقيقة.
من الصعب أن نتخيل الآن ، ولكن قبل أن يرتفع مؤشر آيزك إلى شعبية عالمية ، فإن التصميم عادة ما يتراجع عن الأداء الوظيفي. اليوم ، أصبح التصميم عالماً على نفسه ، واتحد مجتمع المصممين والمطورين لتطوير مجموعة متماسكة من القواعد للممارسة الإبداعية.
تطور التصميم ثابت ، وهناك دائمًا أشياء جديدة للتعلم والتركيز عليها لجلب الوظيفة والجماليات معًا في حزمة واحدة.
للبقاء على قمة لعبة التصميم ، إليك 10 قواعد مهمة من تصميم واجهة المستخدم لتتذكر:
مع انفجار أنواع الأجهزة المختلفة اليوم ، حجم واحد بالتأكيد لن تناسب الجميع .
عندما انت إنشاء موقع الويب الخاص بك أو التطبيق ، يجب أن تتأكد من تصميم جميع أحجام الشاشات في الاعتبار. وهذا يعني التحميل بشكل كامل على اتصالات الإنترنت ذات النطاق الترددي المنخفض والعالي ، والتنسيق بشكل مناسب على كل من iPad و iPhones.
في الماضي ، ركز المطورون بشكل أساسي على إنشاء واجهة مستخدم جيدة لسطح المكتب. ولكن ، لتحديث ذاكرتك فقط ، تجاوز استخدام أجهزة الجوّال استخدام أجهزة الكمبيوتر المكتبية في عام 2014. لذا ، هل ينبغي عليك الآن تحويل تركيزك إلى الجوّال؟ في حين أنه من المهم إيلاء اهتمام خاص للهواتف المحمولة ، إلا أنه من الجدير أيضًا الأخذ في الاعتبار أن استخدام سطح المكتب لا يزال مرتفعًا إلى حد كبير ، مع حصة 42 ٪ .
لذلك ، المفتاح هو خلق واجهات المستخدم على التكيف مما يمنح المستهلك تجربة رائعة على الرغم من عرض أو توجيه الجهاز الذي يستخدمه.
الناس مشغولون للغاية ، وبسبب هذا ، نادراً ما يكرسون اهتمامهم الكامل لمهمة واحدة. لهذا السبب ، تحتاج إلى إبقاء التصميم الخاص بك بسيطًا لفهمه.
لا تجعل المستخدمين يخمنون. استخدم لغة يمكنهم فهمها بسهولة من حيث الكلمات والعبارات والمفاهيم. تجنب استخدام مصطلحات نظام أو صناعات خاصة وأصر على لغة مألوفة للجمهور.
إذا كنت تنوي أن يقوم المستخدم بإكمال أهداف معينة ، فعليك أن تكون الإجراءات في تسلسل يحتوي على بداية ووسط ونهاية. عند الانتهاء ، استخدم إعلامًا لإعلام المستخدم وتضمين أي خطوات تالية.
على سبيل المثال ، إذا كنت تصمم صفحة لنظام مصرفي عبر الإنترنت ، فيمكنك تجميع الإجراءات في "تفاصيل الاتصال" و "تفاصيل الحساب" و "إعدادات الملف الشخصي" بدلاً من وضعها في شكل واحد.
الأخطاء ليست فقط أخطاء وأخطاء ، ولكن أيضًا حواجز كبيرة الزوار اتخاذ الإجراءات المطلوبة .
إذا حدث خطأ ما أو تم تحميله بشكل غير صحيح ، فلن ينتظر معظم الزائرين لإصلاحه ، فسيغادرون فقط. ابق متيقظًا وكن على اطلاع على الأخطاء ، وقم بإصلاح الأخطاء التي تقوم بها في أقرب وقت ممكن.
لا يحب المستخدمون ارتكاب أخطاء. إنهم يشعرون بالأسوأ إذا اعتقدوا أنهم يتحملون المسؤولية عن الخطأ. إذا لم ينقلوا هذا الكراهية إليك وتقدّموا إلى الأمام ، فسوف يتخلون عن حساباتهم حتى قبل أن يتم إعدادهم ، على سبيل المثال.
عند تصميم ، القضاء على إمكانية حدوث خطأ أو تصميم نظام يقوم بالتحقق من الخطأ بالنسبة لهم قبل أن يذهبوا بعيداً. على سبيل المثال ، لنفترض أنك تطلب من المستخدمين إنشاء كلمة مرور تتكون من 8 أحرف على الأقل وتتضمن رقمًا واحدًا كحد أدنى.
هل سيسمح نظامك للمستخدم بالبدء في إنشاء كلمة مرور قصيرة ، فقط لإعلامه عند النقر على "التالي" أو هل يمكنه إبلاغه عند كتابة كلمة المرور؟ هذا الأخير هو أفضل تصميم.
التناسق في جميع أنحاء واجهة المستخدم يتلخص في جعل الأشياء مستمرة ، ويمكن التنبؤ بها ، وضمن التوقعات. إن تصميم كل شيء على مستوى اللوحة بشكل موحد قدر الإمكان والتأكد من عدم وجود مفاجآت أو نتائج غير متوقعة يقطع شوطا طويلا في جعل الأشياء متناسقة.
بواسطة مبدأ أقل مفاجأة : "إذا كان للميزة الضرورية عامل دهشة كبير ، فقد يكون من الضروري إعادة تصميم الميزة".
هل يجب على المستخدمين تخمين ما تعنيه الكلمات وأيها تعني نفس الشيء؟ هل يجب عليهم القلق بشأن النقر على زر معين لأنهم غير متأكدين من ماذا سيفعلون؟ ضمان اتساق العمليات والوظائف والمظهر والمصطلحات.
لحسن الحظ ، لا يوجد نقص في الموارد حول هذه المسألة. أكثر من بناة الموقع السمعة سوف يساعدك في ذلك لأنها تتميز بتصميم مخطط منتظم ومتسق للشبكة.
كما يقال اليوم ، "السياق هو كل شيء". السياق هو كيف يمكننا ربط الأفكار الجديدة مع الأفكار القديمة ، وبناء العلاقات والمعنى في عالمنا.
أفضل معلم لهذا الدرس هو على الأرجح أحد المعلنين. يعرف المعلنون أنه بدون حساسية السياق للوقت والطريقة التي يقدمون بها إعلاناتهم ، تصبح الإعلانات عديمة القيمة - وهذا هو المال الضائع ( انظر كيف يحدد Google AdWords كيفية تقديم الإعلانات ).
وبالمثل ، يجب عليك تطبيق التصميم السياقي في واجهات المستخدم الخاصة بك. واجهة المستخدم السياقية هي تصميم موقع أو تطبيق قائم على الموقع أو حساسًا لحالة الوقت ، بحيث يقدم البيانات الأكثر ملاءمةً للمستخدم. وهذا لم يكن مصدر قلق كبير للمصممين حتى قبل بضع سنوات.
مع نمو الاتصال في الوقت الحقيقي والاعتماد على الإنترنت ، قد يكون السياق هو سبب فشلك أو نجاحك.
السياق هو مفتاح العلاقات بين البشر ، ومما لا يقل أهمية عن العناصر الأساسية للتصميم . نتوقع أن تكون الأشياء التفاعلية بديهية ، ويجب أن تصمم لتشكيل علاقات متماسكة بيننا وظيفة والتصميم .
تحديد حجم كائنات واجهة المستخدم ومقدار بيضاء بين بعضها البعض أمر حاسم للتأكد من أن التصميم يبدو متوازن ويمكن التنبؤ به .
وبصرف النظر عن جذب انتباه المستخدم ، يساعد هذا أيضًا المستخدمين على فهم مكان الأشياء ، دون الاضطرار إلى البحث في كل مكان.
اختبار ثابت أفضل طريقة لتحديد أفضل طريقة للقيام بذلك ، وتوسيع ما يحتاج إلى مزيد من الاهتمام وتقلص ما يجب أن يكون أقل تشتيتًا.
عادة ما يحب المطورين والمصممين تخصيص كل شيء.
وهذا يسمح لنا بالتحكم في كل شيء بدءًا من الواجهات إلى خلفيات الشاشة ونغمات الرنين. معظم الناس ، ومع ذلك ، لا يبدو أن عناء مع التخصيص. تم شراء معظم الأجهزة والإلكترونيات الاستهلاكية الأخرى تقريبا أبدا الحصول على تغيير . لا يقوم الأشخاص عادةً بتعديل إعدادات المصنع الخاصة بهم ، نظرًا لأن تغييرها يتطلب المعرفة والوقت والجهد.
من خلال معرفة هذه الحقيقة ، من المهم التأكد من أن الإعدادات الافتراضية مناسبة لمجموعة كبيرة من المستخدمين لفهمها والتنقل بسهولة. يعني هذا إخبار المستخدم ، "مهلاً ، يمكنك تخصيص هذا ، ولكن لا يلزمك ذلك".
لن يتخذ الأشخاص عادة أي إجراء ما لم يطلب منهم ذلك. هذا هو السبب في أن تكتيكات مثل الدعوة إلى العمل قوية للغاية للمساعدة حملة التحويلات .
الأهم من ذلك ، اطلب منهم "جيد". ماذا يعني هذا؟ على سبيل المثال ، ضع في الاعتبار التوقيت والسياق. هل ستطلب من المستخدم بدء هدف آخر دون إكمال الهدف الذي يتم تشغيله حاليًا؟ ضع في اعتبارك عندما تظهر نافذة منبثقة تطلب منهم الاطلاع على بعض الأشياء الأخرى. إذا لم تظهر بعد التمرير إلى نهاية المنشور ، فأنت تفعل ذلك بشكل خاطئ.
لاحظ أنه لا يعمل إلا عندما يكون الزائر مهتمًا فعليًا بشيء تعرضه. إذا تمكنت من إثبات أنك تقدم قيمة كبيرة للأشخاص ، فلا تتردد في أن تطلب من المستخدمين القيام بشيء ما في المقابل ، مثل متابعة صفحات وسائل التواصل الاجتماعي أو مدونتك. يعمل هذا على إبقاء المستخدمين على اطلاع ، وكذلك بشكل طبيعي زيادة حركة المرور الخاصة بك على شبكة الإنترنت متأخر , بعد فوات الوقت.
في شركة تصميم الويب لدينا ، لاحظنا أن زوار موقع الويب لن يعرفوا كيفية الاتصال بنا. كان هناك الكثير من الخيارات. غالبًا ما يصاب الناس بالارتباك ، ولا يعرفون كيف يبدأون عملية الاتصال.
كانوا سيخمنون أنفسهم ، وقد انتهى الأمر بتلقي تحويلات أقل للاتصال نتيجة لذلك. من خلال جعل إجراءاتنا المطلوبة أكثر وضوحًا ، فإننا نلحظ المستخدمين مرئيًا بالإجراءات التي كنا نرغب بها .
مرة أخرى ، لا تترك المستخدمين يخمنون. أخبرهم بما تريده بالضبط وأبلغهم عند إكمال الإجراء.
عندما تدخل غرفة مظلمة وتحرك مفتاح إضاءة ، فإنك تتوقع أن يتم تشغيل الضوء. إذا لم يحدث أي شيء عند النقر على المفتاح ، قد تفترض أن هناك خطأ ما. هذا صحيح على حد سواء عندما يتعلق الأمر بالتصميم.
لا أحد يحب أن يكون غير متأكد من أفعالهم ، لذلك يجب أن يكون هناك ردود فعل مجاملة من رسائل تلميحات الأدوات والإخطارات لإظهار الزوار أن أفعالهم كانت ناجحة وتم الاعتراف بها. ردود الفعل يمكن أن تكون بسيطة مثل تشغيل استطلاع الويب أو إضافة إشعار "مكتمل" بمجرد إرسال النموذج ، ولكنه أمر حاسم عندما بدء بلوق أو التطبيق.
هذا يؤكد أيضا على ضرورة عدم ترك زوارك تخمين نفسها مرة أخرى. ينبغي أن يكون النظام قادراً على تقديم ملاحظات ذات صلة ، وملائمة في الأهمية والإلحاح ، وشاملة ومعقولة وسياقية.
إن فن التصميم يتغير باستمرار ، وسنستمر في البحث عن طرق جديدة للجمع بين الوظيفة والشكل في تصميم واجهة المستخدم. لقد مررنا بأشياء مثل البساطة والتصميم المتجاوب والتغيير والتحويل مع ظهور أحدث التقنيات.
مع وضع قواعد قواعد واجهة المستخدم العشرة هذه في الاعتبار ، لا تنسَ أن بعض القواعد قد تم كسرها.
الاختبار والتجريب هو كيف نتعلم تقنيات جديدة موثوق بها ، ولكن يمكننا الاعتماد على العديد من هذه القواعد كأساس لمؤسستنا.