هر صفحه‌ای که در دنیای دیجیتال طراحی می‌شود شامل اطلاعات و قسمت‌های مختلفی است که براساس عملکرد و اهمیت در کنار هم قرار گرفته‌اند. تلاش طراحان همیشه بر این اصل استوار است که اطلاعات و قسمت‌های مهم‌تر بیشتر در معرض دید و در کانون توجه کاربران باشند. به عبارت دیگر تلاش طراحان نمایش سلسه مراتب (Hierarchy) اطلاعات بر اساس اولویت آنها است.
ایجاد سلسله مراتب روشی مناسب برای سازماندهی اطلاعات ارائه شده بر اساس اولویت آنها و همچنین نمایش ارتباط میان بخش‌های مختلف محتوایی است.
هر بخشی که زودتر چشم انسان را به سمت خود جذب کرده و توجه او را به خود جلب کند بر شکل‌گیری سلسه مراتب بصری مؤثر است. موارد موثر بر شکل گیری سلسله مراتب بصری شامل اندازه، رنگ، تضاد، ترازبندی، تکرار، نزدیکی، فضای خالی و بافت است.
طراحان برای ایجاد و حفظ سلسله مراتب در طراحی صفحات براساس چگونگی گرایش چشم انسان به حرکت و مشاهده اطلاعات، از الگوهای مختلفی پیروی می‌کنند که از جمله آنها می‌توان به الگوهای Z و F اشاره کرد.
به طور خلاصه در الگوی Z که بیشتر در صفحات با متن کمتر کاربرد دارد، چشم کاربر از گوشه بالا سمت چپ شروع به اسکن محتوا کرده تا با گوشه بالا سمت راست برسد. سپس به صورت قطری اطلاعات را تا گوشه پایین سمت چپ دنبال کرده و از آنجا نیز به گوشه پایین سمت راست می‌رسد. در الگوی F که بیشتر برای صفحات با حجم متن زیاد کاربرد دارد، چشم کاربر شروع به اسکن اطلاعات از گوشه بالا سمت چپ کرده و به گوشه بالا سمت راست می‌رسد. سپس همانند خواندن متن به سراغ ردیف بعدی می‌رود و این روند تا پایان صفحه ادامه دارد.
برای آشنایی بیشتر با موضوع سلسله مراتب در طراحی و الگوهای آن ، این مقاله را مطالعه کنید.(زمان حدودی مطالعه: ۱۰ دقیقه)
