التصميم الذي يحوّل هو التصميم الذي يبتعد عن الطريق. أغلب المواقع التي تفشل في الكويت لا تفشل لأن شكلها سيئ. تفشل لأن رقم الهاتف مدفون، والسعر يظهر بعد أربع ضغطات، والصفحة العربية تُقرأ وكأنها معكوسة، وصفحة الدفع تطلب معلومات ما هي بيد العميل. التصميم يكلف بين ١٧٠ و٥٥٠ د.ك، وهو أرخص نقطة في المشروع لإصلاح أي من ذلك.
ما هي المشكلة عادة
عندك زوار. إنستقرام يرسل لك ناساً. يوصلون الموقع، ثم لا يحصل شيء.
الذي نجده مرة بعد مرة: الشيء الذي جاء العميل من أجله يبعد ضغطتين أو ثلاثاً أكثر مما سيتحمله. الموقع صُمم على شاشة عريضة بينما كل الزوار تقريباً على جوال، وكثير منهم في الشارع تحت شمس قوية وعلى شبكة بطيئة. والنسخة العربية عكس للإنجليزية، فيقابل القارئ العربي تخطيطاً يحس أنه مستعار. والنموذج يطلب الرقم المدني أو رقم القسيمة في أول حقل، في اللحظة التي يقرر فيها العميل هل يكمل أصلاً.
ولا واحدة من هذه مسألة ذوق. كلها قرارات لم تُتخذ، واتخاذها على الورق رخيص.
ما الذي تحصل عليه
شاشات للصفحات التي يقوم عليها عملك، مرسومة بالعربي والإنجليزي كتخطيطين حقيقيين. تتنقل فيها على جوالك قبل أن يكتب أحد سطر كود، وهنا يكتشف أغلب الملاك خطوة ما كانوا يريدونها أصلاً.
وتحصل على المسارات محسوبة: كم ضغطة من أول شاشة إلى حجز مؤكد، وكم حقلاً بين السلة وطلب مدفوع. وأحجام نص يقرأها الناس، وتباين يصمد في ضوء النهار، ومساحات لمس يصيبها الإبهام. ومجموعة مكونات، فالزر والبطاقة وحقل النموذج تُعرَّف مرة وتُعاد، وهذا يسرّع البناء ويحافظ على تماسك الموقع وهو يكبر.
وتحصل على الملفات بحالة يقدر المبرمج يبني منها، والسلوك مكتوب: ماذا يحصل عند الخطأ، وماذا تقول الشاشة الفارغة، وكيف يتغير التخطيط بالعربي.
ولو كان المشروع تطبيق جوال، يضاف لذلك تصميم شاشات الإذن والإشعارات وحالة انقطاع الشبكة، وهي الشاشات التي يُحكم على التطبيق منها في أول خمس دقائق ونادراً ما يُفكَّر فيها قبل البرمجة.
كيف نشتغل
١. نتفق على الهدف الواحد لكل شاشة رئيسية. الصفحة التي تحاول عمل أربعة أشياء لا تعمل ولا واحداً. ٢. ننظر لما هو موجود. إذا كان عندك موقع، نراقب بضعة أشخاص حقيقيين وهم يستخدمونه، وهذا أسرع من أي تحليل. ٣. نرسم المسارات كخطوات واضحة، ثم نحذف الخطوات الموجودة فقط لأن عملية قديمة كانت تطلبها. ٤. نرسم الشاشات رمادية بلا تنسيق أولاً وبالاتجاهين، فيبقى النقاش على البنية لا على اللون. ٥. نطبّق هويتك، ونصمم النسخة العربية والإنجليزية جنباً إلى جنب لا واحدة بعد الأخرى. ٦. نضع النسخة القابلة للتنقل أمام عدد من المستخدمين الحقيقيين في الكويت، نصلّح ما يعثرهم، ثم نسلّم الملفات والمكونات لمن سيبني.
التكلفة والمدة
التصميم محسوب بـ ١٠ د.ك للساعة مثل كل شيء عندنا. راجع صفحة الأسعار، أو حاسبة التكلفة إذا أردت رقماً قبل الاتصال.
| جزء العمل | الساعات | التكلفة بـ ١٠ د.ك/ساعة |
|---|---|---|
| فهم عملائك ولماذا جاؤوا | ٣ إلى ٨ | ٣٠ إلى ٨٠ د.ك |
| البنية والشاشات الرمادية للصفحات الرئيسية | ٤ إلى ١٢ | ٤٠ إلى ١٢٠ د.ك |
| التصميم البصري بالعربي والإنجليزي | ٥ إلى ١٨ | ٥٠ إلى ١٨٠ د.ك |
| مجموعة المكونات وقواعدها | ٣ إلى ١٠ | ٣٠ إلى ١٠٠ د.ك |
| الاختبار مع مستخدمين حقيقيين والتسليم | ٢ إلى ٧ | ٢٠ إلى ٧٠ د.ك |
| الإجمالي | ١٧ إلى ٥٥ | ١٧٠ إلى ٥٥٠ د.ك |
من أسبوع إلى ستة أسابيع حسب الحجم. في البناء الكامل تكون هذه الساعات داخل المشروع لا بجانبه، وتتداخل مع بداية التطوير.
أخطاء متكررة
أشهرها التصميم للمدير بدل العميل. من يدفع نادراً ما يكون من سيستخدم الشاشة الساعة إحدى عشرة بالليل بيد واحدة.
وأغلاها تخطي الشاشات الرمادية. إذا كان أول ما يراه الناس صورة ملمّعة، يتحول النقاش إلى الألوان ويبقى الخطأ البنيوي في مكانه.
وأكثرها وضوحاً للعميل الكويتي معاملة العربية كإعداد لا كتصميم. مكانها نفس نقاش التخطيط الإنجليزي، ولهذا نعالجها داخل تطوير المواقع ثنائية اللغة لا كإضافة متأخرة.
والتصميم الذي لا يُبنى فلوس ضائعة. ملفات جميلة بلا ملاحظات عن السلوك يفسّرها من يكتب الكود على هواه. نسلّمها لفريق تطوير المواقع عندنا أو لفريقك، ومعها القواعد.