نص المقال
الوضوح أولًا ثم التأثير
فتح شخص الموقع للمرة الأولى ولا يعرف عنك شيئًا. يحتاج إلى أن يفهم ماذا تقدّم، ولمن يناسب ذلك، ولماذا يواصل القراءة. قد يكون العنوان جريئًا ومجازيًا، لكننا نضع بجانبه توضيحًا. الفكرة البصرية تجذب الانتباه، والنص يشرح المعنى.
نبني الصفحة كتسلسل
تعرض الشاشة الأولى العرض الرئيسي وأسلوب العلامة، وتلمّح إلى ما يجب فعله بعد ذلك. وتحتها الخدمات أو المنتجات، أي المجالات الرئيسية مع روابط إلى التفاصيل.
ثم ما يبني الثقة: مشاريع حقيقية، وسير العمل، وآراء العملاء إن كانت لديك فعلًا. وبعدها إجابات عن الشكوك: كيف يُنظَّم العمل، وما المطلوب من العميل، وما الذي تشمله الخدمة.
وتنتهي الصفحة بالخطوة التالية: جهة اتصال، أو نموذج، أو انتقال إلى صفحة تفصيلية.
لكل قسم سبب
عن كل قسم نسأل: ما الجديد الذي سيعرفه الشخص؟ ما السؤال الذي سيجد إجابته؟ هل سيساعده ذلك على اتخاذ القرار؟ إذا كان القسم يكرّر ما قيل أو يشغل مساحة فحسب، فإننا نختصره. ويظهر ذلك بوضوح خاص في المواقع المعبّرة ذات الخطوط الكبيرة والحركة، والمزيد عن ذلك في مقال «الحركة في الموقع: متى يساعد الإبهار ومتى يعيق؟».
التصميم يقود النظر
يصنع التسلسلَ الهرمي حجمُ العنوان والتباين وموضع الصورة والمسافات بين الأقسام. يمرّ الشخص بعينيه على الصفحة، فيلاحظ مواضع التركيز، ويقرّر أين ينظر بعد ذلك. نبني التكوين بحيث يقود من الانطباع العام إلى التفاصيل، دون أن تضطر العناصر إلى التنافس على الصوت الأعلى.
نصمّم للهاتف على حدة
على الهاتف يتغير ترتيب الأقسام وطول العناوين وطريقة التفاعل نفسها. لا يمكن ببساطة تصغير نسخة الحاسوب، لذلك نفكّر في تكوين الجوال على حدة. أما ما يعيق أكثر من غيره على الشاشة الصغيرة، فقد تناولناه في مقال «موقع جميل يرغب الزائر في مغادرته».
الصفحة الرئيسية ليست الباب الوحيد
قد يأتي الزائر من البحث مباشرة إلى صفحة خدمة أو مشروع أو مقال. لذلك نجعل الصفحات المهمة مفهومة بذاتها. تربط الصفحة الرئيسية الأقسام وتحدّد نبرة العلامة، لكن لا داعي لأن تكون موسوعة.
باختصار
الصفحة الرئيسية القوية تغري بالتأمل فيها، ومع ذلك يسهل فهمها. لذلك نحدّد أولًا المعنى ومسار المستخدم، ثم نبحث عن الشكل البصري الذي يعزّز الفكرة ولا يخفيها. وإذا كان عرضك كله يتسع لصفحة واحدة، فاطّلع على صفحة الهبوط.
— SOMO STUDIO
