في هذه الصفحة
لسنوات كان تسليمنا ملفًا وأملًا. ينتهي التصميم، ويذهب رابط إلى المطوّر، وبعد ثلاثة أسابيع نكتشف أي قراراتنا نجت. معظمها في العادة، لكن ليس تلك التي كانت تهمّنا أكثر من غيرها.
اليوم يجلس مطوّرنا في أول مراجعة للرسومات الأولية في كل مشروع ويب. لا ليوافق على التصميم، بل ليطرح الأسئلة التي كانت ستصل متأخرة لولا ذلك. إليكم ما تغيّر في Fernlow، بين مكاتبنا في روتردام ومونتريال، وما نسلّمه الآن.
اطرح الأسئلة المحرجة عند الرسم الأولي
الرسم الأولي هو أرخص مكان لتكتشف أن تخطيطًا ما يعتمد على نص لن يكون بهذا القِصَر أبدًا، أو على صورة لا يملكها العميل. يلتقط المطوّرون هذه الأمور بسرعة، لأنهم يرون الصفحة محتوى يتدفق داخل بنية، لا صورة.
أرخص تخطيط يمكن إصلاحه هو رسم أولي سبق أن طرح عليه مطوّر أسئلته.
قاعدتنا بسيطة: لا تنتقل أي شاشة إلى الدقة العالية قبل أن يراها مطوّر رسمًا بالقلم أو مخططًا رماديًا ويقول ما يقلقه.
صمّم الحالات، لا الشاشات
الصفحة الرئيسية ليست صورة واحدة. إنها مجموعة حالات: فارغة، وقيد التحميل، وممتلئة، ومكتظة، ومعطّلة. نصمّم اسم المنتج الطويل، والصورة المفقودة، والخطأ بعد إرسال النموذج، والصفحة بالفرنسية التي تطول نحو الخُمس عن الإنجليزية. ينشر عملاؤنا في مونتريال باللغتين، والزر المصمَّم على مقاس «Book» ينكسر يوم يجب أن يقول «Réserver».
سمِّ الأشياء مرة واحدة
الألوان وخطوات التباعد ومقاسات الخط وأنصاف أقطار الزوايا تحصل على اسم في قائمة مشتركة قبل تصميم أي صفحة. تظهر الأسماء نفسها في ملف التصميم وفي الشيفرة. حين يطلب العميل عناوين «أصغر قليلًا»، نغيّر قيمة واحدة باسم واحد، وتتبعها كل الصفحات.
في موقع Ravel & Hue، عاشت ألوان مروحة الطلاء الستة والتسعون في ملف بيانات واحد. اقترح مطوّرنا توليد كل صفحات العيّنات من ذلك الملف بدلًا من تنسيق كل واحدة يدويًا. وفّر ذلك أسبوعًا من البناء، وضمن ألا تتباعد المروحة والتغليف والموقع أبدًا.
سلّم نظامًا، لا صورًا
تسليمنا مستند قصير ونموذج أولي يعمل، ولا يكون أبدًا مجلدًا من الصور المسطحة. قائمة المراجعة التي نرسلها مع كل موقع:
- القائمة المسمّاة للألوان والتباعد ومقاسات الخط وأنصاف الأقطار، مع قيمها
- كل مكوّن بجميع حالاته، بما فيها الحالة الفارغة وحالة الخطأ
- أطول نص حقيقي لكل عنوان وزر وعنصر قائمة، بكل لغة
- ملاحظات الحركة بكلمات بسيطة: ما الذي يتحرك، وإلى أي مدى، وكم من الوقت، وما الذي يحدث عند تقليل الحركة
- الصور بقصّاتها النهائية، مع نص بديل نكتبه نحن، لا نتركه لوقت لاحق
- قائمة بالأسئلة المفتوحة، بجانب كل منها اسم
راجع البناء، لا الملف
تجري مراجعة التصميم في المتصفح، على أجهزة حقيقية، بمقاسات حقيقية. نتحقق على شاشة كبيرة، وحاسوب محمول صغير، وهاتف يُمسك بيد واحدة. تُسجَّل كل مشكلة مع لقطة شاشة، والجهاز، وملاحظة قصيرة عما توقعناه. «يبدو غير مريح» ليست مشكلة؛ «العنوان يلتف إلى أربعة أسطر عند 375 بكسل» مشكلة.
ما يكلّفه، وما يوفّره
إشراك المطوّر مبكرًا يضيف بضع ساعات إلى الأسبوعين الأولين. ويزيل معظم المفاجآت من الأسبوعين الأخيرين، حيث تكون المفاجآت مكلفة والصبر قصيرًا. بعد تسع سنوات وأكثر من 260 مشروعًا، هذا هو التغيير الذي سنجريه أولًا لو بدأنا الاستوديو من جديد.
