Above The Fold: ماشي هو الفين كيقرر الناس

"above the fold" ولا "فوق الطية" صاير كيتعامل معاه بحال أرض مقدسة فلقاءات web design — دخل العنوان، العرض، البوطون، شهادات الثقة، رقم التيليفون، كلشي قبل ما حد يسكرول. الكلمة فراسها جايا من الجرايد القديمة، فين الطية كانت قيد فيزيائي حقيقي. فصفحة web عصرية، ماكاينة حتى طية — غير نافذة كتحرك وكتوري شوية زيادة كل مرة كتسكرول — والتعامل مع هاد أول شاشة بحال هي البيع كامل هي وحدة من الأساطير الأكثر ثباتا فـ web design.

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

أشنو كتوري الدراسات ديال سكرول تراكينغ فالواقع

الدراسات ديال heatmap و scroll-depth عبر آلاف ديال الصفحات كتلقى نفس الشي: الزوار اللي كيتفاعلو مع صفحة كيسكرولو بزاف أكثر من اللي كيتصورو المصممين — غالبا بعيد من أول شاشة، خصوصا فالموبايل، فين "الطية" صغيرة من الأصل والسكرول هو التفاعل الافتراضي، ماشي مجهود زايد. الفكرة اللي كتقول الزوار كيبنيو رأي نهائي فأول viewport وما كيسكرولوش أكثر، ماكتطابقش مع كيفاش الناس كيتصفحو فالواقع.

اللي كتوريه الداتا هو أن أول شاشة كتحدد واش حد غادي يسكرول. هي باب، ماشي حكم نهائي. المهمة ديالها هي تكسب خطوة زايدة — ماشي تسد البيع بروحها.

فين كيوقع القرار الحقيقي

حتى واحد ما كيقرر يحجز، يشري، ولا يعيط غير من عنوان. كيقررو منين يشوفو بالقدر الكافي باش يوثقو فالبيزنس: شرح واضح على شنو كيتعرض، شوية دليل بلي كيخدم، جواب على الاعتراض اللي كانو كيبنيوه بصمت. هادشي كيوقع فالسكرول — فالسكسيون الثانية والثالثة، فين الصفحة عندها الفضا باش تبني الحجة ديالها بجد بدل ما تصيح بيها فأربعطاش كلمة.

هادشي علاش الـ landing pages اللي كيحطو كلشي فوق الطية — العرض، تلات شهادات ثقة، countdown timer، carousel ديال témoignages، كلشي مكدس فأول شاشة كثيفة — غالبا كيعطيو نتيجة أقل من الصفحات اللي عندها بداية أهدى. النسخة الكثيفة كتحاول تربح البيع فأول 8 ثواني. النسخة الهادئة كتحاول تربح السكرول، من بعد كتخلي السكسيونات اللي جايين هوما اللي كيقنعو بجد.

المهمة الحقيقية ديال الـ hero أصغر من اللي كيتصور الناس

بدل ما تشوف مهمة الـ hero section بحال "حول هاد الزائر"، شوفها بحال "كسب سكرول زايد". هاد التبديل البسيط كيبدل شنو خاصو يكون فيها. خاصها:

عنوان كيوري relevance — هادشي ليك نتا بالضبط، اللي كتدير هاد الحاجة اللي راك كتحاول ديرها من قبل. سطر واحد داعم كيوضح العرض بلا ما يعدد كل ميزة. وثقة بصرية كافية — تصاور حقيقية، خط نظيف، بلا فوضى — باش توري أن باقي الصفحة تستاهل شوية ثواني زيادة.

مامحتاجاش الحجة الكاملة على علاش خاص واحد يشري. هاد الحجة كتبنى تحت، بفضا باش تتنفس: سكسيون على كيفاش كيخدم، سكسيون كيجاوب على التردد الأكثر شيوعا، سكسيون فيها دليل حقيقي. كل واحدة من هاد السكسيونات تقدر تدير مهمة وحدة بشكل زوين، بدل ما كل عنصر فالصفحة يحاول يدير المهام كاملين فمرة وحدة.

أشنو كاين تحت الطية، وعلاش هو اللي كيحول

السكسيونات اللي عادة كيديرو الخدمة الكبيرة فقرار الشراء الحقيقي كاينين فالسكرول: نتائج محددة ("هاذي بالضبط شنو غادي تربح")، معالجة الاعتراضات ("هاذي علاش هاد الحاجة ماشي غالية/معقدة/فيها ريسك بحال ما كتخيل")، ودليل (أمثلة حقيقية، أرقام محددة، سمية معروفة إلا كانت). هاد الحوايج محتاجة فضا أكثر من عنوان باش توصل، وهادشي بالضبط علاش ماخاصهمش يكونو فوق الطية — ماكاينش الفضا باش تديرهم مقنعين فهاد المساحة، غير الفضا باش تلمح ليهم.

تصميم السكرول كامل، ماشي غير القمة

عمليا، هادشي كيعني تتعامل مع الـ hero بحال أول خطوة فحجة طويلة، ماشي الحجة كاملة. صمم الصفحة بحال ما غادي تصمم محادثة قصيرة: أشنو أول حاجة هاد الشخص محتاج يسمعها، أشنو جاي من بعد ما مازال كيسمع، أشنو غادي يخليه فالأخير يدير الفعل. صفحة مبنية هكاك كتقرا بحال سلسلة عندها momentum. صفحة مبنية كاملة باش تدخل الخطاب فأول شاشة كتقرا بحال صياح، والصياح نادرا كيوصل بحال سلسلة زوينة ديال نقط واضحين ومحسوبين فالتوقيت.

كيفاش هادشي كيبان عبر سكرول حقيقي

تصور landing page ديال مقاول ديال renovation ديال الدور. الـ hero فيه عنوان ("رينوفاسيون ديال الكوزينا، فأسابيع ماشي فأشهر")، سطر واحد داعم، وتصويرة حقيقية ديال مشروع خالص — ولا حاجة أكثر. زائر كيلقط الصفحة فتلات ثواني كيربح بالضبط اللي محتاجو باش يعرف بلي هادشي يمكن يكون relevant ويستاهل لحظة زايدة.

السكسيون اللي جاية، منين كيسكرول، كتعالج الاعتراض اللي العنوان طبيعي كيطرحو: "كيفاش بالضبط كتسالو بهاد السرعة؟" — الجواب بشرح قصير ومحدد على البروسيسوس. السكسيون اللي من بعد كتوري دليل: تصاور before-and-after حقيقية، رقم محدد ديال المشاريع اللي كملات هاد العام. غير من بعد كلشي هادا الصفحة كتطلب الحجز. كل سكسيون كان عندها مهمة وحدة، بفضا مناسب باش تديرها، بدل ما كلشي يتكبس فأول شاشة مزدحمة كتحاول تدير الحجة كاملة فمرة وحدة.

هاد التسلسل — كسب الانتباه، من بعد شرح، من بعد دليل، من بعد طلب — دايما كيعطي نتيجة أحسن من hero section كتحاول تدير الأربع مهام فنفس الوقت، حيت كل فكرة كتاخد الفضا اللي محتاجاه باش توصل قبل ما توصل اللي بعدها.

اللي خاصك تحتفظ بيه

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