قائمة مراجعة تصميم UX - قائمة تدقيق إمكانية الوصول إلى تجربة المستخدم

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

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

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

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

01. الإجراءات المتكررة أو الأنشطة المتكررة تشعر بأنها سهلة

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

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

02. يمكن للمستخدمين استرداد الأخطاء بسهولة

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

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

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

03. يتم دعم المستخدمين بشكل كافٍ وفقًا لمستوى خبرتهم

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

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

04. الوصول إلى المساعدة لا يعيق تقدم المستخدم

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

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

05. لا يزيد عن ثلاثة ألوان أساسية

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

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

06. لا يُستخدم اللون وحده للتعبير عن التسلسل الهرمي أو المحتوى أو الوظيفة

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

07. يتم توجيه المستخدم إلى الإجراء المطلوب من خلال التسلسل الهرمي المرئي

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

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

08. العناصر الموجودة أعلى التسلسل الهرمي المرئي هي الأكثر أهمية

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

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

09. الأفعال الأولية والثانوية مختلفة بصريا

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

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

10. لا توجد سمات تفاعلية مجردة

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

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

11. يتم تأكيد تقديم الاستمارة بشكل واضح

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

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

12. رسائل التنبيه متسقة

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

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

13. الملاحة متسقة

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

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

14. هناك مجال للتحسين

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

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

15. لا يتم استخدام أكثر من مجموعتي خطوط مختلفتين

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

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

16. يجب ألا يقل حجم خطوط محتوى النص عن 12 بكسل

مرة أخرى ، هذه ليست قاعدة صارمة وسريعة ؛ يمكنك نظريًا استخدام أحجام أصغر لتطبيقات معينة جدًا ، لكن سهولة القراءة تتضاءل بشكل كبير عند العروض التي تقل عن 12 بكسل. تحقق من جميع المواد الخاصة بك للتأكد من أن حجم الخطوط المستخدمة لا يقل عن 12 بكسل.

17. يجب أن تكون التسميات والعناوين والمختصرات كلها بأحرف صغيرة

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

18. يتم فصل المحتوى وعناصر التحكم باستخدام أنماط خطوط مختلفة

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

19. حجم الخط ووزنه يميزان أنواع المحتويات

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

كيفية اختباره: تأكد من أن العناوين والعناوين الفرعية والفقرات تحتوي جميعها على أحجام خطوط وأوزان مختلفة أثناء تحليل النص داخل منتجك.

20- يعتبر القرب والمواءمة عاملين من أهم العوامل التي يجب مراعاتها

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

21. بالنسبة للعمليات متعددة الخطوات ، يكون مؤشر التقدم مفيدًا

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

22. تبرز العناصر الأمامية (مثل المحتوى وعناصر التحكم) في الخلفية

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

23. محاذاة شخصيات المشتري مع شخصيات القارئ

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

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

24. تأكد من أن الرحلة منطقية من جميع الزوايا

سيساعد التدفق الجيد للمستخدمين المستخدمين لديك في الوصول إلى المكان الذي يريدون الذهاب إليه. هل تريد منهم تحديد موعد معك؟ هل تريد شراء شيء ما؟ هل تريد الحصول على الكتاب الاليكتروني الخاص بك؟

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

25. توصيل رسالة علامة تجارية يسهل التعرف عليها

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

26. تحقق من سهولة الاستخدام على جميع الأجهزة

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

27. ابحث عن السرعة المناسبة لك

يعد وقت تحميل موقع الويب مقياسًا متزايد الأهمية يجب مراعاته عند إنشاء موقع ويب ، لأنه يؤثر على تجربة المستخدم ومعدلات التحويل. قبل توفير المال على الاستضافة أو CDN ، ضع في اعتبارك أن 40٪ من الأشخاص سيتخلون عن موقع الويب إذا استغرق تحميله أكثر من ثلاث ثوانٍ. يمكن أن يؤدي تقليل الوقت الذي يستغرقه تحميل موقعك من ثماني ثوانٍ إلى ثانيتين إلى زيادة معدلات التحويل بنسبة 74٪

بالإضافة إلى التأثير على النتيجة النهائية ، فإن أوقات التحميل البطيئة تضر بمحسنات محركات البحث لديك ، حيث تصنف Google مواقع الويب الأسرع في أعلى نتائج البحث. يبلغ متوسط ​​وقت تحميل الصفحة للمواقع ذات الترتيب الأعلى حوالي 1.5 ثانية.

28. اجعل UX KPIs تعمل لتحقيق أهداف عملك

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

29. احصل على تعليقات من المستخدمين

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

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

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

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

قم بإعداد حلقة ملاحظات: فريق خدمة العملاء هو المفتاح لحل مشكلات تجربة المستخدم.

30. من أنت وماذا تعمل؟

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

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

31. تأكد من أنه يمكن للزوار الاتصال بك

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

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

استخدم مربع الدردشة الحية للسماح للمستخدمين بطرح الأسئلة على الفور.

32. والأفضل من ذلك ، اترك فتات الخبز حتى يعرفوا مكانهم

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

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

33. استخدم التسلسل الهرمي لتظهر للمستخدمين إلى أين يتجهون بعد ذلك

يجب أن تضع في اعتبارك "رحلة مستخدم" محددة جيدًا. دعنا نتخيل أن لديك موقعًا على شبكة الإنترنت حيث تقوم بتدريس دورات عبر الإنترنت. فيما يلي مثال على رحلة مستخدم بسيطة:

> اقرأ أحدث مدونة> اشترك في قائمة البريد الإلكتروني وقم بتنزيل التقرير المجاني قبل التسجيل في الدورة التدريبية المدفوعة عبر الإنترنت.

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

34. تجميع البنود ذات الصلة معا

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

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

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

35. حافظ على اتساق كل شيء

آخر شيء تريده هو أن يعتقد الزائر أنه انتقل إلى موقع ويب مختلف بعد النقر فوق ارتباط.

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

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

36. تصميم مخطط لمسح العين

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

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

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

37. بناء الثقة مع الشهادات والدليل الاجتماعي

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

38. CAPS LOCK TEXT

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

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

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

39. اعثر على طريقة للتعاطف مع الزائر بسرعة

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

دعهم يعرفون على الفور أنك تفهم وضعهم. يمكنك القيام بذلك باستخدام صورة يمكنهم الارتباط بها أو بيان يلخص اهتماماتهم الرئيسية.

سوف يفكر الزائر ، "هذا الموقع يفهمني!" وهي تجربة مستخدم رائعة.

40. اختبار تجربة المستخدم باستخدام أدوات تصميم UX / UI

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

كيف يمكن لـ VOCSO المساعدة؟

The importance of companies connecting with users through a consistent, intuitive user experience. Every time you interact with an app or website, you're entrusting your personal data to it – and that means these organizations need to be held accountable for the way they collect and use this information. Customers are now aware of what companies are doing in their name, and if companies want to succeed in a competitive industry like digital marketing, they must create experiences that are both seamless and personalized.

As a business owner, you know that good customer experience is key to success. That's why it's so important to find a UX design company that can help you craft an effective user interface for your website or app. Not only will this make your customers happy, but studies have shown that user interfaces with well-designed elements can result in increased revenue and lower costs associated with customer support. If you're looking for a company that can help you create a high-quality user experience, VOCSO is the top name to work with!

We're a leading web design agency that understands your website is not only a representation of your business but also an extension of yourself and your team. We work tirelessly to ensure that every detail on your website is accounted for, from the layout and design to the functionality and SEO. Whether you are starting from scratch or need a refreshment after years of stagnation, our team can help turn your vision into reality. Check out our UX/UI design projects or contact us today to get started!

استنتاج

Overall, following these UX design checklist items will help ensure your next website project is successful. By taking the time to consider each item on the list, you can create a user-friendly website that meets the needs of your target audience. Do you have any other tips for ensuring a successful website project? Share them with us in the comments below!