Z‑Pattern Layout

نویسنده: استودیو داکس

مطالعه 2 دقیقه

لینک با موفقیت کپی شد.

Z‑Pattern Layout الگویی در طراحیه که نشون می‌ده کاربران هنگام مشاهده صفحات ساده و کم‌محتوا، معمولا نگاه خودشون رو به شکل حرف Z حرکت میدن. در این الگو چشم کاربر ابتدا از بالا سمت چپ به بالا سمت راست حرکت می‌کنه، سپس به صورت مورب به پایین سمت چپ می‌ره و در نهایت تا پایین سمت راست صفحه ادامه پیدا می‌کنه.

زبان‌هایی که جهت خواندن راست به چپ (RTL) دارن، مانند فارسی و عربی، این الگو معمولا برعکس می‌شه. در این حالت حرکت نگاه کاربر از بالا سمت راست به بالا سمت چپ شروع می‌شه، سپس به صورت مورب به پایین سمت راست می‌ره و در نهایت تا پایین سمت چپ صفحه ادامه پیدا می‌کنه.

نکات مهم درمورد Z‑Pattern

مناسب صفحات ساده مانند Landing Page یا صفحات معرفی محصول کمک می‌کنه
عناصر مهم در مسیر طبیعی حرکت چشم کاربر قرار بگیرن
معمولا لوگو در بالا سمت چپ یا راست و دعوت به اقدام (CTA) در انتهای مسیر قرار می‌گیره
باعث هدایت بهتر توجه کاربر و افزایش وضوح ساختار صفحه می‌شه
این الگو به طور معمول برای صفحاتی که حاوی متن و تصاویر زیادی هستند، مناسبه.

مثالی از Z‑Pattern

در یک صفحه معرفی محصول در سایت‌های فارسی‌زبان، طراح لوگو رو در بالا سمت راست صفحه قرار می‌ده، منو رو در بالا سمت چپ طراحی می‌کنه، متن معرفی رو در بخش میانی صفحه می‌نویسه و در نهایت دکمه «شروع کنید» یا «خرید» رو در پایین سمت چپ قرار می‌ده تا کاربر اون رو در پایان مسیر نگاه خود ببینه.