دراسة حالة
مهام الهيئة الأكثر طلباً في شاشة واحدة، وبلغتين
يضم موقع الهيئة مئات الخدمات، لكن معظم الزيارات تتعلق بعدد قليل منها: دفع رسوم المواقف، ورصيد بطاقة نول، ودفع المخالفات، وتخطيط الرحلات. أعدت تصميم الجزء الذي يخدم هؤلاء من البداية إلى النهاية، بالعربية والإنجليزية، كمفهوم غير رسمي.
علي الجنابي · البحث وهيكلة المعلومات وتصميم التفاعل والتصميم المرئي وبناء الواجهة
- رابطاً في الصفحة الرئيسية
- 254
- رابطاً في الصفحة الرئيسية
- طول الصفحة على الهاتف، نحو 8 شاشات
- 6,717 px
- طول الصفحة على الهاتف، نحو 8 شاشات
- رابطاً بعبارات مثل «اضغط هنا» و«للمزيد»
- 19
- رابطاً بعبارات مثل «اضغط هنا» و«للمزيد»
- أزرار ثابتة تطفو فوق المحتوى على الهاتف
- 5
- أزرار ثابتة تطفو فوق المحتوى على الهاتف
قياسات من الصفحة الرئيسية لموقع rta.ae بتاريخ 19 أكتوبر 2026 عبر متصفح Chrome بمقاس 390 × 844
ما المشكلة اليوم
- 01
الترويج أولاً والمهام ثانياً
على الهاتف، الشاشة الأولى شريط صور عن مزاد أرقام اللوحات، وروابط المخالفات ورصيد نول تبدأ أسفله.
- 02
قائمة «الأكثر استخداماً» تخلط اليومي بالنادر
خدمة دفع مخالفات المركبات تجاور شهادة عدم الممانعة للأعمال ضمن حرم السكك وتصريح المركبات ذات الأوزان الزائدة. قائمة واحدة للمتنقلين والمقاولين معاً لا تخدم أياً منهما جيداً.
- 03
المهمة الشائعة مدفونة بين النادرة
تعرض صفحة خدمات المواقف أكثر من 25 خدمة، وشحن حساب المواقف يقع بين حجوزات البنوك والمساجد والفنادق وشركات المقاولات.
- 04
مهمة واحدة ومواقع متعددة
دفع المخالفات يفتح نطاقاً مختلفاً، وإدارة محفظة نول تطلب تسجيل الدخول إلى بوابة منفصلة. كل انتقال يغيّر التصميم وحالة اللغة وإشارات الثقة.
- 05
روابط لا توضح وجهتها
تسعة عشر رابطاً في الصفحة الرئيسية تأتي بصيغة «اضغط هنا». مستخدم قارئ الشاشة الذي يتصفح بالروابط يسمع العبارة نفسها مراراً.
- 06
العربية متينة مع شقوق صغيرة
يضبط الموقع العربي اللغة والاتجاه بشكل صحيح، وهو ما تغفله مواقع حكومية كثيرة. لكن بعض العناوين تستخدم التطويل الزخرفي (أمـــان لـهـم)، ما يعطّل البحث ونطق قارئ الشاشة.
المبادئ
- 1ابدأ من المهمة، لا من الهيكل التنظيمي.
- 2اعرض السعر قبل زر الدفع، وأبقه ظاهراً.
- 3صمّم كل حالة. رسائل الخطأ توضح مصدر المشكلة والخطوة التالية.
- 4منتج واحد بلغتين. العربية تُصمَّم، ولا تُترجم في النهاية.
- 5لافتات إرشادية لا إعلانات. اللون يحمل معلومة، مثل ألوان الخطوط في خريطة المترو.
هيكلة المعلومات قبل وبعد
اليوم: حسب الجمهور والإدارة
- الرئيسية
- السائق ومالك المركبة
- المواقف › خدمات المواقف (+25)
- المواصلات العامة
- نول › المحفظة الإلكترونية (دخول منفصل)
- الأعمال والشركات
- أصحاب الهمم
- دليل الخدمات › service-details?serviceId=521
- المخالفات › تفتح نطاقاً آخر
المفهوم: حسب المهمة ثم حسب ما يمر به الشخص
- الرئيسية: بحث واحد + 8 مهام
- مسار: المواقف · نول · المخالفات · الرحلة
- الخدمات حسب ما تمر به
- التنقل · المواقف · القيادة
- امتلاك مركبة · الأعمال والتصاريح
- دليل الخدمة: المتطلبات والرسوم والخطوات والمدة والقنوات
- ابدأ › المسار نفسه وعلى النطاق نفسه
قرارات رئيسية
بحث يفهم الرموز
كتابة «365C» أو «شحن نول 50» أو «الاتحاد إلى دبي مارينا» تفتح المسار الصحيح مع تعبئة المنطقة أو المبلغ أو المحطات مسبقاً. ينقل الناس هذه الرموز من اللوحات والبطاقات، فيتعامل معها البحث كمدخل أساسي.
الضيف أولاً وتسجيل الدخول اختياري
الرصيد والمخالفات والمواقف تعمل برقم البطاقة أو اللوحة. تسجيل الدخول يضيف السجل والمركبات المحفوظة، ولا ينبغي أن يقف بين المستخدم ودفع 4 دراهم لموقف.
اسأل عن السائق عند الحاجة فقط
يظهر سؤال التصريح بالسائق فقط عند تحديد مخالفة تتضمن نقاطاً سوداء، ويختفي عند إلغاء تحديدها.
الأرقام الغربية للرموز في العربية
اللوحات ورموز المناطق وأرقام البطاقات وأوامر الرسائل تستخدم الأرقام الغربية في الشارع، فتستخدمها الواجهة العربية كذلك. وكل رمز معزول باتجاه من اليسار إلى اليمين حتى لا يتبدل ترتيب «365C» داخل جملة عربية.
اعكس الواجهة لا العالم
التخطيط والأسهم ومؤشرات التقدم تنعكس في العربية، أما مخطط الشبكة واللوحات والساعات فلا. عكس الخريطة سيضع ديرة في الجهة الخطأ من المدينة.
بيانات صادقة
لوحة الحالة تقول صراحة «بيانات تجريبية، ليست مباشرة». الأجرة مبنية على فئات أجرة نول المنشورة، وكل ما هو مختلق موسوم في مكانه ومذكور أدناه.
رموز التصميم
ملف TypeScript واحد يحدد كل القيم. يكتبها التخطيط الجذري كمتغيرات CSS، ويقرؤها Tailwind، وتُعرض هذه الصفحة من الملف نفسه. التباين محسوب لا مقدّر بالعين.
--c-paper
#F4F3EF
--c-surface
#FFFFFF
--c-sunken
#EAE8E2
--c-ink
#15181B
--c-ink2
#3C4248
--c-muted
#5A6168
--c-line
#D9D6CE
--c-line-strong
#8A9096
--c-signage
#1B1F23
--c-focus
#005FCC
--c-danger
#B0122A
--c-success
#1D7330
ألوان الخطوط
--line-red
#E21836 · نص #B0122A
7.1:1
--line-green
#3FA535 · نص #1D7330
5.9:1
--line-tram
#0089A8 · نص #006A82
6.2:1
--line-bus
#C76A00 · نص #8A4A00
6.9:1
--line-marine
#1F5FA8 · نص #1F5FA8
6.4:1
التباين (WCAG AA)
| الاستخدام | العينة | النسبة | الحد الأدنى |
|---|---|---|---|
| النص الأساسي | نص 365C | 16.1:1 | 4.5:1 |
| النص الثانوي | نص 365C | 9.2:1 | 4.5:1 |
| التلميحات والبيانات الوصفية | نص 365C | 6.3:1 | 4.5:1 |
| الزر الأساسي | نص 365C | 17.8:1 | 4.5:1 |
| تفاصيل لوحة الحالة | نص 365C | 8.5:1 | 4.5:1 |
| نص الخطأ | نص 365C | 6.1:1 | 4.5:1 |
| نص النجاح | نص 365C | 5.1:1 | 4.5:1 |
| نص التحذير | نص 365C | 6.3:1 | 4.5:1 |
| حدود الحقول (غير نصي) | نص 365C | 3.2:1 | 3:1 |
الخط
صُمم IBM Plex Sans وIBM Plex Sans Arabic كعائلة واحدة، فتحافظ الأسطر المختلطة على الوزن والإيقاع نفسيهما. ويُستخدم Plex Mono للرموز واللوحات.
radius sm 4px · md 6px · lg 10px · pill 999px
الخطوات التالية
- اختبار المسارات الأربعة مع عشرة من السكان، خمسة لكل لغة، على هواتفهم.
- استبدال الحالة التجريبية ببيانات الهيئة المفتوحة مع إظهار وقت تحديثها بصدق.
- إضافة تسجيل الدخول بالهوية الرقمية لحفظ المركبات والبطاقات والإيصالات.
- مراجعة كل النصوص من محرر عربي متمكّن قبل أي إطلاق.
ملاحظات البيانات
ما هو حقيقي، وما أُعيدت صياغته، وما هو مختلق في هذا المفهوم.
- من rta.aeفئات أجرة نول (الفضية 3 / 5 / 7.50 درهم، والذهبية 6 / 10 / 15، والتذكرة الحمراء 4 / 6 / 8.50) وأسعار الاشتراكات، من صفحة أجرة نول لدى الهيئة وقت البحث.
- من rta.aeخطوات دفع المخالفات، بما فيها التصريح بالسائق للنقاط السوداء، معاد صياغتها من صفحة خدمة دفع مخالفات المركبات. وقائمة خدمات المواقف وموعد المزاد 121 من موقع الهيئة.
- استرشاديأسعار بطاقات نول (25 درهماً للفضية أو الذهبية و70 للزرقاء، شاملة رصيداً) والحد الأدنى 7.50 درهم لدخول المترو أرقام منشورة على نطاق واسع، ويُنصح بالتحقق منها.
- استرشاديقيم المخالفات (300 درهم لتجاوز السرعة حتى 20 كم/س، و800 درهم و4 نقاط سوداء لاستخدام الهاتف، و150 درهماً لعدم دفع رسوم الموقف) وفق الجداول المنشورة في الدولة، أما التواريخ والأماكن والأرقام فمختلقة.
- تجريبيتعرفة المواقف وساعات الدفع ومناطقها وصيغة الرسائل قيم تجريبية مبنية على تعرفة منشورة سابقاً. تدير باركن المواقف العامة حالياً بتسعير يشمل أوقات الذروة.
- تجريبيالشبكة: أسماء المحطات وفق القوائم المنشورة لكنها تتغير بعقود التسمية. المواقع توضيحية، وخريطة مناطق الأجرة مبسّطة، والمدد تقديرية: 2.2 دقيقة لكل محطة مترو، و3 دقائق لكل محطة ترام، و6 دقائق لكل تبديل. لون خط الترام تقريبي.
- تجريبيحالة الشبكة وبطاقات نول واللوحات والمخالفات والأرقام المرجعية ونتائج الدفع كلها مختلقة، ولا يغادر أي طلب المتصفح.
- من rta.aeتشغّل شركة سالك بوابات سالك بتسعير حسب الوقت، ولا يعرض هذا المفهوم أسعار سالك. أسماء التطبيقات (RTA Dubai وسهيل وnol Pay) تابعة للهيئة.