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




