7 اثر روانشناسی تاثیرگذار بر Iconography - بخش 8

در تصویر زیر سعی کنید رنگ هر کلمه را اعلام کنید. تعداد خطا و کل زمان لازم برای گفتن تمامی رنگ‌ها را یادداشت کنید. حالا تعداد خطا و زمان لازم برای خواندن کلمات را ثبت کنید.همینطور که اعداد آزمایش بالا نشان‌ می‌دهد مغز در خواندن نوشته سریعتر و بهتر از دیدن رنگ عمل می‌کند.این موضوع به اثر استروپ (Stroop Effect) معروف است و بنا بر پژوهش‌ها، این عدم هماهنگی و بروز اشتباه برای اشکال نیز وجود دارد.با این توضیحات چون متن سریعتر از اشکال ادراک می‌شود بهتر است از نوشته به جای آیکن در طراحی استفاده کنید.احتمالا شما هم مخالف این نوشته باشید اما اگر به سایت‌ها و اپلیکیشن‌ها نگاه کنیم متوجه می‌شویم که بسیاری از قسمت‌هایی که می‌تواند جایگاه آیکن باشد فقط به متن اختصاص داده شده است.اگر با این طرز تفکر نگاه کنیم حداقل در تعداد، متوجه برتری عددی متن به آیکن می‌شویم. قبل از اینکه آیکن سبد خرید در تصویر بالا را پیراهن عثمان کنید ادامه را بخوانید.اثر برتری عکس - Picture superiority effectدر اثر استروپ مطرح شد که مغز در تشخیص نوشته بهتر از اشکال عمل می‌کند اما در مقابل تحقیقات منتهی به Picture superiority effect نشان می‌دهد که مغز برای به یادآوری تصویر بسیار بهتر از نوشته عمل می‌کند.در این تحقیق به سه گروه از افراد سه حالت فقط متن، فقط تصویر و ترکیب تصویر و متن متناظر نشان داده شد و پس از سه روز مشخص شد گروه فقط متن 10%، گروه فقط تصویر 35% و گروه متن و تصویر 65% محتوا را به خاطر داشتند.در مورد اینکه ترکیب آیکن و متن بهترین گزینه است جای بحثی نیست اما مشکل زمانی است که به خاطر محدودیت فضای طراحی، ناچار به انتخاب بین این دو گزینه می‌شویم. در این شرایط زمانی که دکمه کم‌مصرف و مهم است مثل ثبت‌نام/ورود بهتر است از متن استفاده کنیم و زمانی که دکمه پر تکرار است بهتر است از آیکن استفاده کنیم.اثر کاربردی زیبایی - Aesthetic usability effectدر آزمایش سال 1995 بر روی 26 رابط گرافیکی خودپرداز بانک در بین 252 شرکت‌کننده مشخص شد افراد چیزهای زیبا را کاربردی ادراک می‌کنند حتی اگر در عمل تفاوتی نداشته باشد. همچنین زیبایی مردم را نسبت به پذیرش مشکلات طراحی منعطف‌تر می‌کند و با ایجاد انگیزه‌ی مثبت در افراد باعث تحریک احساس محبت، وفاداری و نیز پرورش خلاقیت و مهارت حل مساله می‌شود. مطالعات نشان می‌دهد که برداشت‌های اولیه (1st impressions) از یک محصول روی نگرش‌های طولانی مدت در مورد کیفیت و استفاده از آن تأثیر می‌گذارد.در نتیجه اگر می‌خواهید اقدام به طراحی آیکن کنید توجه داشته باشید که زیبایی یکی از مولفه‌های کاربردپذیری است.اثر جیکوب - Jakob’s Lawکاربران بیشتر زمان خود را در سایت‌های دیگران می‌گذرانند در نتیجه ترجیح می‌دهند به همان روشی که تعامل با دیگر سایت‌ها را آموخته‌اند با سایت شما هم کار کنند و مجددا نیاز به یادگیری نباشد.جهت قرینه‌ی آیکن جستجو با مدل ذهنی شناخته شده در فیلیمودر مقاله‌ی چک لیست طراحی Search Box توضیح دادم که تعدادی Universal Icons نظیر آیکن جستجو، خانه، ویرایش، منوی همبرگری، لایک، علاقه‌مندی‌ها و ... وجود دارند که بهتر است به شبیه‌ترین حالتی که افراد می‌شناسند باشد که زمانی صرف شناخت آن‌ها نشود.قانون پراگنانس - Law of Prägnanzتحقیقات نشان می‌دهد که ما اشیا را در غالب فرم‌های ساده ترجمه یا کدگذاری می‌کنیم زیرا این تعبیر به کمترین تلاش شناختی ما نیاز دارد.ایروینگ بیدرمن در سال ۱۹۸۵ متوجه شد که ما تمامی اشیا را با ترکیب ۲۴ فرم ساده (نمادهای هندسی GEONS) می‌شناسیم. در نتیجه اگر تصاویر در ابتدا ساده ارائه شوند برای بازیابی به منابع شناختی کمتری احتیاج داریم و با سرعت بهتری به یاد می آوریم.نمونه‌هایی از نمادهای هندسی بیدرمنبه زبان این قانون اگر می‌خواهید افراد یک‌چیز را به‌راحتی بشناسند (مثل یک آیکون) از یک فرم ساده از آن استفاده کنید. این کار کمک می‌کند تا شناسایی نمادهای هندسی اولیه ساده‌تر شود و در نتیجه شناخت شی راحت‌تر باشد. - کتاب ۱۰۰ نکته که هر طراح باید درباره افراد بداند.قانون پراگنانس به تعبیری هسته‌ی مرکزی اصول گشتالت را تشکیل می‌دهد. المان‌های دوبعدی را نسبت به سه‌بعدی ترجیح دهید. چشم چیزهایی را که می‌بیند به‌ وسیله تصاویر دوبعدی به مغز می‌فرستد. نمایش سه‌بعدی اشیا روی صفحه‌نمایش باعث کاهش شناخت و درک می‌شودچشم‌انداز متعارف - Canonical perspectiveاستفان پالمر (۱۹۸۱) از افراد خواست که عکس یک فنجان قهوه را بکشند. پرسپکتیو اکثر آنها مشابه تصویر زیر از بالا و کمی متمایل به چپ یا راست کشیده شده است. زاویه‌ای که معمولا افراد فنجان قهوه را از آن زاویه می‌بینند. نویسنده‌ی کتاب ۱۰۰ نکته که هر طراح باید درباره افراد بداند تاکید می‌کند که این آزمایش بر روی اشیا بسیاری انجام شده و حتی برای اشیایی که معمولا از این زاویه دیده نمی‌شوند هم همین چشم‌انداز متعارف مرسوم است. با این تعاریف بهتر است آیکن‌ها را با پرسپکتیو چشم‌انداز متعارف طراحی و استفاده کنید که درک و شناخت آنها راحت‌تر باشد.به نظر می‌رسد این یک خصیصه‌ی عامه درباره فکر کردن، یادآوری، تصور کردن و شناختن اشیا است و ما هنگام تصور اشیا از یک مدل جهانی پیروی می‌کنیم. البته به نظر من این نظریه به یک اصلاحیه نیاز دارد. مثال‌های بسیاری نظیر خانه، کشتی، ماهی، کامیون و ... را می‌توان یافت که ما، آنها را از این زاویه به خاطر نمی‌آوریم. پس بهتر است آیکن‌ها را از زاویه‌ای که عموم مردم آن چیز را آن‌طور تصور می‌کنند بکشیم که Recognition آن راحتتر باشد.اثر شاهین/غاز - Hawk/goose effect https://www.youtube.com/watch?v=Ijv39EqQBMM https://www.youtube.com/watch?time_continue=3&v=Ijv39EqQBMM در قسمتی از فیلم Mr Nobody اشاره به تحقیقی در سال 1937 می‌شود که بر روی پرندگان تازه به دنیا آمده انجام شده است. هر چند این تحقیق اشاره به ذاتی بودن دلایل ترس دارد اما در اینجا من می‌خواهم به اثر احتمالی حرکت (motion) بر روی قابلیت شناخت آیکن‌ها تاکید کنم.در این آزمایش تعدادی جوجه‌ی تازه به دنیا آماده را در محل آزمایش قرار داده و ماکت مشابه تصویر بالا را از بالای سر آنها حرکت می‌دهند. زمانی که ماکت به سمت چپ حرکت می‌کند جوجه‌ها سایه‌ی غاز را متصور می‌شوند و واکنشی نشان نمی‌دهند اما زمانی که به سمت راست حرکت می‌کند جوجه‌ها به شاهین شروع به مخفی شدن می‌کنند.با این مقدمه شما را رهسپار می‌کنم به مقاله‌ی چگونه با موشن کاربردپذیری را ایجاد کنیم؟ https://virgool.io/@seif/creating-usability-with-motion-p1-randwlroszkd اگر به طراحی رابط کاربری UI علاقه‌مندید پیشنهاد می‌کنم دوره‌ی UI Weekend را از دست ندهید. https://evand.com/events/uiweekend اگر به طراحی رفتاری و نقش علوم شناختی در طراحی علاقه‌مندید این مقالات را از دست ندهید.شناخت خطاهای شناختی در تجربه کاربری - بخش 110 خطای شناختی مهم در زندگی - بخش 28 خطای شناختی معروف در طراحی Progress Bar - بخش 310 خطای شناختی اثرگذار در طراحی Pricing Page - بخش 4تاثیر 5 خطای شناختی بر رفتارهای جمعی - بخش 58 سوگیری شناختی تاثیر گذار بر HR - بخش 6قوانین گشتالت در طراحی UI - بخش 77 اثر روانشناسی تاثیرگذار بر Iconography - بخش 8 - در حال مطالعه9 اثر روانشناسی تاثیرگذار بر طراحی Walkthrough - بخش 9اصول روانشناسی حاکم بر فرآیندهای زمانبر - قسمت 10