خدمات تصميم الواجهات وتجربة المستخدم (UI/UX) في دبي: تُرسَم لتُبنى، لا لتُبهِر.

تجربة المستخدم (UX) هي البنية: ما الموجود، وأين يقع، وبأي ترتيب يتحرك المستخدم خلاله. وواجهة المستخدم (UI) هي السطح الذي يُعبَّر به عن تلك البنية: الخطوط والألوان والمسافات والحالات. وهما مرحلتان منفصلتان عندنا، لأن حسمهما معًا هو ما يجعل المشاريع تنتهي إلى جدال حول لون زر بينما المشكلة الحقيقية أن إحدى الخطوات في غير مكانها.

التصميم وحده يُسعَّر لكل مشروع لا من قائمة الباقات، لأن السعر يتبع عدد الشاشات وعدد الحالات لا عدد الصفحات. فقد يتساوى موقع تعريفي ومنتج في عدد الصفحات ويختلفان كثيرًا في حجم الرسم حين تُحسب كل حالة. والباقات هي المرجع للتصميم والبناء معًا: 16,000 درهم لموقع من 5 إلى 8 صفحات، ومن 48,000 درهم حين يتجاوز عدد الشاشات أو إضافة لغة ثانية حدود ذلك. الأسعار لا تشمل ضريبة القيمة المضافة 5%.

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

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

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

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

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

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