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