تسجيل العلامة التجارية لشعارك في الإمارات
ما الذي يحميه قانون العلامات التجارية الإماراتي ويرفضه، وكيف يعمل التسجيل لدى وزارة الاقتصاد والسياحة، وماذا يعني ذلك لشعارك.
اقرأ المقالالبحث
من يستخدم المنتج، وماذا يحاولون فعله، وأين يعلقون اليوم.
تصميم واجهات وتجربة المستخدم
تصميم واجهات وتجربة المستخدم في دبي للتطبيقات والبوابات والمنصات
بحث مستخدمين، وإطارات سلكية، ونماذج أولية قابلة للنقر، ونظام تصميم لبرمجيات يسجل الناس الدخول إليها، مصممة بالعربية والإنجليزية ومُتحقَّق منها وفق WCAG 2.2.
- تقييم 4.7 على Google
- 200+ عميل
- في دبي منذ 2018
45 دقيقةللحصول على عرض سعر ثابت ومكتوب
ما تغطيه
تصميم واجهات لمنتجات يستخدمها الناس، لا صفحات يقرؤونها
تصميم واجهات وتجربة المستخدم مخصص للبرمجيات ذات المهام: تطبيق حجوزات، بوابة عملاء، تطبيق لأولياء أمور طلاب مدرسة، لوحة إدارة عقارات، تدفق مدفوعات. السؤال ليس “هل يبدو هذا جيدًا” بل “هل يستطيع شخص مشغول في دبي إنهاء هذه المهمة على الهاتف دون الاتصال بالدعم”. موقع تسويقي مهمة مختلفة، مغطاة بـتصميم المواقع. هذه الصفحة تغطي تصميم واجهات المستخدم في دبي تحديدًا.
الإطارات السلكية
تدفقات وتخطيطات شاشات بتدرج رمادي، حتى تُتفق البنية قبل التنسيق.
النماذج الأولية
نسخ قابلة للنقر تتصرف مثل المنتج الحقيقي، تُستخدَم للاختبار والاعتماد.
نظام تصميم الواجهات
مكونات وقيم وقواعد قابلة لإعادة الاستخدام، حتى يبني المطورون باتساق وتكون الشاشات الجديدة سريعة.
البحث
بحث يناسب حجم المشروع
لا يحتاج البحث أن يكون دراسة لثلاثة أشهر. يحتاج للإجابة عن الأسئلة التي سيكون الخطأ فيها مكلفًا. بالنسبة لمنتج إماراتي، يعني ذلك عادة فهم جمهور مختلط: متحدثو عربية وإنجليزية، مقيمون وزوار، أشخاص يستخدمون التطبيق يوميًا وأشخاص يفتحونه مرتين سنويًا لتجديد شيء ما.
نختار الأساليب وفق ما هو معروف بالفعل. المنتج الموجود لديه تحليلات وتذاكر دعم تُظهر أين يفشل الناس. المنتج الجديد لديه منافسون وبضعة مستخدمين محتملين حقيقيين يمكن مقابلتهم خلال أسبوع. إذا لم تكن تحليلاتكم مُعدَّة لإظهار هذا، يمكن لـتحليلات الويب إصلاح ذلك أولًا، قبل بدء تصميم واجهات المستخدم في دبي.
أساليب البحث التي نستخدمها
- مقابلات أصحاب المصلحة لاتفاق الأهداف والقيود
- مراجعة التحليلات وتذاكر الدعم للمنتجات الموجودة
- مقابلات قصيرة مع مستخدمين حقيقيين أو مستهدفين
- اختبارات قابلية استخدام قائمة على المهام للمنتج الحالي
- مراجعة المنافسين والأنماط
- خرائط رحلة للتدفقات الأكثر أهمية
الإطارات السلكية والنماذج الأولية
تصميم واجهات: من تدفق المستخدم إلى نموذج أولي يمكنكم اختباره
كل مرحلة تنتج شيئًا يمكنكم التفاعل معه. تغيير تدفق في إطار سلكي يستغرق دقائق؛ تغييره بعد التطوير يستغرق سباقًا كاملًا. ولهذا نعتمد هذا الترتيب في كل تصميم واجهات المستخدم في دبي.
تصميم تدفقات المستخدم
كل مسار عبر مهمة، بما في ذلك المسارات غير السعيدة: كلمة مرور خاطئة، هوية إماراتية منتهية الصلاحية، دفع مرفوض، بلا إنترنت في موقف سيارات.
الإطارات السلكية
تخطيطات شاشة منخفضة التفاصيل تحسم أي معلومات وإجراءات تحملها كل شاشة، بحجم الهاتف أولًا للمنتجات المحمولة.
نموذج أولي قابل للنقر
إطارات سلكية أو شاشات منسّقة مترابطة حتى يستطيع الناس النقر عبر المهمة. نستخدمه للاختبار مع المستخدمين وللحصول على اعتماد من أصحاب المصلحة الذين لا يقرؤون الإطارات السلكية بسهولة.
اختبار قابلية الاستخدام
حفنة من الأشخاص من الجمهور المستهدف يحاولون مهامًا حقيقية بينما نراقب. المشاكل التي تظهر بشكل متكرر تُصلح قبل اعتماد التصميم البصري النهائي.
التصميم البصري والحالات
الشاشات النهائية بكلتا اللغتين، بحالات تحميل وفارغة وخطأ ونجاح لكل مكوّن.
أنظمة التصميم
نظام تصميم واجهات سيستخدمه مطوروكم فعلًا
بمجرد أن يتجاوز المنتج بضع عشرات الشاشات، ينهار الاتساق دون نظام. تنحرف الأزرار في الحجم، وتصبح المسافات عشوائية، ويبتكر كل مطور رسالة الخطأ الخاصة به. يصلح نظام التصميم هذا بقيم مسماة للون والخط والمسافات، ومكتبة مكونات برسم كل حالة، وقواعد قصيرة لمتى يُستخدم كل منها.
لمنتج بالعربية والإنجليزية، كل مكوّن مصمم بكلا الاتجاهين. الأيقونات التي تشير إلى اتجاه تُعكَس، وحقول الإدخال تحاذي جهة القراءة، وحقول الأرقام تبقى من اليسار لليمين، وهذا تفصيل أساسي في تصميم واجهات المستخدم في دبي ثنائية اللغة.
إذا كنتم تعملون مع جهات حكومية اتحادية إماراتية، لاحظوا أن هيئة تنظيم الاتصالات والحكومة الرقمية تنشر نظام التصميم الإماراتي للمواقع والتطبيقات الحكومية الاتحادية. تصف الهيئة مكوناتها بأنها مُختبرة وفق إرشادات WCAG 2.2. حيث يجب أن يتبعه مشروع، نصمم ضمنه لا حوله.
ما يُسلّمه نظام تصميم الواجهات
- قيم اللون والخط والمسافات ونصف القطر بأسماء يستخدمها المطورون
- المكونات: أزرار، حقول إدخال، قوائم اختيار، جداول، بطاقات، نوافذ منبثقة، تنقل
- كل حالة: افتراضية، تحويم، تركيز، مضغوطة، معطلة، خطأ
- نسخ من اليسار لليمين ومن اليمين لليسار
- ملاحظات استخدام وأمثلة على الاستخدام الصحيح والخاطئ
WCAG 2.2
التصميم وفق WCAG 2.2 لمستخدمي الإمارات
نشرت W3C إصدار WCAG 2.2 كتوصية أولًا في أكتوبر 2023، والنسخة الحالية بتاريخ ديسمبر 2024. أضافت معايير نجاح تؤثر مباشرة على تصميم التطبيقات والبوابات، ونصمم وفق المستوى AA ما لم يحدد موجزكم هدفًا مختلفًا، وهذا معيار ثابت في تصميم واجهات المستخدم في دبي لدينا.
| معيار WCAG 2.2 | المستوى | ماذا يغيّر في تصميم المنتج |
|---|---|---|
| 2.4.11 عدم حجب التركيز (الحد الأدنى) | AA | الترويسات الثابتة، وأشرطة ملفات تعريف الارتباط، وأزرار الدردشة يجب ألا تخفي العنصر الذي انتقل إليه مستخدم لوحة المفاتيح. |
| 2.5.7 حركات السحب | AA | أي شيء يُنفَّذ بالسحب، مثل إعادة الترتيب أو شريط التمرير، يحتاج أيضًا بديلًا بضغطة أو نقرة واحدة. |
| 2.5.8 حجم الهدف (الحد الأدنى) | AA | أهداف المؤشر بحجم 24 في 24 بكسل CSS على الأقل، مع استثناءات مدرجة مثل مسافة كافية أو روابط نصية مضمّنة. |
| 3.2.6 مساعدة متسقة | A | خيارات المساعدة مثل تفاصيل التواصل أو الدردشة تظهر في المكان نفسه عبر الشاشات. |
| 3.3.7 إدخال متكرر | A | المعلومات المُدخَلة مسبقًا في عملية ما تُملأ تلقائيًا أو تكون قابلة للاختيار، لا تُكتب مجددًا. |
| 3.3.8 مصادقة قابلة للوصول (الحد الأدنى) | AA | تسجيلات الدخول لا تعتمد على اختبار ذاكرة أو أحجية دون بديل، لذا يجب أن تعمل لصق كلمات المرور ومديرو كلمات المرور. |
للكلمات داخل الواجهة، راجعوا كتابة تجربة المستخدم. للبناء، راجعوا تطوير تطبيقات الجوال أو تطوير المواقع. كل خدمات التصميم مدرجة في مركز خدمات التصميم.
أعمال مختارة
منتجات تصميم واجهات صممناها
تطبيق ويب لحجز تذاكر سينما، وتطبيق فعاليات مؤتمرات، وتطبيق تقنية مالية، لكل منها مهمة يجب أن تعمل من أول مرة.
تطبيق ويب · تذاكر · الإمارات
Star Cinemas
سلسلة سينما في الإمارات تديرها فارس فيلم. كل العروض والتخفيضات والمدفوعات في مكان واحد يستخدمه العملاء من الهاتف.
starcinemas.ae
تطبيق جوال · فعاليات · الإمارات
Meecon
منصة مؤتمرات في الإمارات تحل محل البرامج المطبوعة وسلاسل البريد الإلكتروني للمشاركين والمنظمين.
meecon.ae
تطبيق جوال · تقنية مالية · الولايات المتحدة
Purpose Payment
منصة تقنية مالية تربط التجار والعملاء والجمعيات الخيرية في مسار دفع واحد.
purposepayment.comمن المدونة
أدلة حول هذا الموضوع
إجابات واضحة
الأسئلة الشائعة
ما الفرق بين UI وUX؟
تجربة المستخدم (UX) هي كيفية عمل المنتج: التدفقات، الخطوات، ما يحدث عند حدوث خطأ. واجهة المستخدم (UI) هي كيف تبدو كل شاشة وتستجيب. تُصمَّمان معًا، لكن قرارات تجربة المستخدم تأتي أولًا.
لدينا تطبيق بالفعل. هل يمكنكم تحسينه دون إعادة تصميم كاملة؟
نعم. مراجعة مركزة للتدفقات ذات أعلى معدل تسرب، متبوعة بإعادة تصميم شاشات تلك التدفقات فقط، غالبًا ما تكون الخطوة الأولى الأفضل. النتائج تخبركم ما إذا كانت إعادة تصميم أكبر مبررة.
كيف يُسعَّر تصميم واجهات وتجربة المستخدم؟
حسب عدد تدفقات المستخدم والشاشات، والمنصات المعنية، وعمق البحث، وما إذا كان نظام التصميم جزءًا من النطاق. تحصلون على عرض سعر ثابت مكتوب، محدد النطاق وفق موجزكم، قبل بدء العمل.
هل يمكن لفريقكم أيضًا بناء المنتج؟
نعم. فريقنا يطور تطبيقات ويب وتطبيقات جوال، وتوافقون على التصميم قبل بدء التطوير. يمكن أيضًا تسليم التصاميم لمطوريكم الداخليين بالتساوي.
من يكتب الكلمات على الشاشات؟
الأزرار ورسائل الخطأ والحالات الفارغة جزء من التجربة، لذا تُصاغ أثناء التصميم. للمنتجات الأكبر، تتولى خدمة كتابة تجربة المستخدم لدينا هذا بالعربية والإنجليزية.
المصادر
- W3C: إرشادات إمكانية الوصول لمحتوى الويب (WCAG) 2.2 تاريخ الاطلاع 13 سبتمبر 2026
- W3C: فهم معيار النجاح 2.5.8 حجم الهدف (الحد الأدنى) تاريخ الاطلاع 13 سبتمبر 2026
- هيئة تنظيم الاتصالات والحكومة الرقمية: حول نظام التصميم الإماراتي تاريخ الاطلاع 13 سبتمبر 2026
سعر ثابت ومكتوب
أرسل موجزك. واحصل على نطاق العمل والسعر خلال 45 دقيقة.
- رقم واحد ثابت، متفق عليه كتابيًا قبل بدء العمل
- دون التزام، ودون أي ضغط للتوقيع
- أعمال بالإنجليزية والعربية، بتنسيق صحيح من اليمين إلى اليسار
- فريق واحد للتصميم والتسويق والمواقع والإنتاج الإعلامي والمحتوى
وصلنا طلبك. نعمل الآن على كتابة عرض السعر.
خلال ساعات العمل ستصلك خلال 45 دقيقة. تحقق من بريدك الإلكتروني لرسالة التأكيد.