۵ راز روانشناختی برای طراحی تعاملی پایدار

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

چند راه برای انجام این کار وجود دارد:

۱- «انسان در اولویت قرار دارد.»

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

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

۲-طراحی با هدف راحتی و پیش بینی پذیری

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

• الگوهای انگشت دست در دستگاه‌های تلفن همراه باید قابل دسترس باشند. هنگام استفاده از المانی مانند دکمه‌ها یا حرکت دادن انگشت شست روی صفحه، تفاوت اندازه‌های گوشی و دست را در نظر بگیرید.
• در مورد اندازه حروف فکر کنید. خواندن متن برای کاربران نباید دشوار باشد.
• کنتراست باید در شرایط متغیر ماندگار باشد. در حالی که کاربران دسکتاپ بیشتر در داخل خانه و شرایط نوری ثابت از سایت بازدید میکنند، کاربران دیگر ممکن است با دستگاههای مختلف و در شرایط روشنایی دیگری به یک صفحه نمایش نگاه کنند.

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

۳-ارتباط احساسی برقرار کنید

بر روی احساسی که پروژه شما باید آن را منتقل کند تمرکز کنید. نیازی به ایجاد تجربه‌های احساسی مختلف نیست. یک کار را فوق العاده خوب انجام دهید.
ارتباط عاطفی، دو طرفه است:

۱. طراحی شما باید بین کاربران و محصولتان ارتباط ایجاد کند.
۲. طراحی شما باید بین کاربران نیز ارتباط ایجاد کند.

راه‌های مختلفی برای ایجاد ارتباط عاطفی با کاربرانتان وجود دارد. رنگ، یک راه خوب برای تحریک احساسات افراد است. کنتراست، رنگهای تکمیلی و ارتعاش، همه به طرق مختلف در قلب افراد نفوذ می‌کنند. رنگها موجب تحولات مختلفی در افراد می‌شوند. مثلا:

قرمز: منجر به ایجاد اشتیاق و هیجان و افزایش پمپاژ خون می‌شود.

نارنجی: یک حس وسوسه انگیز می‌دهد.

سبز: وضع خوب مالی و فیزیکی را نشان می‌دهد.

بنفش: نمایی از لوکس بودن را با خود به همراه دارد.

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

۴-طراحی با محرکهای ذهنی

یک دانش نسبتا کم در حوزه روانشناسی، در طراحی بسیار مفید است.
اما لازم نیست دوباره در دانشگاه ثبت نام کنید تا این دانش را به دست بیاورید. Spencer Lanoue محرک‌های روانشناختی را مورد بررسی قرار داده و از منظر آکادمیک توضیح می‌دهد که چطور محرک‌های روانشناختی باعث می‌شوند که یک طراحی تجربه کاربری اغواکننده شود.

در این قسمت به این موضوع می‌پردازیم که این مفاهیم چه هستند و نحوه ارتباط آنها را با طراحی توضیح میدهیم:

۱٫ برای دیگران کاری انجام دهید. و آنها لطف شما را بدون جواب نخواهند گذاشت. به مثال بالا نگاه کنید، می‌توانید به چند سوال جواب دهید و تخفیف بگیرید.

۲٫ مردم به رفتار دیگران نگاه می‌کنند. به ویژه زمانی که مطمئن نیستند چگونه عمل کنند. یک جریان اجتماعی در طراحیتان قرار دهید تا کاربران احساس کنند که بخشی از یک گروه بزرگتر هستند.

۳٫ کاربران چیزی را می‌خواهند که نمی‌توانند داشته باشند. این که چرا معاملات زمان محدود، خوب جواب می‌دهند این است که محدودیت دارند و همیشگی نیستند.

۴٫ کاربران هنگام تصمیم گیری، گزینه‌های متعادل و میانی را انتخاب می‌کنند. همانطور که توسط قانون هیک توصیه میشود، انتخاب‌های بیشتر منجر به دشواری تصمیم می‌شوند، بنابراین با دقت انتخاب کنید.

۵٫ مردم به سمت چیزی که در حال حاضر به آنها مربوط است، تمایل نشان می‌دهند. از ابزارهایی مثل چراغها، اعلانات یا ابزار ثبت استفاده کنید تا به شما توجه کنند.

۶٫ مردم المانهایی را به یاد می‌سپارند که متفاوت هستند. برای ایجاد تمرکز، از کنتراست استفاده کنید.

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

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

۵-استفاده از سادگی در طراحی

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

با المان های ساده گرافیکی شروع کنید:

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

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

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

تعامل های کوچک یا ریزتعامل‌ها : تعامل های موجود در طراحی و اعلان ها به صورت کاملا نامرئی عمل می‌کنند. همانند نمایش یک انیمیشن شناور که به طراحی بصری زیبایی بخشیده و در عین حال به رفتار کاربر در وب سایت بازخوردهای لحظه‌ای می‌دهد.

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

نتیجه گیری

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


قسمت های دیگر این کتاب:

قسمت اول: سخنی کوتاه در طراحی تعاملی : اهمیت متن ! (بخش اول) را بخوانید.

قسمت دوم: سخنی کوتاه در طراحی تعاملی : اهمیت متن ! (بخش دوم) را بخوانید.

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

قسمت چهارم: فضای فعال و غیرفعال (Active & Passive) را بخوانید.

قسمت پنجم: جذابیت در طراحی تعاملی: ایجاد عشق در نگاه اول! را بخوانید.

قسمت ششم: فراتر از بعد فیزیکی: ارتباط احساسی جلوه های بصری را بخوانید.

قسمت هفتم: عنصر سری : ریزتعامل‌ها را بخوانید.

قسمت هشتم: ۵ راز روانشناختی برای طراحی تعاملی پایدار را بخوانید.

قسمت نهم: لذت در طراحی تعاملی (موشکافی چند مثال مهم) (بخش اول) را بخوانید.

قسمت دهم: لذت در طراحی تعاملی (موشکافی چند مثال مهم)(بخش دوم) را بخوانید.

نظرتان را بگویید