ارز دیجیتالی

آیا تا به حال با یک صفحه وب روبرو شده اید که آنقدر با عناصر مختلف طراحی شلوغ شده باشد که باعث شود ندانید از کجا شروع کنید؟ در واقع اگر برای تمرکز روی چنین صفحه ای مشکل دارید، احتمالا طرح بندی سلسله مراتب بصری آن واضح نیست. در این مقاله، ما قصد داریم در مورد Visual Hierarchy در طراحی UX و نحوه استفاده از آن برای بهبود محصولات خود و بهینه سازی تجربیات کاربران خود بیاموزیم. با ما همراه باشید.

سلسله مراتب بصری (Visual Hierarchy) چیست؟

طراحی از ابتدا تاکنون وجود داشته است. از زمان لوح های سنگی گرفته تا وسایل الکترونیکی که امروزه استفاده می کنیم، در همه آنها از طراحی برای انتقال پیام های مهم خود استفاده کرده ایم و همچنان به استفاده از آنها ادامه می دهیم. هر عنصر در طراحی ما باید به بهبود تجربه کاربر کمک کند و آن پیام را با وضوح بیشتری منتقل کند.
Visual Hierarchy برای رتبه بندی عناصر طراحی و تأثیرگذاری بر ترتیبی که می خواهید کاربران شما آنها را مشاهده کنند، استفاده می شود. با استفاده از اصولی مانند کنتراست، مقیاس، تعادل و موارد دیگر، می توانید به استقرار هر عنصر در جای مناسب خود کمک کنید و به برجسته شدن مهمترین عناصر کمک کنید.
سلسله مراتب بصری می تواند نقش کلیدی در برنامه ریزی معماری اطلاعات شما داشته باشد تا به کاربران شما کمک کند تا در وبسایت شما راحت تر کاوش کنند. این مهم می تواند میزان تلاش مورد نیاز برای تعامل با محصول شما را به شدت کاهش دهد. طراحی UX همه چیز در مورد از بین بردن اصطکاک و افزایش قابلیت استفاده برای یک محصول است و توجه به Visual Hierarchy یک راه کلیدی برای انجام این کار است.
به بیان ساده، سلسله مراتب یک صفحه نمایش دو بعدی (صفحه وب، گرافیک، چاپ و غیره) است که به سازماندهی عناصر طراحی در صفحه اشاره دارد، به طوریکه تحویل اطلاعات از سیستم به کاربر نهایی را کنترل می کند – به کاربران اجازه می دهد بدانند توجه خود را کجا متمرکز کنند.

سلسله مراتب بصری را می توان با استفاده از موارد زیر ایجاد کرد:
? رنگ و کنتراست
? مقیاس
? گروه بندی (مناطق مجاور و مشترک)

رنگ و کنتراست

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

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