یکی از تاثیرگذارترین نظریه های روانشناسی در زمینه های UX و طراحی تعامل، نظریه گشتالت است. این نظریه توسط روانشناسان آلمانی پایه گذاری شد و کلمه "Gestalt" در آلمانی به معنای شکل یا شکل است. همانطور که از نام آن پیداست، ایده پشت اصول گشتالت این است که انسانها گروههایی از اشیاء را بهجای اشیاء منفرد بهعنوان الگو درک میکنند.
مقالات زیادی در مورد اصول گشتالت وجود دارد، اما تعداد زیادی از آنها به شما کمک نمیکنند بفهمید که چگونه آنها را در کار خود به عنوان یک طراح UX/UI اعمال کنید. این مقاله به شما ایده هایی درباره نحوه استفاده از اصول گشتالت برای ایجاد طراحی های کاربری بهتر و رابط کاربری ارائه می دهد که به افراد کمک می کند با تلاش کمتر به اهداف خود دست یابند.
قانون شباهت
اصل شباهت بیان می کند که وقتی اشیا از نظر فیزیکی مشابه هستند، تمایل داریم آنها را با هم گروه بندی کنیم و فرض کنیم که آنها دارای هستند. عملکرد مشابه . به عنوان مثال، در تصویر زیر به راحتی می توان خطی را که حاوی دایره های قرمز شرابی است از بقیه قسمت های تصویر به دلیل رنگ متفاوتش تشخیص داد.
نمونه ای از اصل شباهت. عکس از نویسنده
استفاده از شباهت در طراحی UX و UI
بیایید تصور کنیم که شرکت شما یک برنامه ای به نام "Il Mio Chef" که توسط علاقه مندان به غذای ایتالیایی در سراسر ایالات متحده و کانادا استفاده می شود (ما از آن برایبقیه این مقاله). گزارشی که اخیراً محقق UX شما به شما تحویل داده است، بیان میکند که وقتی نوبت به سفارش غذای ایتالیایی میرسد، کاربران بیشتر به این اهمیت میدهند که کدام رستوران به آنها نزدیکتر است. از این گذشته، همه ما دوست داریم لازانیا یا پیتزای خود را در حالی که هنوز تازه و گرم است تحویل دهیم، اینطور نیست؟ می توانید با برجسته کردن این رستوران ها در UI از اصل شباهت استفاده کنید. در تصویر زیر می بینید که چگونه برجسته کردن این گزینه ها به رنگ زرد (در سمت راست) با تأکید بصری بر تفاوت بین نزدیک ترین رستوران ها و رستوران هایی که دورتر هستند، تفاوت زیادی ایجاد می کند. به این ترتیب میتوانید از اصل شباهت برای کمک به کاربران خود برای یافتن سریع آنچه به دنبال آن هستند استفاده کنید.
همچنین ببینید: چرا Vectornator را انتخاب کنید؟ استفاده از اصل تشابه گشتالت. تصویر توسط نویسنده.
قانون مجاورت
اصل مجاورت بیان می کند که اشیایی که نزدیک به یکدیگر قرار دارند به نظر می رسد بیشتر باشند مرتبط نسبت به اشیایی که از هم دورتر هستند. به عنوان مثال، تصویر اول و تصویر دوم دارای تعداد دایره های یکسانی هستند. با این حال، در تصویر دوم، برخی از ستونها به یکدیگر نزدیکتر هستند و این تصور را ایجاد میکنند که به جای یک گروه بزرگ، سه گروه متمایز وجود دارد.
نزدیک - مثال 1 - یک گروه بزرگ. تصویر توسط نویسنده
مجاورت - مثال 2 - سه گروه متمایز. تصویر توسط نویسنده
استفاده از Proximity در طراحی UX و UI > تجسم اطلاعات. این بار، بیایید تصور کنیم که شما یک مدیر اجرایی هستید که می خواهید ببینید برنامه شما "Il Mio Chef" چگونه عمل می کند. شما میخواهید به شاخصهای کلیدی عملکردی که عملکرد مالی، تعامل کاربر و رضایت را اندازهگیری میکنند، نگاه کنید. در ابتدا، متخصص تجسم اطلاعات شما داشبورد زیر را ایجاد می کند که باعث می شود شما و سایر مدیران در اعداد گم شوید و حتی سوالات بیشتری بپرسید. بعد از یک ماه، بسیاری از شما به طور کلی از این داشبورد استفاده نمی کنید.
داشبورد KPI - آشپز Il Mio. تصویر توسط نویسنده
در این مرحله به متخصص تجسم اطلاعات خود باز میگردید و از او میخواهید تا با طراحی مجدد داشبورد، درک تصویر بزرگ را برای مردم آسانتر کند. اصل مجاورت در این مورد به کار می آید و می توانید طراحی جدید را در زیر مشاهده کنید. این شامل سه گروه است که بر اساس نوع KPI تقسیم می شوند و به همه کمک می کند تا بفهمند برنامه از نظر عملکرد مالی، تعامل و رضایت چگونه است. گروهبندی اشیا با هم و استفاده از فضای سفید بیشتر بین گروهها میتواند به کاربران شما کمک کند اطلاعات را سریعتر هضم کنند.
همچنین ببینید: تفاوت بین SVG و PNG چیست استفاده از اصل نزدیکی گشتالت در طراحی داشبورد. تصویر توسط نویسنده.
قانونتداوم
اصل تداوم بیان می کند که هنگامی که چشم شروع به دنبال کردن یک جسم می کند، به دنبال "حرکت" در آن جهت ادامه می دهد تا زمانی که با جسم دیگری روبرو شود. این حرکت به ما کمک می کند تا شی را به عنوان بخشی از همان مسیری که برای یافتن اطلاعات باید طی کنیم، درک کنیم. تصویر زیر نشان می دهد که چگونه می توانیم از اصل تداوم برای ایجاد چنین الگوهای بصری استفاده کنیم که چشم را در جهت خاصی هدایت می کند.
نمونه ای از اصل تداوم. تصویر توسط نویسنده.
استفاده از تداوم در طراحی UX و UI
محقق UX شما گزارش جدیدی ارائه کرد که نشان می دهد انگیزه اصلی کاربران برای استفاده از برنامه "Il Mio Chef" اکتشاف غذا است، زیرا به آنها اجازه می دهد هر هفته به رستوران های جدید غذاهای ایتالیایی دسترسی داشته باشند. شما به معیاری نگاه میکنید که نشان میدهد افراد چند بار با طراحی رابط کاربری فعلی در تصویر زیر (سمت چپ) چند بار انگشت خود را روی گزینههای خود تند میکشند و میبینید که هرگز بهطور میانگین بیش از دو بار انگشت خود را برای دیدن گزینههای موجود در دسترسشان نمیکشند.
با استفاده از اصل تداوم (سمت راست در تصویر زیر)، طراح UX شما به افزایش این تعداد به حدود 10 ضربه به طور متوسط کمک کرد. چطور اتفاق افتاد؟ با مخفی کردن بخشی از تصویر و برجسته کردن این واقعیت، باید انگشت خود را به چپ یا راست بکشید تا ببینید چه چیزی در آن وجود دارد، چشمان کاربران شما به معنای واقعی کلمه حرکت "swipe" را ایجاد کردند و بیشتر شدند.انگیزه برای کشف رستوران های بیشتر و آنچه که آنها ارائه می دهند. این چیزی است که طراحی قبلی به هیچ وجه شما را به انجام آن ترغیب نمی کرد، حتی اگر ذاتاً انگیزه انجام این کار را داشته باشید.
استفاده از اصل تداوم گشتالت در طراحی UX/UI. تصویر توسط نویسنده.
به طور خلاصه ، استفاده از اصول گشتالت ارائه شده در این مقاله در طراحی UX و UI شما می تواند به کاربران شما کمک کند اطلاعات را سریعتر و بهتر هضم کنند. آی تی. علاوه بر این، میتواند با ایجاد انگیزه در آنها برای انجام کارهایی که بیشتر دوست دارند، رضایت آنها را از محصول شما افزایش دهد.
جلد شامل آثار هنری Miklos Philips است که در Vectornator ویرایش شده است.
<17