تجربة المستخدم والمنتجات الرقمية
تجربة المستخدم وتطوير المنتجات الرقمية
بحث وتصميم تجربة المستخدم والواجهات للتطبيقات والمنصات ولوحات التحكم: منتجات رقمية يفهمها المستخدم من أول استعمال، وتصل إلى فريق التطوير جاهزة للبناء.
- +٢٠٠مشروع مُسلَّم
- +١٥قطاعاً
- ٢٠١٦سنة التأسيس
- عربي · إنكليزيتصميم أصيل باللغتين
أعمال مختارة
تطبيقات ومواقع صمّمناها، شاشةً شاشة
مباشرة من ملفات Adobe XD كما سلّمناها لفرق التطوير. افتح أي مشروع لتشاهد كل شاشاته.
تطبيق جوال · توصيل مياه
تطبيق أوسكار لتوصيل المياه
تطبيق طلب عربي لمياه أوسكار من السقاية. يختار العميل حجم الكرتونة، ويعيد طلبه بلمستين، ويدفع عند الاستلام أو بالبطاقة، ثم يتابع السائق على الخريطة مباشرة حتى تصل المياه إلى بابه.
موقع · حجوزات سفر
موقع Uno Travel السويد
موقع حجوزات لوكالة سفر سويدية: طيران وفنادق وتأجير سيارات ورحلات هليكوبتر وجولات وتأشيرات وعمرة وحج من بحث واحد بتبويبات، مع شركاء الطيران والعروض والتقييمات في الصفحة نفسها. ويضمّ الملف أيضاً شاشات حجز المشاوير في تطبيق الوكالة.
تطبيق جوال · صفقات جماعية ومزايدات
منجم ديلز لـ Like Card
تطبيق صفقات ينضمّ فيه المشترون إلى عرض جماعي على المنتج، وحين يكتمل عدد المنضمّين تبدأ المزايدة المباشرة وينخفض السعر. صمّمنا عدّاد المنضمّين والعدّ التنازلي والمزايدة والطلبات والإرجاع والدفع عبر Apple Pay.
تطبيق جوال · إعادة التدوير
تطبيق بينكو لفرز النفايات
تطبيق تدوير فرنسي: امسح العبوة ليتعرّف التعلّم الآلي على كل جزء وحاويته، ثم اكسب الشارات وتابع أثرك. ويكمله شرح تعريفي وبحث بالفئات وتذكير بأيام الجمع وخريطة لنقاط الجمع.
موقع · مقترح تصميم
موقع العين كلاس موتورز
مقترح موقع لمعرض العين كلاس موتورز للسيارات الفارهة في الإمارات: بحث حسب الماركة ونوع الهيكل، ووصل حديثاً، وعروض حسب الماركة، وصفحة سيارة بمعرض صور وفيديو، وجدول مقارنة بين السيارات جنباً إلى جنب.
معروض كما قُدّم. لم يعتمد العميل هذا التصميم.
التحدي
لماذا تفشل منتجات تبدو جميلة
تفشل أغلب المنتجات الرقمية لأن الواجهة صُمّمت قبل أن يفهم أحد من سيستعملها، لا بسبب الكود: مسارات تتبع هيكل الشركة لا مهمة المستخدم، وشاشات تبدو مكتملة لكنها تخفي الخطوة التالية، ولوحات تحكم تعرض كل شيء إلا الرقم الذي يحتاجه صاحب القرار. نبدأ نحن من الجهة الأخرى، من المهمة والبيانات والحالات الاستثنائية، ويأتي الشكل بعدها.
كيف نعمل
ثلاثة مبادئ خلف كل منتج
من أول مقابلة حتى آخر ملف تسليم، يرتبط كل قرار تصميم بمهمة يؤديها المستخدم وهدف يريده عملك.
البحث قبل التصميم
ورش العمل مع أصحاب القرار ومقابلات المستخدمين وقراءة التحليلات ومراجعة المنتجات المنافسة تأتي أولاً. منها نعرف المهام الحقيقية، والكلمات التي يستعملها المستخدمون فعلاً، وحدود بياناتك وأنظمتك.
الوضوح قبل الزخرفة
هيكلة المعلومات والمسارات وتصميم الواجهات تخضع لاختبار واحد: هل يُنهي مستخدم جديد مهمته دون مساعدة؟ الأسلوب البصري والحركة والنصوص الصغيرة موجودة لتجعل الجواب نعم، بالعربية والإنكليزية.
مصمَّم ليُبنى
يصلك التصميم نظاماً جاهزاً للعمل لا مجلّد شاشات: مكوّنات بحالاتها، ومقاييس المسافات والخطوط، ومسارات مشروحة، وأصول مصدَّرة.
المراحل
أربع مراحل من أول سؤال حتى منتج يعمل
تنتهي كل مرحلة بشيء تراجعه وتعتمده قبل أن تبدأ التي بعدها.
الاستكشاف
نحدّد المستخدمين ومهامهم الأساسية وشكل النجاح، قبل رسم أي مخطط هيكلي.
- ورشة عمل مع أصحاب القرار
- مقابلات المستخدمين
- مراجعة التحليلات والمنافسين
- قائمة المهام ومقاييس النجاح
التصميم
مسارات المستخدم والمخططات الهيكلية أولاً، ثم نموذج تفاعلي نختبره مع مستخدمين حقيقيين، ثم الواجهة كاملة.
- مسارات ومخططات هيكلية
- نموذج تفاعلي
- جلسات اختبار الاستخدام
- واجهات عالية الدقة بالاتجاهين
التسليم
يستلم فريق التطوير نظاماً يبني منه، وجلسة شرح مع المصمّمين الذين صنعوه.
- نظام تصميم موثّق
- شاشات مشروحة بكل حالاتها
- أصول مصدَّرة
- جلسة شرح للمطوّرين
الإطلاق والتحسين
بعد الإطلاق نراجع معك التحليلات وملاحظات المستخدمين ونخطّط للإصدار التالي.
- مراجعة التحليلات
- ملاحظات المستخدمين
- إصلاحات وميزات مرتّبة حسب الأولوية
التسليم
ماذا يستلم فريق التطوير فعلاً
ينتهي كل مشروع تجربة مستخدم بملفات يستطيع الفريق أن يبني منها دون تخمين. هذه صفحات من تسليم مشروع GameX.
في كل تسليم
- نظام تصميم: ألوان وخطوط ومسافات وأيقونات
- كل مكوّن بحالاته
- شاشات مشروحة للمطوّرين
- نموذج تفاعلي للمسارات الأساسية
- أصول مصدَّرة بالمقاسات التي تحتاجها
- جلسة شرح مع فريقك
دراسات حالة
مشاريع مختارة
أسواق إلكترونية ومنصات ومواقع علامات تجارية، ولكل منها دراسة تشرح القرارات خلفه.
تجارة إلكترونيةمُهيّئ تجميع الحواسيب GameXمُهيّئ يتحقق من التوافق والسعر والأداء بينما يجمّع العميل جهازه.اقرأ دراسة الحالة ←
تنقّل · تقنية ماليةثلاثة منتجات رقميةمنصة لتأجير السيارات وتطبيق دفع وسوق إلكتروني، ولكل منها لوحة تحكم.اقرأ دراسة الحالة ←
سوق إلكتروني · السعوديةسوق متعدد البائعينتطبيق للعملاء ولوحة إدارة للمبيعات ومتاجر البائعين وعمليات المستودع.اقرأ دراسة الحالة ←
تطبيق جوال · إعادة التدويرتطبيق بينكو لفرز النفاياتامسح العبوة واعرف حاوية كل جزء منها: 51 شاشة على Adobe XD.اقرأ دراسة الحالة ←
موقع · عربيسيدي هشامموقع عربي بـ٢٤ فئة منتجات، بالتعاون مع BIGBANG IT Solutions.اقرأ دراسة الحالة ←
موقع · بلغتينهوى الشامموقع بلغتين بواجهة فيديو و٧٨ منتجاً، بالتعاون مع BIGBANG IT Solutions.اقرأ دراسة الحالة ←القطاعات
منتجات صمّمناها لأكثر من ١٥ قطاعاً
من الأسواق الإلكترونية إلى الخدمات الحكومية. مجموعة من المنتجات التي يقف خلفها هذا الرقم.
- التجارة الإلكترونية ومتعددة البائعين
- Mawen, Tajeer, Shoppy, Car Multi-Vendor
- منصات التعليم
- BIGBANG ITS LMS, Masar Al Arabia, Saudi Training Center
- اللوجستيات والتوصيل
- DMS, Oda Driver & Store, Transportation App
- الحكومة والقطاع العام
- Umm Al Quwain, DTIC Syria, Camel Racing Federation
- الرعاية الصحية والصيدلة
- Pharmaway, Dr. Heba Akl, Pet Health Tracking
- الرياضة والسباقات
- Golf Race, Camel Racing, Oj Sports, Tennis Council
- التقنية المالية والمحاسبة
- Finical, ACM Car Wallet, ACM Mazadat
- الضيافة والأغذية
- Massa Foods, Masa Star Hotel, Levantine, Tiffany Flowers
- الألعاب
- GameX, Gamer X
- العقارات
- izone, Alsamah, Bin Radwan Group
- السيارات
- Car Multi-Vendor, Limoz, Tajeer
- تطبيقات الجوال
- Manjam, Oda, Vanessa, WAW, WaWinner
لماذا كنانيا
لماذا تعمل معنا فرق المنتجات
بحث المستخدم قبل التصميم البصري
القرارات تأتي من المهام والأدلة، لا من الذوق.
خبرة أصيلة بالعربية ومن اليمين لليسار
الواجهة العربية تُصمَّم بالعربية، ولا تُقلب في نهاية المشروع.
أنظمة تصميم يستعملها المطوّرون
مكوّنات وحالات ومقاييس موثّقة ومسمّاة.
إمكانية الوصول من أول مخطط
التباين وحالات التركيز ووضوح الخط تُفحص مبكراً.
نطاق مكتوب ومراحل معتمدة
تُعتمد كل مرحلة قبل أن تبدأ التي بعدها.
فريق واحد من الهوية إلى البناء
الهوية البصرية وتجربة المستخدم وبرمجة المواقع في استوديو واحد.
أسئلة
أسئلة عن تصميم تجربة المستخدم
ماذا نستلم في نهاية مشروع تجربة المستخدم؟
نظام تصميم موثّقاً، وشاشات مشروحة بكل حالاتها، ونموذجاً تفاعلياً للمسارات الأساسية، وأصولاً مصدَّرة، وجلسة شرح مع فريق التطوير.
هل تصمّمون واجهات عربية وثنائية اللغة؟
نعم. نصمّم الواجهات من اليمين لليسار من البداية، بخط عربي وتنقّل معكوس وأيقونات تحافظ على معناها، فلا تأتي النسخة العربية في آخر المشروع.
ما أدوات التصميم التي تستعملونها؟
Figma وAdobe XD. نسلّم الملفات بالأداة التي يعمل بها فريقك، مرتّبة بحيث يقرأ المطوّرون المسافات والخطوط والأصول.
هل تبنون المنتج أيضاً؟
للمواقع نعم: خدمة برمجة المواقع والتطبيقات تحمل التصميم إلى موقع يعمل، مع خادم MCP لإدارة الموقع بالذكاء الاصطناعي. وللتطبيقات نسلّم لفريق التطوير لديك ونرافقه أثناء البناء.
هل تعملون مع فرق خارج الخليج؟
نعم. نعمل مع فرق المنتجات في الشرق الأوسط وأفريقيا وآسيا وأوروبا، حضورياً وعن بُعد، بالعربية والإنكليزية.
كيف نبدأ؟
أرسل وصفاً موجزاً: المنتج ومستخدموه وأين وصل اليوم. نردّ خلال ٢٤ ساعة بالخطوات التالية.
عندك منتج تريد تصميمه؟
أرسل وصفاً موجزاً: المنتج ومستخدموه وأين وصل اليوم. نردّ خلال ٢٤ ساعة بالخطوات التالية.