هل ما زالت الشاشة الأولى مهمة؟

الحد تحرّك، والسؤال بقي كما هو

لم يعد هناك حد واحد. لابتوب بمقاس 1440 في 900 يعرض نحو 750 بكسل من صفحتك بعد أن يأخذ إطار المتصفح نصيبه. وهاتف iPhone في Safari يعرض نحو 650 بكسل، وأقل حين يجلس شريط العنوان في الأسفل. فكل زائر يرى شريحة مختلفة مما يقع فوق الحد. وما يريدونه من تلك الشريحة لم يتغير: هل أنا في المكان الصحيح، وهل يستحق هذا تمريرة أخرى؟

الناس يمررون الآن، ويقررون بسرعة

أي شخص استخدم هاتفًا منذ 2010 يمرر دون أن يفكر في الأمر. الإبهام يتحرك قبل أن يكمل الدماغ الجملة. فالخوف القديم من أن أحدًا لا يقرأ تحت الحد صار قديمًا. لكن الناس ما زالوا يغادرون بسرعة. أحدهم ينقر إعلانك، ويقرأ العنوان، ولا يجد ما وعد به الإعلان، فيختفي خلال ثوانٍ. التمرير لا يكلف القارئ شيئًا. انتباهه هو الجزء النادر.

قِس شاشتك الأولى قبل أن تصممها

افتح صفحتك على الأجهزة الثلاثة التي تظهر فعلًا في تحليلاتك. عند أغلب عملائي هذا يعني هاتف iPhone، وجهاز MacBook مقاس 13 بوصة، وشاشة خارجية بدقة 1080p. خذ لقطة لأعلى الصفحة على كل واحد منها دون تمرير. الهاتف يعرض عادة عنوانًا ونصف زر. والشاشة الكبيرة تعرض عادة عنوانًا يسبح في 400 بكسل من الفراغ. صمم للاثنين، كل واحد على حدة.

ما الذي يهدر المساحة عادة

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

ما الذي يستحق مكانًا فوق الحد

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

اترك للتمرير مكانًا يذهب إليه

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

كيف تفحص شاشتك في عشر دقائق

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