روانشناسی در طراحی UI و UX

?روانشناسی در طراحی UI و UX

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

پاسخ به این سوال در فهم روانشناسی قرار دارد. در این پست در مرجع آموزش طراحی رابط کاربری(UI) و آموزش تجربه کاربری(UX) می خواهیم یکی از مهمترین مباحث آموزش UI و آموزش UX یعنی روانشناسی در طراحی رابط و تجربه کاربری را بررسی کنیم پس با ما همراه باشید.

سوالی که پیش می آید این است که چگونه روانشناسی به طراحی مربوط می شود؟

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

دونالد نورمن، نویسنده کتاب طراحی چیزهای روزمره (The Design of Everyday Things)، می گوید: “طراحی در واقع یک ارتباط است، یعنی داشتن درک عمیق از فردی که طراح با او ارتباط دارد.”

می دانم به چه فکر می کنید: طراحان باید هنر، روانشناسی و کپی رایتینگ و… را یاد بگیرند! آیا کاری هست که به عنوان یک طراح نباید انجام دهیم؟

شما نیازی نیست دکترای روانشناسی داشته باشید تا روانشناسی در طراحی UI و UX را درک کنید. تنها چیزی که نیاز دارید، درک و شناخت بعضی از اصول روانشناسی است تا بتوانید هنگام گرفتنِ تصمیم در فرایند طراحی، بهتر عمل کنید.

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

?درک نحوه انجام کارها توسط کاربران

اکثر مردم به دلیلی از وب سایت ها و اپلیکیشن ها استفاده می کنند، آنها می خواهند کاری را انجام دهند. این کار می تواند هر چیزی از خرید تا خواندن اخبار یا چک کردن پیام و ارسال عکس باشد.

بنابراین مهم نیست که برنامه شما چه می کند، اولین چیزی که باید بفهمید شناسایی اهداف کاربران است. در واقع، درصد کاربرانی را که به وب سایت شما با یا بدون هدف می آیند را به دست آورید.

?چرا روانشناسی در طراحی UI و UX مهم است؟

مهم است زیرا روانشناسان، وجود دو الگوی عملکردی را در مغز ما کشف کرده اند؛ شبکه task positive و شبکه task negative.

به شکل ساده، شبکه task positive، حالت ذهنی است که تمام تمرکز شما روی تکمیل کردن کار است. به عنوان مثال: هنگام خرید، خواندن، یا رانندگی یک ماشین.

از سوی دیگر، شبکه task negative زمانی فعال است که ذهن شما سرگردان است. به عنوان مثال: هنگامی که شما در صف و منتظر نوبت خود هستید یا زمانی که به دلیل بی خوابی به سقف خیره شده اید. مغز شما هنوز به چیزی فکر می کند، هنوز عملکرد دارد، اما افکار شما آزادانه در جریان هستند ولی واقعا به آنها فکر نمی کنید.

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

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

به عنوان مثال، وب سایت MailChimp دارای یک کادر جستجو در گوشه سمت راست بالای صفحه است. کاربرانی که به این وب سایت می آیند معمولا هدف خاصی در ذهن دارند: یا به دنبال ایجاد یک حساب کاربری جدید هستند، یا به دنبال ایجاد و مدیریت کمپین های خود، بررسی قیمت یک محصول یا مرور مستندات و آموزش ها در این وب سایت. از این رو، در اینجا طراحی کمک می کند تا سمت شبکه task positive مغز کاربران بر هدف تمرکز کند.

?الگوهای دیداری کاربران را در وبسایت بررسی کنید.

با توجه به اینکه امروزه مردم مورد هجوم انواع اطلاعات هستند، مهم است که بدانیم چگونه توجه آنها جلب می شود؟اینجاست که به روانشناسی در طراحی UI و UX نیاز پیدا میکنیم تا بدانیم در یک دوره زمانی محدود کی از محصولی استفاده می کنند.

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

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

جاکوب نلسن تحقیقات دیداری زیادی را برای وب و موبایل انجام داده و می گوید مردم با الگوهای مختلفی به صفحه نگاه می کنند، یکی از آنها به شکل حرف F است.

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

?اصول گشتالت  را درک کنید.

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

نظریه گشتالت می گوید که چگونه ذهن انسان تنها با توجه به ظاهر عملکرد را حدس می زند. به عنوان مثال، اگر دو چیز در شکل، اندازه یا رنگ مشابه بوده یا در کنار یکدیگر باشند، ذهن انسان آنها را مرتبط می بیند.

?استفاده از قانون هیک در طراحی UX:

یکی از روش های روانشناسی در طراحی UI و UX استفاده از قانون هیک میباشد.این قانون میگوید ذهن انسان ناپایدار است. ما دوست داریم تمام گزینه های ممکن در جهان را در مقابل چشم هایمان ببینیم، اما اگر چنین اتفاقی بیفتد، گیج می شویم. مثال ملموس تعداد انتخاب های موجود در منوی یک رستوران است. فرض کنید به رستوران رفته اید و یک منوی 25 صفحه ای جلویتان بگذارند!

قانون هیک می گوید که وقتی شما گزینه های زیادی را در اختیار کاربر قرار دهید، احتمالا زمان بیشتری را صرف تصمیم گیری کرده و گیج می شود. دانش روانشناسی می تواند به طراح بیاموزد که با حذف مراحل و گزینه های غیر ضروری کاربر را در تصمیم گیری یاری کند.