طراحی رابط کاربری (UI) اثربخش با شناخت روانشناسی بصری

طراحی رابط کاربری | DMC

طراحی رابط کاربری (UI) اثربخش با شناخت روانشناسی بصری

Want create site? Find Free WordPress Themes and plugins.

امروزه در دنیای دیجیتال با گسترش انواع ابزار و فناوری ها، استفاده از تکنیک و خلاقیت در فضای آنلاین بسیار اهمیت پیدا کرده است؛ بنابراین فعالان عرصه وب باید به دو اصل اساسی تجربه کاربری (UX) و رابط کاربری (UI) بیش از پیش اهمیت دهند.
در طراحی رابط کاربری (User Interface) حرف از تصاویر و رنگ ها و به طور کلی موارد بصری است که کاربران در تعامل با یک دستگاه یا برنامه با آن سر و کار دارند.
برای مثال وقتی وبسایتی را باز می کنید که از رنگ ها و تصاویر به خوبی استفاده کرده است، با آن ارتباط برقرار کرده و حس خوبی خواهید داشت. البته طراحی رابط کاربری چیزی بیشتر از کنار هم گذاشتن قطعات گرافیکی و استفاده از رنگ ها است و آشنایی با روانشناسی بصری و شناخت واکنش های بینایی نسبت به تصاویر، به شما در طراحی رابط کاربری اثربخش کمک خواهد کرد.
“گشتالت” (Gestalt) از اصول مهمی است که درک بصری انسان را شرح می دهد و بسیاری از اصول طراحی بر اساس اصول گشتالت بنا شده اند. در ادامه با گشتالت و اصول آن آشنا خواهید شد.

گشتالت چیست؟

گشتالت که از سال ۱۹۲۰ در میان روانشناسان آلمانی مطرح شد، علم روانشناسی شناخت فرم و شکل، معنا شده است. این نظریه معتقد است مغز انسان در درک موضوعات پیچیده ای که از بخش ها و اجزای مختلف تشکیل شده اند، ابتدا تمام اجزاء را در قالب موضوعی واحد جمع بندی می کند. در این حالت هر چقدر اجزای آن موضوع پیچیده، ارتباط منطقی تری با یکدیگر داشته باشند، در اصطلاح گشتالت آن موضوع محکم تر و فهم پیچیدگی های آن آسان تر می شود.
مواردی که پایه تئوری گشتالت را تشکیل می دهند:

پیدایش (Emergence)

«کلیات قبل از جزئیات شناسایی دیده می شوند»
ما انسان ها زمانیکه سعی داریم یک شیء را شناسایی کنیم در قدم اول تلاش می‌کنیم طرح کلی آن را تشخیص دهیم و سپس آن را با طرح های کلی که از قبل در ذهن داریم مطابقت دهیم. پس از شناسایی الگوی طرح کلی یک شیء شروع به دقت در جزئیات آن کرده و قطعه ها را طور جداگانه بررسی می کنیم.
به تصویر زیر نگاه کنید.

 

رابط کاربری اثربخش | DMC
همه در نگاه اول با دیدن این تصویر طرح یک سگ دالماسی را می بینند. بجای دیدن چیزی شبیه به: ” پای سگ دالماسی، سر یک سگ دالماسی ، هر دو را با هم و …”

کاربرد در طراحی وب

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

جسمیت دادن (Reification)

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

 

هر کدام از اشکال بالا یک ترفند دیداری هستند. در واقعیت، تمام آنها اشکال مبهم و ناقصی هستند؛ اما مغز ما همچنان می تواند با آنها ارتباط برقرار کند. برای مثال در شکل A مغزمان به ما می گوید که سه دایره ناقص توسط یک مثلث سفید به یکدیگر متصل شده اند.

کاربرد در طراحی وب

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

 

اصول طراحی رابط کاربری | DMC

چند تفسیری (Multistability)

ذهن ما به دنبال جلوگیری از عدم قطعیت است.
زمانیکه شیء ای را می بینید که از دو زاویه مختلف ظاهری متفاوت پیدا می کند و دارای بیش از یک تفسیر است، ذهن ما بین تفاسیر مختلف حرکت می‌کند؛ زیرا نمی تواند هر دوی تفاسیر را با هم در یک لحظه ببیند. اگر بر روی یکی از تفاسیر بیشتر تمرکز کنید، آن برای شما تبدیل به تفسیر غالب خواهد شد.
در تصویر زیر شما می توانید چهره یک پیرزن یا چهره یک زن جوان را ببینید؛ اما در یک زمان نمی توانید هر دوی آنها را در تصویر مشاهده کنید.

 

 

کاربرد در طراحی وب

از تفسیرهای متعدد دوری کنید! طراحی خود را چند بار چک کنید؛ به طوری که تنها با همان تفسیر و منظوری که می خواهید دیده شود. “Usability Tests” می‌تواند به شما در تشخیص مشکل چند تفسیری کمک کند.

Did you find apk for android? You can find new Free Android Games and apps.

دیدگاه ها

دیدگاهی برای این نوشته موجود نیست !