كل الخدماتالخدمة / 03
تصميم الواجهات وتجربة المستخدم
UI/UX & product design
Figma · نماذج أولية · أنظمة تصميم
واجهات يفهمها الناس من الزيارة الأولى: مسارات موقع أو تطبيق وشاشاته ومكوّناته، مصمَّمة في Figma حول ما يحاول المستخدم فعله حقاً.
- الصيغ
- مواقع، تطبيقات ويب، تطبيقات هاتف، لوحات بيانات
- المخرجات
- مسارات، مخططات هيكلية، شاشات، نماذج أولية، نظام تصميم
- اللغات
- العربية والإنجليزية، وثنائية اللغة ومن اليمين إلى اليسار
- المدة المعتادة
- عدة أسابيع، على جولات
ما هي
المنتج سلسلة قرارات: ما الذي يُعرض، وما الذي يُخفى، وبماذا تُسمّى الأشياء. والتصميم الجيد للواجهة يتخذ هذه القرارات مرة واحدة وباتّساق، فلا يضطر من يستعمله إلى التفكير في الواجهة أصلاً.
نصمم للغتين في آن. فالاتجاه من اليمين إلى اليسار ليس مرآةً للاتجاه الآخر: الأرقام والأيقونات وترتيب القراءة والخطوط لكلٍّ منها جوابه، ونعطيه إياه من أول مخطط.
ما الذي تحصل عليه
البحث والمسارات
من يستعمله ولأي غرض، وأقصر طريق صادق عبر كل مهمة، يُرسم قبل أي شاشة.
المخططات الهيكلية
بنية كل شاشة بالرمادي، لنختلف على ما يوضع أين قبل أن نختلف على اللون.
تصميم الواجهة
شاشات نهائية لكل حالة وحجم ولغة، مع حالات الفراغ والتحميل والخطأ التي تُنسى عادةً.
النماذج الأولية
نماذج قابلة للنقر في Figma لاختبارها مع أناس حقيقيين وعرضها على أصحاب القرار قبل أن يُبنى شيء.
نظام التصميم
مكوّنات ورموز وقواعد في Figma، تُحفظ متوافقة مع الكود ليبقى المنتج متّسقاً وهو يكبر.
كيف يجري العمل
- نتعرّف على المهمة والمستخدمين والقيود، ونكتبها موجزاً نصمم على أساسه.
- نرسم المسارات ونخطط الشاشات، ونراجعها معك على جولات.
- نصمم الواجهة النهائية، باللغتين حيث يلزم، ونصنع نماذج أولية لما يستحق الاختبار.
- نسلّم إلى التطوير، عندنا أو عندك، مع نظام موثّق وكل حالة مغطّاة.
يناسبك حين
- لديك فكرة منتج وتريدها شاشاتٍ يستطيع أحد أن يبنيها.
- منتج قائم كبر حتى التبس، وإعادة تصميمه ستُجلّيه.
- تطبيقك يحتاج نسخة عربية مصمَّمة، لا مقلوبة.
أدواتناFigmaFigJam للمساراتأدوات Adobe للعناصر




