الحلول الرقمية

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

واجهات يفهمها المستخدم دون أن يقرأ دليلًا.

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

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

ماذا يشمل تصميم الواجهات وتجربة الاستخدام؟

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

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

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

كيف نعمل، خطوة بخطوة

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

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

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

استوديو تصميم واجهات دولي منذ يومه الأول

عملاؤنا في سبعة بلدان على أربع قارات، وهكذا عملنا منذ البداية. فريق المنتج، وفريق التسويق، والمؤسس الذي يعمل وحده، كلهم يعملون معنا بالطريقة نفسها: الخطوات نفسها، والدقة نفسها، والجدول نفسه.

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

والمسافة لا تغيّر شيئًا في العمل ولا في الاختبار: نعقد الجلسات واختبارات المستخدمين بمكالمات الفيديو، ونكتب القرارات، ونُبقي مواعيد المشروع واضحة مهما كان توقيت الفريق الآخر. فالعمل عن بُعد عندنا هو القاعدة، لا الاستثناء.

تصميم جرّبناه على منتجنا قبل أن نقترحه عليك

لا نكتفي برسم الشاشات لعملائنا؛ فنحن نصمّم ونطوّر «سِنان»، برنامجنا لإدارة عيادات الأسنان، الذي يُستعمل كل يوم في العيادات بواجهة عربية وفرنسية نصقلها شاشة بعد شاشة. وهناك نتخذ كل قرار تصميمي ونحن نفكر في طبيب مشغول، لا وقت عنده لحل ألغاز واجهة أذكى مما ينبغي.

واجتماع التصميم والبرمجة تحت سقف واحد يغيّر طبيعة ما نسلّمه: تصاميمنا تراعي من البداية ما يمكن بناؤه فعلًا، وأنظمة التصميم عندنا مكتوبة باللغة التي يتوقعها المطوّرون. وإن أردت أن نبني بعد أن نصمّم، تولّى فريق تطبيقات الهاتف وفريق البرمجيات ومنصات SaaS التنفيذ، دون أن تضيع تفصيلة في الطريق.

واسم خوارزمي، Gorizmy، مأخوذ من Algorizmi، الاسم الذي كتب به الأوروبيون اسم عالم الرياضيات الخوارزمي، ومنه خرجت كلمة algorithm. والطرق التي جرّبناها على منتجنا هي نفسها التي نعمل بها مع كل عميل.

أسئلة شائعة

كم يكلّف تصميم الواجهات وتجربة الاستخدام؟

يتوقف ذلك على حجم العمل: عدد الشاشات، وعمق دراسة المستخدمين، والحاجة إلى نظام تصميم كامل، وعدد اللغات والمنصات. فإعادة تصميم موقع تعريفي شيء، وبناء تجربة كاملة لتطبيق متخصص شيء آخر تمامًا. راسلنا على hello@gorizmy.com، وبعد جلسة تعارف قصيرة نرسل إليك عرض سعر مجانيًّا ومفصّلًا بندًا بندًا، دون أي التزام.

كم يستغرق مشروع التصميم عادة؟

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

كيف نعمل معًا عن بُعد؟

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

هل تصمّمون واجهات عربية تُقرأ من اليمين إلى اليسار كما ينبغي، حتى لفرق لا تقرأ العربية؟

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

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

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

لديك مشروع؟ لنبدأه معًا.

نردّ على رسائل الموقع خلال يوم عمل واحد.