التسلسل الهرمي المرئي

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

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

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

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

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

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

يُعدّ التحقق من التسلسل الهرمي أمرًا بسيطًا ونادرًا ما يُجرى. يكشف اختبارٌ مدته خمس ثوانٍ ما يستخلصه الناس فعليًا من الانطباع الأول. يكشف اختبار التحديق، حيث يُطمس التصميم حتى لا يتبقى سوى أشكال عامة، ما إذا كانت نقطة التركيز الرئيسية الوحيدة لا تزال قائمة. تُظهر قراءة الصفحة كعنوان رئيسي فقط ما إذا كان الهيكل منطقيًا دون الحاجة إلى تنسيق بصري. تُعدّ هذه الفحوصات معيارية في تدقيق UXوتشفير القواعد الناتجة كمقياس نوع محدد، ومقياس تباعد، ونظام تركيز في تصميم المنتج العمل هو ما يمنع التسلسل الهرمي من التآكل مرة أخرى مع بناء صفحات جديدة.