Z‑Pattern Layout
Z‑Pattern Layout الگویی در طراحیه که نشون میده کاربران هنگام مشاهده صفحات ساده و کممحتوا، معمولا نگاه خودشون رو به شکل حرف Z حرکت میدن. در این الگو چشم کاربر ابتدا از بالا سمت چپ به بالا سمت راست حرکت میکنه، سپس به صورت مورب به پایین سمت چپ میره و در نهایت تا پایین سمت راست صفحه ادامه پیدا میکنه.
زبانهایی که جهت خواندن راست به چپ (RTL) دارن، مانند فارسی و عربی، این الگو معمولا برعکس میشه. در این حالت حرکت نگاه کاربر از بالا سمت راست به بالا سمت چپ شروع میشه، سپس به صورت مورب به پایین سمت راست میره و در نهایت تا پایین سمت چپ صفحه ادامه پیدا میکنه.
نکات مهم درمورد Z‑Pattern
- مناسب صفحات ساده مانند Landing Page یا صفحات معرفی محصول کمک میکنه
- عناصر مهم در مسیر طبیعی حرکت چشم کاربر قرار بگیرن
- معمولا لوگو در بالا سمت چپ یا راست و دعوت به اقدام (CTA) در انتهای مسیر قرار میگیره
- باعث هدایت بهتر توجه کاربر و افزایش وضوح ساختار صفحه میشه
- این الگو به طور معمول برای صفحاتی که حاوی متن و تصاویر زیادی هستند، مناسبه.
مثالی از Z‑Pattern
در یک صفحه معرفی محصول در سایتهای فارسیزبان، طراح لوگو رو در بالا سمت راست صفحه قرار میده، منو رو در بالا سمت چپ طراحی میکنه، متن معرفی رو در بخش میانی صفحه مینویسه و در نهایت دکمه «شروع کنید» یا «خرید» رو در پایین سمت چپ قرار میده تا کاربر اون رو در پایان مسیر نگاه خود ببینه.
مفاهیم مرتبط
- Visual Hierarchy
- F‑Pattern Layout
- Eye Tracking
- Layout Design
مقاله مرتبط
دیدگاه کاربران