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