التصميم والمنتج
تصميم الواجهات وتجربة المستخدم
أبحاث المستخدم والنماذج وتصميم الواجهات
التصميم هو ما يحدد إن كان الناس يستطيعون استخدام ما بنيته. ليس إن كان يبدو عصرياً، بل إن كان المستخدم لأول مرة يُكمل المهمة دون أن يُدرَّب، وإن كان موظفوك يعالجون مئتي سجل يومياً دون أخطاء، وإن كان أحدهم يترك النموذج عند الحقل الثالث. هذا ما نصمم من أجله، وهو قابل للقياس.
نصمم واجهات لتطبيقات الويب وتطبيقات الجوال والمتاجر الإلكترونية والأدوات الداخلية، ونفعل ذلك كشريك للهندسة لا كزخرفة تُضاف بعدها. فالتصميم الذي لا يمكن بناؤه بكلفة معقولة ليس تصميماً جيداً، لذلك يراجع مصممونا ومطورونا العمل معاً قبل اعتماده.
ما يشمله العمل
ما يتضمنه العمل
بحث بقدر المخاطرة.
مقابلات مع من سيستخدم المنتج، ومراجعة لتذاكر الدعم والتحليلات، وجلسة مع شخص يستخدم النظام الحالي يومياً. في مشروع صغير يكون هذا أسبوعاً؛ أما تجاهله كلياً فهو الطريقة التي تُصمم بها الفرق بثقة لمستخدم غير موجود.
معمارية المعلومات.
ما يوجد وأين، وكيف تُسمَّى عناصر التنقل، وكيف يجد الزائر الشيء الوحيد الذي جاء من أجله. معظم مشكلات قابلية الاستخدام بنيوية لا بصرية.
مسارات المستخدم.
كل طريق داخل المهمة، بما فيها ما لا يحب أحد رسمه: الأخطاء والحالات الفارغة والجلسات المنتهية والبيانات الناقصة والمدفوعات الفاشلة وزر الرجوع.
المخططات الهيكلية.
البنية والتراتب يُتفق عليهما بالرمادي قبل أن يدخل اللون الحوار، لأن اللون هو المكان الذي تموت فيه المراجعات.
تصميم الواجهات.
الشاشات الكاملة عالية الدقة: الخطوط والمسافات واللون والحالات والأيقونات والصور، بانسجام في كل شاشة من المنتج.
النماذج التفاعلية.
قابلة للنقر بما يكفي لاختبارها مع أشخاص حقيقيين وتسليمها للمطورين دون اجتماع ترجمة.
اختبار قابلية الاستخدام.
من خمسة إلى ثمانية أشخاص يحاولون مهام حقيقية. عدد صغير، ويجد على نحو موثوق أغلب المشكلات الجدية — قبل أن تُبنى.
التسليم للمطورين.
مواصفات وقواعد مسافات وحالات مكوّنات ونقاط انكسار وأصول جاهزة. فالتصميم الذي يتوقف عند صورة جميلة يتحول إلى تخمين عند المطور.
الشاشات التي تنساها معظم المشاريع
لا يكتمل التصميم إلا حين يغطي الأيام التي تسير على نحو خاطئ. نحدد الحالة الفارغة التي يراها مستخدم جديد قبل أن تكون لديه بيانات؛ وحالة التحميل؛ ورسالة الخطأ التي تقول ما يجب فعله لا ما فشل؛ وشاشة «لا نتائج»؛ وحالات الأسماء والنصوص الطويلة التي تكسر التصميم؛ وأصغر هاتف تدعمه؛ والحالة التي يصل إليها المستخدم حين لا تسمح صلاحياته بما نقر عليه. هنا تحديداً تبدو المنتجات معطوبة، وتصميمها رخيص وإضافتها لاحقاً مكلفة.
التصميم للعربية والإنجليزية
التصميم ثنائي اللغة قيد بنيوي لا مهمة ترجمة. النص العربي يسير من اليمين إلى اليسار، فيغيّر ترتيب القراءة بكامله وموضع التنقل وأزرار الرجوع ومؤشرات التقدم. وهو عادةً أطول أو أقصر من الإنجليزي للمحتوى نفسه، لذا يجب أن يتحمل التصميم الحالتين دون أن ينكسر. والخط العربي يحتاج ارتفاع أسطر خاصاً به، وتباعد حروف صفرياً، وخطاً يصمد في أحجام الواجهات. والأيقونات ذات الاتجاه يجب أن تُعكس؛ والشعارات وأزرار الوسائط يجب ألا تُعكس. نصمم الاتجاهين من البداية ونراجع كل شاشة بهما، لأن الواجهة العربية التي عُكست في النهاية تبدو دائماً كذلك.
الوصولية كخط أساس
نصمم وفق نسب التباين في WCAG، ونضمن أن كل عنصر تفاعلي يمكن الوصول إليه وتشغيله بلوحة المفاتيح مع حالة تركيز ظاهرة، ونحفظ مساحات اللمس كبيرة بما يكفي للنقر في حافلة متحركة، ونوفر تسميات يستطيع قارئ الشاشة النطق بها بمعنى، ونتجنب الاعتماد على اللون وحده لنقل المعنى. هذا ليس عملاً إضافياً يُضاف للامتثال، بل ينتج واجهة أسهل على الجميع، وعلى شاشة سيئة في ضوء الشمس.
عن العمل مع Codigoo
كان توقيت التذكير فكرتهم، مبنيًا على بيانات عدم الحضور لدينا. هذا التفصيل الواحد أفادنا أكثر من بقية المشروع مجتمعة.
أسئلة تتكرر علينا
- لدينا مصمم بالفعل. هل تعملون معه؟
نعم، وهذا هو الترتيب الأفضل في الغالب — فمصممك يعرف علامتك وعملاءك. يمكننا تولي البحث أو عمل الأنظمة أو تصميم التفاعل لمنطقة معقدة محددة، والاندماج في الأدوات والأعراف التي يستخدمها.
- هل يمكنكم إعادة تصميم منتجنا الحالي؟
نعم، وسنبدأ بمعرفة أين يتعثر المستخدمون فعلاً لا بتغيير القشرة. فإعادة التصميم التي تغيّر الشكل وتبقي البنية المُحيِّرة هي أكثر طريقة شائعة لصرف ميزانية دون تغيير شيء. وأحياناً تكون التوصية الصادقة سلسلة إصلاحات موجهة لا إعادة تصميم.
- كيف تتعاملون مع الملاحظات والتعديلات؟
بجولات مراجعة منظمة في مراحل محددة، مع شخص واحد من جهتكم يملك القرار النهائي. فالتصميم باللجان ينتج معدلاً لتفضيلات الجميع، وهي طريقة موثوقة للوصول إلى شيء لم يخترْه أحد. نطلب تحديد صاحب القرار من البداية.
- هل نحصل على ملفات التصميم ونملكها؟
نعم. تحصل على ملفات العمل والأصول المصدَّرة والمواصفات الموثقة، في مساحة عملك الخاصة. وإن واصلت مع فريق آخر فسيكون لديهم كل ما يحتاجونه.
إن كان لديك منتج يجده الناس محيّراً — أو تنفيذ على وشك البدء دون تصميم — فجلسة استشارية هي الموضع المناسب لتحديد أي جزء من ذلك مشكلة تصميم.
حدّثنا عن تصميم الواجهات وتجربة المستخدم
ثلاثون دقيقة مع مهندس ومختص استراتيجيات يعملان في هذا المجال — لا فريق مبيعات. ستحصل على إجابة صادقة عمّا إذا كان هذا هو الشيء المناسب لتشتريه، وعن كلفته الواقعية.