العربية أولًا: ما الذي يتغيّر في المنتج حقًّا؟
القلب والخط والأرقام والنماذج والأيقونات والاختبار: ما يتغيّر حين يُصمَّم المنتج بالعربية من البداية، لا حين تُقلب واجهته في آخر المشروع.
03تجربة المستخدم
تصميم واجهات وتجربة مستخدم واضحة من أول لمسة
«ضبّ» شركة حلول تقنية من الرياض، وفي تجربة المستخدم نمضي معك في الطريق كله: البحث، وتصميم المنتج، وتصميم الواجهات بالعربية والإنجليزية. نرسم المسارات، ونبني نماذج أولية تجرّبها بيدك، ونصمّم الشاشات العربية منذ أول مسودة ولا نشتقّها من الإنجليزية، ثم نختبر ذلك كله مع مستخدمين حقيقيين قبل أن يُبنى. وفي الختام يستلم مطوّروك نظام تصميم يعيدون استخدامه في كل إصدار.
ما نبنيه
خدمات تصميم الواجهات وتجربة المستخدم
من أول مقابلة إلى المكوّنات التي يعيد مطوّروك استخدامها، بالعربية والإنجليزية.
-
البحث والاستكشاف
أبحاث المستخدمين: مقابلات وتحليلات تحوّل الافتراضات إلى موجز واضح، فيبدأ التصميم مما يفعله مستخدموك حقًّا، لا مما يُظنّ أنهم يفعلونه.
-
تصميم المنتج والتجربة
تصميم المنتج في مسارات استخدام ونماذج أولية تفاعلية، تتنقّل بينها وتختبرها قبل كتابة سطر من الشفرة، يومَ يكون التعديل في مسودة لا في بناء قائم.
-
تصميم الواجهات
تصميم واجهات تطبيقات الجوال بالعربية والإنجليزية. الشاشات العربية تُصمَّم من اليمين إلى اليسار منذ أول مسودة، لا تُقلب في آخر المشروع، ولها خطّها وأرقامها ونماذجها.
-
أنظمة التصميم
مكوّنات ورموز تصميم يعيد مطوّروك استخدامها في كل إصدار، فتبدأ كل شاشة جديدة، عربية كانت أو إنجليزية، من أجزاء يعرفها منتجك، وتأتي على نسق ما قبلها.
من أعمالنا
واجهات صمّمناها
ثلاث ألعاب وتطبيق واحد: «سنام» و«كينغدوم لاند» و«لبّيك بدل» متاحة في المتجرين، و«جناية» جاهزة.
-
سنام
واجهة عربية أولًا لمنصة «راعي النظر» السعودية، تحفظ ألفاظ أهل الإبل كما يقولونها، من «المنقية» إلى «الناموس».
دورنا تصميم اللعبة وواجهتها العربية، والتطوير والتحديثات. والنشر باسم «راعي النظر».
-
كينغدوم لاند
لعبة عقارية على خريطة مدينة مستوحاة من الرياض، بواجهتين عربية وإنجليزية: خريطة حيّ بقطعها، ونافذة للقطعة التي تختارها، وسجلّ لكل عقار.
دورنا تصميم اللعبة وواجهتها، وتطويرها لنظامي iOS و Android.
-
جناية
لعبة تحقيق من بودكاست الجرائم الواقعية في «مايكس»، صنعناها بالشراكة معها. لوحة القضية فيها ترتّب بطاقات الأدلة بحسب نوعها، ومعها ملف القضية وهدفها وزرّ للتلميح.
دورنا اللعبة كاملة: تصميمها، ورسومها، وواجهة التطبيق، وبرمجتها وتنفيذها.
-
لبّيك بدل
تطبيق يرتّب به المرء عمرة البدل عن قريب أو عزيز، ويمضي بهذه الخدمة، ولها حرمتها، في أربع خطوات هادئة: الحساب، فصلة القرابة، فالموعد، فتأكيد الحجز.
دورنا تصميم الواجهة، والتطوير لنظامي iOS و Android.
من مدونتنا
طريقة العمل
النموذج الأولي يسبق البناء
كل مشروع يمضي في الدرب نفسه، خمس محطات من رسالتك الأولى إلى ما بعد الإطلاق. وفي المحطة الثالثة يصير التصميم شاشات تفاعلية تجرّبها بنفسك.
-
الرسالة الأولى
تكتب لنا، فيقرأ رسالتك مهندس متمرّس، لا مندوب مبيعات.
تستلم ردّ خلال يوم عمل: الخطوات التالية وأسئلتنا الأولى.
-
الاستكشاف
مكالمة من 30 إلى 45 دقيقة عن الأهداف والقيود ومعيار النجاح، مع اتفاقية عدم إفصاح متبادلة إن رغبت.
تستلم خلال أسبوع: عرض يحدّد نطاق العمل والجدول الزمني والفريق وخيارات الميزانية.
-
النموذج الأولي
قبل التطوير الكامل تصير الفكرة شيئًا يُجرَّب: نسخة تُلعب، أو شاشات تفاعلية، أو نموذج إثبات المفهوم.
تستلم نموذج أولي بين يديك، وخطة مراحل بتواريخها.
-
البناء
دورات من أسبوعين، تنتهي كلٌّ منها بنسخة تفتحها. وكل تغيير يراجعه مهندس ثانٍ، ثم يمرّ باختبارات آلية وفحص أمني.
تستلم نسخة تعمل كل أسبوعين، وتقرير كل أسبوع.
-
الإطلاق وما بعده
إطلاق تدريجي مع مراقبة الاستخدام الفعلي. ثم إصلاحات، وتحديثات أنظمة التشغيل والمتاجر، وتحسين الأداء، ومزايا جديدة ضمن خطة دعم.
تستلم منتج يعمل، ملكيته لك عند اكتمال السداد، وخطة دعم.
الأدوات
أدوات نصمّم بها الواجهات وتجربة المستخدم
أدوات هذه الخدمة وطرقها: Figma للمسارات والشاشات، ورموز التصميم لنظام يعيد مطوّروك استخدامه، واختبار قابلية الاستخدام قبل أي شفرة.
- Figma
- Design tokens
- Usability testing
أسئلة
أسئلة قبل أول مسودة
ماذا تشمل خدمة تصميم UI/UX؟
أربعة أجزاء: البحث والاستكشاف، وتصميم المنتج والتجربة، وتصميم الواجهات، وأنظمة التصميم. ويبدأ كل مشروع بمكالمة استكشاف من 30 إلى 45 دقيقة، ثم يصلك خلال أسبوع عرض يحدّد نطاق العمل والجدول الزمني والفريق وخيارات الميزانية.
ما الفرق بين تصميم الواجهة وتصميم تجربة المستخدم؟
التجربة هي كيف يعمل المنتج لمن يستعمله: البحث، والمسارات، وترتيب الخطوات. والواجهة هي ما يراه ويلمسه في كل شاشة. في «كينغدوم لاند» مثلًا، أن تفتح القطعة المحدّدة نافذةً بمساحتها وسعرها قرارٌ في التجربة، وشكل تلك النافذة قرارٌ في الواجهة.
هل تختبرون التصميم مع مستخدمين حقيقيين قبل التطوير؟
نعم. المسارات والنماذج الأولية تُختبر مع مستخدمين حقيقيين قبل أن تُبنى، واختبار قابلية الاستخدام جزء من الخدمة. وفي محطة النموذج الأولي يصير بين يديك نموذج تتنقّل فيه، وخطة مراحل بتواريخها، قبل التطوير الكامل.
هل تصمّمون واجهات عربية من اليمين إلى اليسار؟
نعم، من أول مسودة، لا بقلب الواجهة في آخر المشروع. واجهة «سنام» عربية أولًا، و«كينغدوم لاند» و«جناية» بالعربية والإنجليزية. وفي مقالنا العربية أولًا: ما الذي يتغيّر في المنتج حقًّا؟ ما يتغيّر في التخطيط والخط والأرقام والنماذج.
ماذا نستلم في نهاية التصميم؟
موجز البحث، والمسارات والنموذج الأولي الذي جرّبته، والشاشات بالعربية أو الإنجليزية أو بهما، والمكوّنات ورموز التصميم التي يعيد مطوّروك استخدامها. وتنتقل إليك ملكية المخرجات النهائية عند اكتمال السداد، واتفاقية عدم الإفصاح متاحة متى طلبتها.
هل تبنون التطبيق بعد تصميمه؟
نعم. الاستراتيجية والتصميم والهندسة والاختبار تحت سقف واحد، فلا يضيع شيء بين المورّدين. وفي «سنام» و«كينغدوم لاند» و«جناية» و«لبّيك بدل» صمّمنا الواجهة وبنينا المنتج كذلك. والتفاصيل في صفحة تطوير تطبيقات الجوال.
عندك منتج يحتاج تجربة أوضح؟
أخبرنا من هم مستخدموك وأين يتعثّرون. كل رسالة يقرؤها مهندس متمرّس، ويردّ عليك خلال يوم عمل.
خدماتنا الأربع الأخرى
- الذكاء الاصطناعي والأتمتة فيديو بالذكاء الاصطناعي، وأتمتة سير العمل، وروبوتات المحادثة، ومساعدات RAG، ووكلاء صوتيون، ودمج الذكاء الاصطناعي وبناء MVP
- تطوير الألعاب ألعاب للجوال والحاسب وأجهزة الألعاب بمحرّكَي Unity و Unreal Engine
- برمجة تطبيقات الجوال تطبيقات iOS و Android، من النموذج الأول إلى المتجرَين
- تصميم وتطوير المواقع والمنصات تطبيقات ويب ومواقع ومتاجر، مبنية لأشدّ أيامك زحامًا