تصميم واجهات وتجربة المستخدم · الإمارات والسعودية والخليج
واجهات يفهمها الناس فعلًا
تجربة مستخدم وتصميم واجهات مبنيان على البحث لشركات الخليج. نجد الشاشات التي تُفقدكم الناس، ونصلحها، ونترك الباقي كما هو.
2–3 أسابيع
تقييم تجربة مستخدم كامل
من يوم وصول الصلاحيات، لا من يوم التوقيع
4–5
شاشات هي المهمة عادةً
تصحيح بضع شاشات، لا إعادة تصميم
2
اتجاهان يُرسمان معًا
العربية والإنجليزية جنبًا إلى جنب، لا معكوسة في النهاية
إسطنبول
مكاننا الحقيقي
لا مكتب في الخليج، ولا هاتف أرضي محلي، ونقول ذلك
ما تدافع عنه هذه الصفحة
الخلاصات الأساسية
- أي تغيير لا يرتبط برقم أو بتسجيل أو بفشل مرصود هو تفضيل، لا تحسين.
- معظم المنتجات لا تحتاج إعادة تصميم. أربع أو خمس شاشات تحمل المشكلة؛ وإعادة بناء الباقي تهدم ما ينجح أصلًا.
- التقييم يستحق الشراء حين تكون لديكم زيارات وشكوى محددة. وبدونهما لا ينتج إلا آراء يمكنكم الحصول عليها مجانًا.
- العربية ليست طبقة ترجمة. فالتنقل والأيقونات ومؤشر التقدم والمحاذاة كلها تنعكس؛ وتركيب ذلك لاحقًا يكسر المنتجات ثنائية اللغة.
- البحث يناقض أحيانًا قرارًا اتُّخذ سلفًا. نضع ذلك كتابةً، ثم نبني ما تقررونه أنتم.
- مطوروكم أنتم هم الجمهور: ملفات، ومواصفات، وقائمة مكوّنات، وبلا اعتماد علينا.
محتويات هذه الصفحة
التصميم الجيد يُقاس، لا يُعجب به
معظم صفحات التصميم في هذه المنطقة تبدأ بالجوائز وجملة عن الحرفية. ولا شيء من ذلك يخبركم إن كان المنتج يعمل.
نتعامل مع الواجهة كآلة لها مخرجات قابلة للقياس. فالنموذج يُكمَل أو يُترك. والبحث يعيد شيئًا ينقر الناس عليه أو لا يعيده. وإتمام الشراء يحمل الناس إلى النهاية، أو يفقدهم عند خطوة واحدة لها اسم. وحين نقترح تغييرًا نستطيع أن نسمي الرقم الذي يجب أن يتحرك؛ وحين لا نستطيع، ينزل الاقتراح إلى آخر القائمة لا إلى الفاتورة.
والقياس يخلص عادةً إلى أن التصميم البصري سليم وأن المشكلة الحقيقية تسمية، أو حقل إلزامي، أو سعر يظهر متأخرًا بثلاث شاشات، أو رسالة خطأ تصل بعد أن يفقد المستخدم كل ما كتبه. وهذه الإصلاحات لا تصلح للتصوير. لكنها هي التي تحرّك عدد الاستفسارات.
والمنطق نفسه يحدد ما نتركه كما هو: فإن كانت الصفحة تحوّل ولا نستطيع تفسير السبب، لا نلمسها. والسؤال الأول في المكالمة ليس كيف يجب أن يبدو الموقع، بل ماذا يجب أن يفعل وكيف ستعرفون ذلك. وإن كانت المنصة هي المشكلة لا التجربة، فذلك عمل تصميم مواقع.
ما يغطيه تصميم الواجهات وتجربة المستخدم هنا
ستة أنواع من العمل. ومعظم التعاونات تستخدم اثنين أو ثلاثة منها.
تقييم تجربة المستخدم
المسارات الاثنان أو الثلاثة التي تحمل إيراداتكم، مراجَعة مقابل أدلة. والنتائج مرتبة بحسب كلفتها، ولكل منها تسجيلها أو رقمها المرفق.
تصميم الواجهات
شاشات بكل حالاتها: فارغة، وقيد التحميل، وخطأ، ونجاح، ونص عربي أطول من نظيره الإنجليزي.
تصميم واجهات ثنائي اللغة
العربية والإنجليزية في ملف واحد وفي الوقت نفسه. تنقل وأيقونات معكوسة، وخطوط مقروءة في الأبجديتين، ومواصفة مكتوبة.
اختبار قابلية الاستخدام
جلسات قائمة على مهام مع أشخاص يشبهون عملاءكم. فخمسة أشخاص يفشلون في المهمة نفسها يخبرونكم أكثر من استبيان لخمس مئة.
عمل التحويل على صفحات قائمة
النماذج، وخطوات السعر، ومسارات الاستفسار، والبحث. عمل ضيق ورخيص وقابل للقياس، ومنه نبدأ حين تكون الشكوى محددة.
نظام تصميم وتسليم
جرد للمكوّنات، ورموز مسمّاة، وملاحظات تفاعل، لتطابق الشاشات العشرون التالية التي يبنيها فريقكم ما رسمناه نحن.
ما ينتجه تقييم تجربة المستخدم فعلًا
التقييم مجموعة مستندات، لا اجتماع. وإن رفضت وكالة أن تعطيكم هذه القائمة قبل الدفع، فاسألوا ما الذي تشترونه.
| المُخرَج | ما فيه | من يستخدمه |
|---|---|---|
| قائمة نتائج مرتبة | كل مشكلة على شاشة مشروحة، مع دليلها ودرجة خطورتها والجهد المطلوب والرقم الذي تحرّكه | أنتم ومن يعتمد الميزانية |
| خرائط مسارات بعلامة التسرّب | المسارات المهمة، خطوة بخطوة، مع الخطوة التي تتوقف عندها الجلسات | مالك المنتج والتسويق |
| مقاطع من تسجيلات الجلسات | مقتطعة عند لحظة الفشل، لتُشاهد النتائج بدل الجدل حولها | كل من يشكك في نتيجة |
| شاشات الأولوية بتصميم جديد | الأربع أو الخمس التي نوصي بتغييرها، باللغتين، وبكل حالاتها | المطوّرون |
| تصحيحات النصوص والتسميات | صياغة الأزرار والتسميات ورسائل الخطأ والحالات الفارغة، باللغتين | المطوّرون ومالك المحتوى |
| خطة القياس | الأحداث التي تُرسَل، وأسماؤها، وما يجب أن تظهره الأرقام بعدها | مالك التحليلات، وأنتم في المراجعة |
| قائمة بما لا يُغيَّر | الأجزاء التي تختبر جيدًا ويجب تركها كما هي، مع السبب | من يرث المشروع لاحقًا |
والصف الأخير هو ما يتذكره العملاء. فالتقييم الذي يوصي بتغييرات في كل مكان لم يُنجز كما يجب، لأن لا منتج حقيقي معطوب بالتساوي، وتسمية ما ينجح تحميه من الشخص التالي الذي يحمل رأيًا. ولا نصدر درجة من عشرة: فهي تخفي المعلومة الوحيدة المفيدة، وهي ما يجب فعله بعد ذلك.
متى لا يستحق التقييم الشراء
التقييم تشخيص، والتشخيص يحتاج أعراضًا وبيانات. وهذه خمس حالات نقول فيها للناس لا تشتروه.
- زيارات قليلة جدًا. تحت بضع مئات من الجلسات ذات الصلة شهريًا، تُظهر التسجيلات ثلاثة أشخاص لا نمطًا. وستكونون تشترون رأينا بثوب البحث.
- تعرفون سلفًا ما المعطوب. إن كان كل متصل يسأل السؤال نفسه لأن الإجابة غير موجودة في الموقع، فأصلحوا تلك الصفحة أولًا.
- الميزانية تغطي التقييم فقط. تقرير لا تقدرون على تنفيذه هو أغلى مستند في التسويق.
- ستنتقلون إلى منصة أخرى قريبًا. قيّموا المنتج الجديد قبل إطلاقه، بينما التغييرات ما تزال رخيصة.
- القرار مُتخذ سلفًا. إن كانت إعادة التصميم معتمدة ومؤرخة، فالتقييم لا يفعل إلا تبريرها. ونفضّل ألا نتقاضى أجرًا مقابل ذلك.
والمنطق نفسه ينطبق على البحث المدفوع، حيث تعني الميزانية الضئيلة بناء المحتوى أولًا. والحالة العكسية تعيد الأتعاب أضعافًا: زيارات حقيقية، وشكوى متكررة، ومال متبقٍ للتنفيذ. وإن كان هذا وصفكم، أخبرونا بالشكوى.
أين يفقد المسار الناس
مثال عملي، لا بيانات عميل. والخطوة التي تتوقف عندها الجلسات حقيقة يمكن تحديد موضعها.
ومعظم المواقع لا تستطيع رسم هذا المخطط، لأن الإرسال وحده يُرسل حدثًا وكل ما قبله صندوق أسود. وإصلاح ذلك غالبًا أول ما نسلّمه، وهو رخيص. وحين تبدأ كل خطوة بالإبلاغ، تتوقفون عن الجدل في مظهر الصفحة وترون الحقل الذي يتوقف عنده الناس.
العَرَض والسبب وما يُفحص
أكثر أنواع الفشل التي نجدها في المنتجات الخليجية، وما يجب النظر فيه. ويمكنكم تنفيذ معظم العمود الأخير بأنفسكم.
| العَرَض | السبب المرجّح | ما يُفحص |
|---|---|---|
| نماذج تُبدأ ثم تُترك | حقول إلزامية كثيرة جدًا، أو حقل لا يستطيع أحد الإجابة عنه بصدق: رقم السجل التجاري، العنوان الكامل | التسرّب على مستوى الحقل، وأي حقل كان محددًا حين انتهى التسجيل |
| بحث الموقع يكاد لا يُستخدم، أو يُترك | مخفي خلف أيقونة على الهاتف؛ أو لا نتائج لاختلافات الإملاء العربي والجمع وأسماء العلامات التي يكتبها العملاء | أحداث البحث مقابل مشاهدات الصفحات، وسجل عبارات بلا نتائج باللغتين |
| الناس يخرجون عند خطوة السعر | السعر يظهر متأخرًا عن المتوقع، أو يُعرض بلا ضريبة القيمة المضافة، أو بعملة خاطئة | أين يظهر السعر أولًا، وهل الضريبة مذكورة، والعملة مقابل بلد الزائر |
| الصفحات العربية تُقرأ أقل من الإنجليزية | عربية مترجمة آليًا، أو تخطيط لم يُعكس قط، فتُقرأ كإنجليزية مترجمة | زمن التفاعل وعمق التمرير لكل لغة، وهل يشير hreflang في الاتجاهين |
| زيارات كثيرة من الهاتف واستفسارات قليلة منه | مساحات لمس صغيرة، وحقل هاتف يرفض بادئة +971 أو +966، ونموذج يحتاج يدين | التحويل وأخطاء النماذج بحسب الجهاز، والنموذج على هاتف حقيقي |
| الاستفسارات تصل غير مؤهلة | النموذج لا يسأل شيئًا يؤهّل، أو الصفحة تجذب نية بحث خاطئة | أول سؤال في النموذج، ومن أي عبارات بحث جاءت تلك الاستفسارات |
لاحظوا كم قليل من هذه الأمور بصري. في ستة صفوف، واحد يتعلق بالتخطيط. والباقي معلومات وصياغة وقياس وافتراضات منقولة عن قالب غربي، ولهذا كثيرًا ما ينتهي ملف إعادة التصميم كمشروع محتوى ونماذج. وحيث يكون hreflang هو السبب، فالجواب عمل تحسين محركات البحث أولًا.
البحث الذي نقوم به فعلًا
البحث أكثر كلمة تستخدمها الوكالات بتساهل. وهذا بالضبط ما نفعله، لتحكموا بأنفسكم إن كان كافيًا لمشكلتكم.
- مراجعة التحليلات. المسارات، والتسرّب على مستوى الخطوة، والتوزيع بحسب الجهاز واللغة، وهل تجيب الأحداث القائمة عن السؤال. وغالبًا لا تجيب، وتلك هي النتيجة الأولى.
- تسجيلات الجلسات. أسرع طريقة لرؤية ما لا يظهره أي مخطط، مثل شخص يضغط عنوانًا لأنه يشبه زرًا.
- اختبار قائم على المهام. بضعة أشخاص، لكل منهم مهمة واحدة: اجد السعر، احجز موعدًا، أكمل الشراء بالعربية. نشاهد، ولا نساعد، ونسجّل أين يتوقفون.
- رسائل الدعم ومحادثات واتساب. أكثر مصدر مهمَل في الخليج. فكل سؤال متكرر صفحة ناقصة أو تسمية تُقرأ خطأ.
- مقابلات المعنيين. المبيعات، ومن يجيب على الهاتف. فهم يعرفون أي اعتراضات تظهر وبأي ترتيب، وهذا هو التسلسل الذي يحتاجه محتواكم.
- تفكيك أعمال المنافسين، للإجابة عن سؤال. مفيد لمعرفة ما يعده سوقكم قياسيًا، وعديم الفائدة كمصدر أفكار، لأن تصميمهم ليس دليلًا أيضًا.
وما لا نفعله: مختبرات تتبع العين، أو لجان مستدعاة، أو دراسات تحتاج خبير إحصاء. نحن استوديو صغير في إسطنبول، والتظاهر بغير ذلك كذبة يمكنكم التحقق منها. ولا يُقدَّم البحث كأنه محايد: فكل نتيجة تحمل درجة ثقة، لأن بعضها يمكن مشاهدته وبعضها يُستنتج فقط.
شاشة واحدة، اتجاهان
الشاشة نفسها بالإنجليزية والعربية. أربعة أمور تنقلب؛ وما تنساه الفرق هو الأسهم ومؤشر التقدم.
نرسم النسختين في ملف واحد، على إطارين متجاورين، من أول شاشة. وهذا يكلف قليلًا جدًا حينها وكثيرًا جدًا لاحقًا، بعد أن تحمل المكوّنات قيم يسار ويمين مثبتة في الشيفرة.
التصميم للاتجاهين في وقت واحد
كل منتج خليجي ننظر فيه تقريبًا ثنائي اللغة، وكل واحد منها تقريبًا صُمِّم بالإنجليزية ثم تُرجم بعد ذلك. وهذا الترتيب سبب معظم ما يختل.
ما ينعكس: شريط التنقل وترتيب قائمته، ومسار التنقل، وأزرار الرجوع والتالي، ومؤشرات التقدم وأرقام الخطوات، واتجاه الشرائح، وترتيب أعمدة الجداول، ومحاذاة التسميات، والجهة التي يجلس فيها الشريط الجانبي، وأي أيقونة اتجاهية.
وما لا ينعكس، ويكسره من يعكس كل شيء: الأرقام، والأسعار، والتواريخ الرقمية، وأرقام الهاتف، وعناوين البريد، وعناوين URL، والشيفرة، وأدوات الوسائط، والشعارات.
ثم الخطوط، وهي حيث تبدو المنتجات ثنائية اللغة رخيصة حتى لو كان التخطيط صحيحًا. فالعربية تحتاج ارتفاع سطر أكبر من النص اللاتيني بالحجم نفسه، وحجمًا أكبر قليلًا عادةً لتُقرأ بالارتياح نفسه. وليس فيها حروف كبيرة، فالتسميات المكتوبة بحروف كبيرة كلها لا مقابل عربي لها، والزر المقاس على تسميته الإنجليزية سينكسر.
والخلل في الشيفرة محدد. فإن كانت ورقة الأنماط تضبط direction: rtl لكن المكوّنات تستخدم margin-left وtext-align: left ومواضع مطلقة من اليسار، فسينعكس النص ولن ينعكس التخطيط. والحل هو الخصائص المنطقية: margin-inline-start، وpadding-inline-end، وtext-align: start. وإعطاء هذا التوجيه مبكرًا يمنع معظم أخطاء الاتجاه التي نُستدعى لتشخيصها.
وتفصيلان آخران. الأيقونات التي تحتوي نصًا أو أرقامًا تحتاج أصولًا عربية منفصلة لا تحويلًا، لأن الحرف المعكوس غير مقروء. والنسختان يجب أن تشير كل منهما إلى الأخرى بشكل صحيح: فـدليل جوجل للنسخ المحلية يحدد الإشارات المتبادلة، وسوء تطبيقها هو سبب أن إحدى اللغتين غير مرئية في البحث على نصف المواقع التي نقيّمها. والمبادئ نفسها على نطاق أوسع، في منصة عقارية متعددة اللغات.
كيف يسير التعاون
01
مكالمة تحديد النطاق والصلاحيات
نصف ساعة: الشكوى، والمشتري، وكيف يبدو شهر جيد بالأرقام. ثم تحليلات للقراءة فقط، وتسجيل جلسات، وعنوان بيئة تجريبية.
02
التقييم
أسبوعان إلى ثلاثة من يوم عمل الصلاحيات فعلًا. نشاهد الجلسات، ونقرأ رسائل الدعم، وننفّذ المهام باللغتين، ونختبر على أجهزة حقيقية.
03
النتائج والمحاججة
اجتماع واحد. نعرض القائمة المرتبة ونحاجج من أجل قائمة قصيرة. وأنتم تقررون. وحيث نختلف، يدخل ذلك في المستند مع دليله.
04
تصميم شاشات الأولوية
الإنجليزية والعربية تُرسمان معًا، وكل حالة مشمولة، ونص حقيقي لا نص مؤقت. وشاشة واحدة تُعتمد قبل أن نرسم الباقي.
05
التسليم وإعادة القياس
الملفات والمواصفة وقائمة المكوّنات وخطة القياس تذهب إلى من سينفّذ. ونحدد تاريخًا بعد ستة إلى ثمانية أسابيع من الإطلاق لقراءة الأرقام.
ما نسلّمه لكم
عمل التصميم الذي لا يستطيع مطوروكم تنفيذه زخرفة. وإن كنتم تطلبون التصميم منفصلًا عن التنفيذ، فخذوا هذا الجدول إليهم واسألوا إن كان كافيًا.
| الصيغة | ما تحتويه | ما يفعله مطوروكم بها |
|---|---|---|
| ملف Figma، صفحة لكل شاشة | كل شاشة بكل حالاتها، ونص عربي طويل في كل موضع | افحصوا المسافات والخطوط والألوان في الملف. فهو المرجع، لا ملف PDF |
| جرد المكوّنات | كل زر وحقل وبطاقة وجدول ونافذة مستخدمة، مسمّاة، مع صيغها | اربطوا كل واحد بمكوّن قائم، ثم ابنوا الناقص مرة واحدة |
| قائمة رموز التصميم | الألوان، وسلّم الخطوط، والمسافات، وأنصاف الأقطار كقيم مسمّاة، لا أكواد ألوان متبددة | ضعوها في خصائص CSS مخصصة، أو في ملف سمة إطار عملكم |
| ملاحظات التفاعل لكل شاشة | ما يحدث عند اللمس، وعند فشل التحقق، وعلى اتصال بطيء، وعند الرجوع | نفّذوا السلوك بلا تخمين. فالحالات غير المذكورة سبب معظم تقارير الأخطاء |
| مواصفة الاتجاه من اليمين إلى اليسار | أي الخصائص يجب أن تكون منطقية، وأي الأصول تنعكس، وأيها لا، وإعدادات الخط العربي | استبدلوا left وright بـinline-start وinline-end، ثم افحصوا الأيقونات وأدوات الوسائط |
| جدول النصوص، بالإنجليزية والعربية | النصوص النهائية للتسميات والأزرار ورسائل الخطأ والحالات الفارغة والتأكيدات | الصقوها في ملفات الترجمة. ولا تعيدوا كتابة العربية يدويًا؛ فذلك يضيف أخطاء غير مرئية |
| خطة القياس | الأحداث التي تُرسَل، وأسماؤها ومعاملاتها، وأي سؤال يجيب عنه كل منها | أضيفوها قبل الإطلاق، لتجد المراجعة بعد شهرين بيانات تقرؤها |
| ملاحظات إمكانية الوصول | نتائج التباين، وترتيب التركيز، وأحجام مساحات اللمس، وكيف يُسمّى كل حقل | أصلحوها في الوسم؛ فمعظمها سمات لا تغييرات بصرية |
والتسليم مكتوب لمطوّر لم يتحدث إلينا قط: مواصفات نصية، وقرارات مسجّلة لا محفوظة في الذاكرة. وإن فضّلتم أن ننفّذه نحن أيضًا، فإن أسعارنا المعلنة تغطي ذلك المسار، وبناء المتاجر يتبع النمط نفسه.
لماذا لا نعيد تصميم كل شيء
أسهل عرض يُكتب هو إعادة تصميم كاملة: أكبر رقم، وأنظف قصة، وأقل نتيجة قابلة للمحاسبة، لأن تغيير كل شيء يمنع أي أحد من تحديد ما نفع.
المنتج العامل يحتوي معرفة لم يوثقها أحد. فالترتيبات الغريبة غالبًا أثر لمشكلة حقيقية حلّها شخص قبل سنوات. والصفحة البيضاء تعيد اكتشافها تذكرة دعم تلو الأخرى.
وهي تهدم خط الأساس عندكم. غيّروا أربعين شاشة مرة واحدة ولن تعني الأرقام بعدها شيئًا. وغيّروا أربعًا فتعرفون أيها نفع.
والخطر لا يقتصر على التصميم. فإعادة البناء تعني أخطاء جديدة، وتدريبًا جديدًا للموظفين، وضررًا في البحث إن تحركت العناوين بلا خطة تحويلات. والاستعادة تستغرق أسابيع حتى مع حسن التعامل.
وهناك حالات حقيقية لإعادة البناء ونقولها حين نراها: المنصة تحدّ ما تستطيعون فعله، أو الشيفرة لا تستطيع عرض العربية، أو بنية المعلومات خاطئة من جذرها، أو لا أحد من الموظفين يستطيع صيانة الموقع. وهذه بنيوية، والترقيع فيها أغلى من الاستبدال. ونقطة البداية حينها بناء جديد بنتائج التقييم كملف له، وصفحتا الكلفة لكل من دبي والسعودية تعطيان النطاقات.
وقد أقنعنا عملاء بالعدول عن إعادة تصميم جاؤوا يطلبونها. وهي فاتورة أصغر، وهي أيضًا السبب الرئيسي لعودتهم.
ما نقيسه وما نتجاهله
خطة القياس، بنصفيها
- ما نقيسه: معدل إكمال المهمة، والتسرّب على مستوى الخطوة، ومعدل الخطأ لكل حقل، ومعدل البحث بلا نتائج، والتحويل بحسب اللغة والجهاز، وجودة الاستفسارات كما يحتسبها فريق مبيعاتكم.
- ما نتجاهله: الوقت على الصفحة، لأن الأطول يعني الارتباك غالبًا؛ ومعدل الارتداد وحده، لأن الزائر الذي وجد رقم الهاتف وخرج قد نجح؛ ودرجات التفاعل المركّبة، التي لا يمكن التصرف بناءً عليها؛ والخرائط الحرارية كدليل، لأنها تناسب أي قصة.
- ولا نوعد بنسبة تحسّن قبل العمل. فأي رقم يُقدَّم في مرحلة العرض مُختلق، بصرف النظر عما يقتبسه المنافسون.
- والسرعة هي الاستثناء، لأن هناك حدودًا معلنة: جوجل تنشرها لـأكبر عنصر محتوى مرئي وسرعة الاستجابة للتفاعل.
- وحيث يتقاطع القياس مع القنوات فهو ينتمي إلى عمل التسويق الأوسع، على تعريف واحد للتحويل.
“إن كان التغيير في التصميم لا يستطيع تسمية الرقم الذي يُفترض أن يحرّكه، فهو تفضيل. والتفضيلات مجانية. ونحن نتقاضى أجرًا مقابل الأدلة.”
قراءات ذات صلة
إن كنتم تحددون ما تطلبونه:
- تصميم المواقع، حين يخلص التقييم إلى أن المنصة هي المشكلة
- أسعارنا المعلنة، ثابتة وبالعملة المحلية، وبلا أجور بالساعة
- تكاليف المواقع في قطر وفي الكويت
- تطوير التجارة الإلكترونية، حيث يتقدم إتمام الشراء على كل مسار آخر
- Salla وتصميم متجر Zid، حيث تحدّ المنصة تغييرات الواجهة
- دبي والرياض، لسياق السوق، مع دراسة حالة مسار حجز
- المدونة، للمقالات التقنية الأطول
أو تجاوزوا ذلك كله واشرحوا المشكلة. فجملة واحدة عما يفشل الناس في فعله على موقعكم أنفع من ملف كامل.
أسئلة عن التصميم
ما الفرق بين UI وUX؟
تجربة المستخدم تحدد ما هي الشاشات، وبأي ترتيب تأتي، وماذا يطلب كل منها. وواجهة المستخدم هي كيف تبدو وكيف تتصرف: الخطوط، والألوان، والمسافات، والحالات، والمكوّنات. والحالة الشائعة واجهة جيدة مع تجربة سيئة: نموذج جميل لا يكمله أحد.
هل تصممون واجهات عربية أصيلة؟
نعم، مصمَّمة جنبًا إلى جنب مع الإنجليزية من أول شاشة لا معكوسة في النهاية. والتنقل والأيقونات واتجاه التقدم والمحاذاة والخط العربي كلها تُحسم في الملف الأصلي، والتسليم يشمل مواصفة للاتجاه من اليمين إلى اليسار. ونصوص الواجهة لا تُترجم آليًا أبدًا.
هل يمكنكم العمل مع مطورينا الحاليين؟
هذا معظم عملنا في التصميم. تحصلون على ملف Figma بكل الحالات مرسومة، وجرد مكوّنات، ورموز مسمّاة، وملاحظات تفاعل، وجدول نصوص بلغتين، وخطة قياس، وكلها مكتوبة لمطوّر لم يقابلنا قط.
هل تعيدون تصميم منتجات قائمة؟
نعم، ويبدأ ذلك دائمًا تقريبًا كتقييم، لأننا لا نستطيع معرفة أي الشاشات تستحق الميزانية قبل أن ننظر. ثم يُنفّذ العمل على مراحل: شاشات الأولوية أولًا، ثم القياس، ثم المجموعة التالية.
كم يستغرق تقييم تجربة المستخدم؟
أسبوعان إلى ثلاثة، محسوبة من يوم عمل صلاحيات التحليلات والمنتج فعلًا لا من يوم توقيع العقد. فالصلاحيات هي الخطوة التي تتأخر؛ رتّبوها مبكرًا ويثبت الجدول.
هل تحتاجون صلاحية الوصول إلى تحليلاتنا؟
هي تجعل العمل أدق بكثير: فالتحليلات للقراءة فقط مع تسجيل الجلسات تحوّل الآراء إلى مشاهدات وتتيح لنا ترتيب النتائج بحسب كلفتها. ويمكننا العمل بدونها، بالاختبار القائم على المهام، لكن النتائج أضعف والتقرير يقول ذلك.
هل ستعيدون تصميم كل شيء؟
عادةً لا. فمعظم المنتجات تكسب أكثر من تصحيح أربع أو خمس شاشات، وإعادة التصميم الكاملة تهدم خط الأساس الذي تحتاجونه لمعرفة إن تحسّن شيء. ولا نوصي بإعادة البناء إلا حين تحدّكم المنصة، أو لا تستطيع الشيفرة التعامل مع العربية، أو تكون البنية خاطئة من جذرها.
متى لا يستحق تقييم تجربة المستخدم الشراء؟
حين تكون الزيارات قليلة جدًا، لأن بضع مئات من الجلسات شهريًا تُظهر ثلاثة أشخاص لا نمطًا. وحين تعرفون سلفًا ما المعطوب، وفي هذه الحالة أصلحوه. وحين تغطي الميزانية التقييم لا التغييرات، لأن التقرير غير المنفَّذ أغلى مستند يمكن أن تملكوه. وحين تنتقلون إلى منصة أخرى. وحين يكون القرار مُتخذًا سلفًا.
ماذا يحدث إن ناقض البحث ما قررناه سلفًا؟
نخبركم كتابةً، مع الأدلة مرفقة، قبل بدء عمل التصميم. ثم تقررون أنتم، لأنها شركتكم ومالكم، ونبني ما تقررونه. وما لن نفعله هو أن ننتج بصمت الشيء الذي نعتقد أنه خطأ وندع الأرقام تحاجج لاحقًا. والخلافات الجوهرية تُسجَّل.
هل تسلّمون ملفات تصميم أم شيفرة عاملة؟
أيهما شئتم. إن كان لديكم مطورون، نسلّم الملفات والمواصفة المذكورة أعلاه ونبقى متاحين خلال التنفيذ. وإن لم يكن، نصمم وننفّذ، وتبقى المستندات موجودة كسجل لكم.
كم يكلف عمل الواجهات وتجربة المستخدم؟
أجر ثابت، يُحدَّد كتابةً بعد معرفة عدد الشاشات وهل اللغتان مشمولتان. وكجزء من مشروع كامل يقع داخل باقاتنا المعلنة، من AED 4,700 في الإمارات، وSAR 4,800 في السعودية، وQAR 4,700 في قطر، وKWD 395 في الكويت. ولا نحتسب بالساعة.
هل لديكم مكتب في الإمارات أو السعودية؟
لا. نحن استوديو في إسطنبول بلا مكتب أو عنوان أو هاتف أرضي في الخليج، ولن نتظاهر بغير ذلك في صفحة تدافع عن القياس الصادق. ونعمل بساعات الخليج، وندير المكالمات والاختبارات عن بعد، وكل شيء يبقى باسمكم.
هل يمكنكم الاختبار مع مستخدمين خليجيين، أم هو بحث مكتبي كله؟
ننفّذ جلسات قائمة على المهام عن بعد مع مشاركين في السوق، بالعربية أو الإنجليزية. ولا ندير مختبرًا ولا لجنة مستدعاة، فالعينات صغيرة: خمسة أو ستة لكل مهمة، مختارين ليشبهوا مشتريكم. وهي تجد أنواع الفشل بموثوقية لكنها لا تنتج نسبًا مئوية.
من يملك ملفات التصميم بعد ذلك؟
أنتم، من البداية. فملف Figma والرموز وجدول النصوص والمواصفة ملككم، تُنقل إلى حسابكم عند التسليم، ويمكنكم أخذها إلى جهة أخرى. وقد ورثنا مشاريع كثيرة جدًا احتجزت فيها الوكالة السابقة الملفات.
دعونا ننظر في تجربتكم
أخبرونا بما يفشل الناس في فعله على موقعكم. وسنقول إن كان هناك ما يستحق التقييم، وإن لم يكن فسنقول ذلك صراحةً.