ما الذي تشمله خدمة تصميم الواجهات
تجربة المستخدم هي ما يحدث له وهو يحاول إنجاز شيء. والواجهة ما يراه في الأثناء. نصمم الاثنتين معاً.
بحث المستخدمين
مقابلات وملاحظة واختبارات مع من يستعملون المنتج أو سيستعملونه، بلغتهم.
هيكل المعلومات والرحلات
ما الذي يوجد في المنتج، وكيف يُرتَّب، وأي طريق يسلكه المستخدم لكل مهمة.
تصميم الواجهة
شاشات بهوية علامتك: خط ولون ومسافات وأيقونات وحالات لكل عنصر.
العربية والإنجليزية
تخطيطات للاتجاهين تُرسم معاً، بخط مختار لكل كتابة ومراجعة من قارئ لكل لغة.
النماذج والاختبار
نموذج قابل للنقر يُعطى لمستخدمين ينجزون به مهام حقيقية، ونرى أين يتعثرون.
نظام التصميم والتسليم
مكتبة مكوّنات ورموز ومواصفات للحالات والأخطاء، وجلسة شرح مع المطوّرين.
متى تحتاج إلى عمل في التصميم
التصميم الجيد يُلحظ حين يغيب. هذه علامات غيابه.
| الحالة | ما تعنيه | ما نفعله |
|---|---|---|
| منتج جديد يُبنى | فكرة ومتطلبات وليس بعد شاشات | تصميم يسبق التطوير ويختبر الفكرة مبكراً |
| المستخدمون يتصلون ليسألوا كيف | الدعم يشرح ما كان ينبغي أن يكون واضحاً | إعادة تصميم للمهام التي يكثر السؤال عنها |
| كل شاشة بشكل | أزرار وألوان تختلف من قسم إلى آخر | نظام تصميم يوحّد المكوّنات |
| النسخة العربية ضعيفة | تخطيط مقلوب بلا عناية ونص مترجم حرفياً | تصميم عربي يُرسم لا يُعكس |
| المطوّرون يخمّنون | التصاميم صور بلا مواصفات | تسليم بحالات ومقاسات وسلوك مكتوب |
| أرقام لا تتحسن | تسجيل أو شراء ينسحب منه كثيرون | تحليل للرحلة وتجربة لبدائل |
كيف نعمل على التصميم
كل مرحلة تنتهي بشيء تراه وتجرّبه، وتتخذ عليه قراراً.
البحث والهيكل
أن نعرف قبل أن نرسم.
- نتحدث مع مستخدمين وأصحاب المصلحة
- نراجع ما لديك من بيانات وشكاوى
- نحدد المهام الأساسية ونرتّبها
- نرسم هيكل المعلومات والرحلات
- نعرضها تخطيطات أولية ونعدّل
الواجهة والاختبار والتسليم
من الرسم إلى ما يبني منه المطوّر.
- نصمم الشاشات الأساسية باللغتين
- نبني نموذجاً قابلاً للنقر
- نختبره مع مستخدمين ونسجّل ما تعثروا فيه
- نعدّل ونكمل بقية الشاشات
- نبني مكتبة المكوّنات ونكتب المواصفات
- نشرح للمطوّرين ونراجع ما يبنونه
ما الذي تستلمه من عمل التصميم
- ملخص لما قاله المستخدمون وما رأيناه
- هيكل المعلومات ومخططات الرحلات
- ملفات التصميم لكل الشاشات باللغتين
- نموذج قابل للنقر
- نتائج الاختبار وما تغيّر بسببها
- مكتبة المكوّنات ورموز التصميم
- مواصفات للحالات والأخطاء والاستجابة
- جلسة تسليم مع المطوّرين
تُحدَّد شروط الملكية والترخيص في اتفاقية المشروع.
قائمة جاهزية لمشروع تصميم
قبل بدء البحث
0 من 7 منجزةالخطوة التالية
أخبرنا ما المنتج، ومن يستعمله، وأين تراه يتعثر. سنرد بالعمل الذي نقترحه، وبمن نود أن نتحدث إليه من المستخدمين، وبما سيتضمنه التسليم. ابدأ المحادثة أو احجز مكالمة لمدة 30 دقيقة.
أسئلة شائعة
ما الفرق بين تصميم الواجهة وتجربة المستخدم؟
تجربة المستخدم هي المسار كله: ما المهمة، وكم خطوة تأخذ، وماذا يحدث حين يخطئ. وتصميم الواجهة هو ما يُرى: الخط واللون والأزرار والمسافات. منتج جميل بمسار مربك يفشل، ومسار جيد بواجهة مهملة لا يُوثق به. ولذلك لا نفصل بين العملين.
هل يلزم البحث مع المستخدمين في كل مشروع؟
يلزم قدر منه دائماً، ويتفاوت حجمه. خمسة أو ستة مستخدمين يكشفون معظم المشكلات الكبيرة. والبديل هو أن يصمم الفريق لنفسه ثم يكتشف بعد الإطلاق أن الناس يستعملون المنتج بطريقة أخرى. والبحث الصغير أرخص كثيراً من إعادة بناء شاشة بعد تطويرها.
هل تصممون بالعربية أم تترجمون التصميم الإنجليزي؟
نصمم بالعربية. تُرسم الشاشات الأساسية باللغتين في الجولة نفسها، فلا ترث العربية تخطيطاً صُنع لكلمات أقصر واتجاه آخر. ونختار خطاً عربياً يناسب الهوية، ونراجع الأيقونات والأرقام والجداول واحدة واحدة، ويعتمد النص قارئ عربي له صلاحية التغيير.
ما الذي يُسلَّم للمطوّرين؟
أكثر من صور الشاشات. مكتبة مكوّنات بحالاتها كلها، ورموز للألوان والخطوط والمسافات، ومواصفات لما يحدث عند الخطأ والتحميل والفراغ، وسلوك كل شاشة على المقاسات المختلفة. ونجلس مع المطوّرين لشرحها، ونراجع ما يبنونه مقابل التصميم قبل الإطلاق.
