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

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

أدوات التسلسل الهرمي

• الحجم - العناصر الأكبر حجماً تجذب الانتباه أولاً
• اللون - تبرز الألوان الزاهية أو المتناقضة
• الوزن - الخط الغامق أكثر بروزًا
• الموقع - يُرى الجزء العلوي والوسط أولاً
• الفضاء - العزلة تعطي عنصراً من الأهمية

التسلسل الهرمي هو ترتيب الأهمية. فهو يُخبر المشاهد أين ينظر وبأي تسلسل.