تخطَّ إلى المحتوى

تصميم الواجهة والتجربة

واجهات تحوّل المستخدم لأول مرة إلى عميل متكرّر.

تصميم منتجات مبني على البحث، من المسارات والمخططات الهيكلية إلى واجهة متقنة وسهلة الوصول تُطلق بلا تخمين.

  • المقر الرئيسي في دبي، وتنفيذ عبر الخليج
  • بالعربية والإنجليزية في كل مرحلة
  • نطاق مكتوب وجدول زمني ثابت قبل أن تلتزم

ما ستحصل عليه

  • تصميم المنتجات
  • أنظمة تصميم
  • النماذج التفاعلية
  • اختبارات قابلية الاستخدام

المدة المعتادة

4–10 أسابيع

تبدأ الارتباطات المعتادة من

‏15,000 د.إ.‏ للمشروع

كيف يبدو العمل الجيد

مستخدمين في جولة اختبار مُدارة
5–8مستخدمين في جولة اختبار مُدارة
معيار إمكانية الوصول المصمَّم عليه
WCAG 2.2 AAمعيار إمكانية الوصول المصمَّم عليه
مكتبة مكوّنات، لا مجلد شاشات
1مكتبة مكوّنات، لا مجلد شاشات

ما الذي تحلّه هذه الخدمة

تتحوّل مراجعات التصميم إلى مباريات آراء. تفوز النسخة الأجمل وتُطلَق ثم تحقّق أداءً ضعيفًا بهدوء — لأن أحدًا لم يشاهد شخصًا حقيقيًا يحاول استخدامها قبل بنائها.

أين يؤلم هذا عادةً

  • التصميم يقرره الأعلى صوتاً

    بلا بحث، يذهب القرار إلى الأقدمية أو الذوق. وبعد ستة أشهر لا يستطيع أحد شرح لماذا يعمل المسار بهذه الطريقة.

  • التسليم يفقد المقصد

    يتلقى المهندسون شاشات ثابتة بلا حالات ولا أخطاء ولا سلوك متجاوب، فتُتخذ مئة قرار صغير في الكود بالمصادفة.

  • كل شاشة مختلفة قليلاً

    غياب مكتبة المكوّنات يعني وجود الزر نفسه إحدى عشرة مرة بإحدى عشرة حشوة، فيبدو المنتج مركّباً لا مصمَّماً.

  • إمكانية الوصول ذعر أسبوع الإطلاق

    التباين وترتيب التركيز والتسميات تُدقَّق في النهاية، حين يعني إصلاحها إعادة تصميم لا تعديلاً.

نصمّم المنتجات بمشاهدة الناس يستخدمونها. يبدأ كل ارتباط بخمس إلى ثماني جلسات موجَّهة على التجربة الحالية أو نموذج أوّلي، لأن ساعة من مشاهدة شخص يتعثّر تحسم نقاشات لا يحسمها شهر من المراجعات.

بحث يتّسع لدورة عمل واحدة

هذه ليست دراسة إثنوغرافية مدّتها ستة أشهر. خمس جلسات تكشف بثبات نحو 80% من مشكلات قابلية الاستخدام، ويمكن تنفيذها خلال أسبوع واحد. المخرَج قائمة مرتّبة بما يكلّفك تحويلات فعليًا — لا عرض شرائح.

2.1x

إتمام التسجيل بعد جولة بحث واحدة على منتج تقني مالي

في ذلك المشروع لم يكن الإصلاح بصريًا إطلاقًا. انسحب الناس عند خطوة العنوان لأنها طلبت مستندًا لم يكن بحوزتهم؛ ونقل الرفع إلى نهاية المسار شكّل معظم التحسّن.

كل الحالات، لا المسار المثالي فقط

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

  • حالات فارغة وتحميل وجزئية وخطأ ونجاح لكل عرض ذي معنى
  • ترتيب التركيز ومسارات لوحة المفاتيح محدَّدة لا متروكة للـDOM
  • التباين يُفحص أثناء الرسم لا يُدقَّق بعده
  • الحركة محدَّدة مع بديل مخفَّف الحركة

نظام لا كومة شاشات

المخرَج رموز ومكوّنات وحالات وقواعد تركيبها، يُسلَّم بصيغة ينفّذها المهندسون دون اجتهاد. نحضر مراجعات البناء تحديدًا لالتقاط الفجوة بين ما رُسم وما صُنع.

أفضل إطراء أتلقّاه هو أن يخبرني مهندس أنه لم يجد ما يسأل عنه.
— ماركو بيلليني، مدير التصميم

ما الذي تتضمّنه

  • الاستكشاف والبحث

    خمس إلى ثماني جلسات موجَّهة، مُلخَّصة في قائمة مرتّبة بالمشكلات الجديرة بالإصلاح.

  • معمارية المعلومات

    المسارات والتنقّل ونموذج المحتوى الذي يجب أن يحملها.

  • تصميم الواجهة

    كل شاشة وكل حالة، عند نقاط التوقّف التي تستخدمها حركتك فعليًا.

  • نظام التصميم

    رموز ومكوّنات وقواعد استخدام يبني منها مهندسوك مباشرة.

  • النماذج التفاعلية

    قابلة للنقر بما يكفي لاختبارها مع مستخدمين حقيقيين قبل كتابة أي شيفرة إنتاج.

  • دعم البناء

    مراجعات أسبوعية للواجهة المبنيّة مقابل التصميم طوال عمر المشروع.

ما نبني به

  • التصميم

    • Figma
    • Design tokens
    • Variable fonts
  • البحث

    • اختبار مُدار
    • مراجعة التحليلات
    • إعادة تشغيل الجلسات
  • التسليم

    • Storybook
    • مواصفات موثّقة
    • تدقيق إمكانية الوصول

كيف تُحدَّد أحجام الارتباطات

ثلاثة أحجام، ليطابق النطاق المشكلة بدل أن تطابق الميزانية قالباً جاهزاً. وكل مستوى نقطة بداية — يتحرك الرقم مع ما نجده في الاستكشاف، وترى الرقم المعدَّل قبل توقيع أي شيء.

  • الأساسي

    مشكلة واحدة واضحة، بنطاق محكم وإطلاق.

    ابتداءً من

    ‏15,000 د.إ.‏

    للمشروع

    مسار واحد يفقد الناس بشكل قابل للقياس — تسجيل أو دفع أو نموذج.

    • بحث مركّز
    • مسار معاد تصميمه
    • نموذج للاختبار
    احصل على رقم محدد
  • النمو

    الارتباط الكامل، بقياس وتحسين مدمجين.

    ابتداءً من

    ‏45,000 د.إ.‏

    للمشروع

    منتج أو موقع كامل، بمكتبة مكوّنات يواصل فريقك استخدامها.

    • بحث من البداية للنهاية
    • مكتبة مكوّنات كاملة
    • اختبار مستخدمين مُدار
    احصل على رقم محدد
  • المؤسسي

    متعدد الكيانات أو خاضع للتنظيم أو متكامل عبر عدة أنظمة.

    ابتداءً من

    ‏110,000 د.إ.‏

    للمشروع

    نظام تصميم يخدم عدة منتجات أو فرق، بحوكمة.

    • رموز متعددة المنتجات
    • إرشادات المساهمة
    • عمليات تصميم وتدريب
    احصل على رقم محدد

الأسعار بالدرهم الإماراتي غير شاملة ضريبة القيمة المضافة ٥٪. العملات الأخرى في صفحة الأسعار.

كيف يسير التنفيذ فعلاً

المراحل أدناه هي ما يمر به ارتباط نموذجي، بالمدد التي نخطط عليها. وتعرف دائماً في أي مرحلة أنت وما الذي يخرج منها.

اطّلع على المنهجية كاملة
  1. 1

    البحث

    ١–٢ أسبوع

    مقابلات مع مستخدمين حقيقيين، ونظرة في التحليلات التي لديك، وجولة في التجربة الحالية مع من يدعمونها.

  2. 2

    البنية

    ١–٢ أسبوع

    بنية المعلومات والمسارات متفق عليها قبل أي تصميم بصري، لأن نقل مربع في مخطط مجاني ونقله في بناء ليس كذلك.

  3. 3

    الواجهة والنظام

    ٢–٥ أسابيع

    تصميم بصري يُبنى كمكتبة مكوّنات بحالات ونقاط توقف ورموز، ليصل الهندسة نظام لا صور.

  4. 4

    التحقق والتسليم

    ١–٢ أسبوع

    اختبار مُدار على النموذج، وإصلاح لما يكشفه، ثم جلسة عمل مع المهندسين الذين سيبنونه.

  • البحث · ما تحصل عليه

    • نتائج المقابلات
    • خريطة احتكاك الوضع الحالي
    • قائمة مشكلات مرتّبة
  • البنية · ما تحصل عليه

    • مخططات المسارات
    • إطارات سلكية
    • متطلبات المحتوى
  • الواجهة والنظام · ما تحصل عليه

    • مكتبة مكوّنات
    • رموز تصميم
    • نموذج تفاعلي
  • التحقق والتسليم · ما تحصل عليه

    • نتائج الاختبار والمراجعات
    • مواصفات موثّقة
    • جلسة مع فريق الهندسة

مبني لدولة الإمارات

ما الذي يغيّره فعلاً العمل مع شريك في دبي

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

التصميم للعربية والإنجليزية معاً قيد بنيوي لا قيد تنسيق: التخطيطات يجب أن تنعكس، والأيقونات ذات الاتجاه يجب أن تنقلب، والأرقام والتواريخ تحتاج سياسة، والطباعة العربية تحتاج مقياسها الخاص. نصمّم الاتجاهين معاً من أول إطار سلكي بدل عكس التصميم في النهاية.

  • إقامة البيانات، مقررة من البداية

    مناطق AWS me-central-1 وAzure UAE North وأوراكل دبي كلها ضمن النطاق. ونرسم مسار البيانات كاملاً — النسخ الاحتياطية والسجلات والمقاييس ووصول الدعم — لا قاعدة البيانات الأساسية وحدها، ونثبّت النتيجة كتابةً.

  • قانون حماية البيانات، والمناطق الحرة

    المرسوم بقانون اتحادي رقم ٤٥ لسنة ٢٠٢١ يحكم معظم البر الرئيسي؛ أما كيانات مركز دبي المالي العالمي وسوق أبوظبي العالمي فتخضع لقوانين حماية بيانات خاصة بها. نحدد المنطبق على كيانك قبل تصميم أي شيء يمس بيانات شخصية.

  • ضريبة وفوترة إلكترونية تمر بلا رفض

    ضريبة قيمة مضافة بخمسة بالمئة، وفواتير ضريبية متوافقة مع الهيئة، وملف التدقيق الذي قد تطلبه، وجاهزية للفوترة الإلكترونية مع تدرّج الإلزام. تُهيَّأ ضمن البناء، لا تُرقَّع بعد رفض أول إقرار.

  • ساعاتك ولغاتك

    التنفيذ يسير بتوقيت الخليج بتداخل حقيقي مع فريقك، بالعربية والإنجليزية. والواجهات والمستندات والتدريب المواجه للعميل تُنتَج باللغتين حيث تحتاجها، مع التعامل مع اتجاه اليمين إلى اليسار كمتطلب تصميم لا كخطوة ترجمة.

القطاعات التي ننفّذ فيها هذا أكثر

ليست القطاعات الوحيدة التي نعمل فيها — بل التي أطلقنا فيها هذه الخدمة مرات كافية لنعرف حوافها التنظيمية ومطبّاتها المعتادة.

  • التقنية المالية

    مسارات تسجيل و KYC ولوحات بيانات تبني الثقة وتحقّق التحويل.

  • B2B SaaS

    مواقع تسويقية وتجربة منتج تغذّي فرص البيع المؤهّلة.

  • الرعاية الصحية

    تجارب متوافقة مع الاشتراطات وسهلة الوصول يستخدمها المرضى فعلًا.

توظيف داخلي، أم وكالة عامة، أم نحن

مقارنة صادقة، بما في ذلك الحالات التي يكون فيها الخيار الآخر هو الأصوب.

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

أسئلة تُطرح قبل البدء

لمشكلات قابلية الاستخدام، نعم — خمسة مستخدمين يكشفون نحو 80% منها، والسادس يكرّر غالبًا ما قاله الخمسة. أما قياس سوق أو التحقّق من التسعير فيحتاج دراسة أكبر مختلفة، وسنقول ذلك بدل التظاهر بأن خمس مقابلات تجيب عليه.

مستعدّ للحديث عن تصميم الواجهة والتجربة؟

أخبرنا بما تبنيه وأين تعثّر. سنعود إليك بنطاق وجدول زمني ورقم — عادةً خلال يومَي عمل.

الخطوة 1 من 3 · ما الذي تحتاجه

ما الخدمات التي تهمّك؟