تصميم واجهات وتجربة المستخدم للمواقع والتطبيقات في دبي

لماذا نختبر التصميم قبل البرمجة

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

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

التصميم بالعربية والإنجليزية

التصميم من اليمين إلى اليسار أكثر من مجرد عكس للشاشة. هذه التفاصيل نخطط لها من أول مخطط:

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

تصميم يستطيع الجميع استخدامه

الواجهة التي يسهل استخدامها تعمل أفضل مع كل الناس: كبار السن، ومن يستخدم هاتفًا صغيرًا تحت الشمس، وأصحاب الإعاقات. نصمم وفق معيار WCAG 2.2 بالمستوى AA، الذي يطلب مثلًا نسبة تباين لا تقل عن 4.5 إلى 1 للنص العادي.

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

نظام تصميم يفهمه المبرمجون

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

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

كيف نعرف أن التصميم ناجح

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

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