Умствате ли психически потребителите? (И как да спрем да го правя)
Интернет е заплетена каша, която е визуално претоварена. Има толкова много да погледнете ... и прочетете ... и да разберете, че може да е трудно да намерите фокус и да разберете какво е важно.
Ако дизайнът ви е претоварен визуално, има вероятност да затруднявате потребителите и те напускат уебсайта или приложението ви. И така, как да разберете дали го правите? Имаме списък с предупредителни знаци за вас, плюс няколко начина да премахнете част от теглото от дизайна и да го направите по-управляем за потребителите.
Нямате дефинирани стилове
Стиловете и палитрите са основата на добрия дизайн. Когато става въпрос за уебсайтове, всичко трябва да бъде дефинирано в CSS, така че стиловете да бъдат дефинирани (и използвани) в целия уебсайт. (Не разчитайте на паметта или ръчните промени, когато стилизирате елементи от страница на страница.)
Дефинираните стилове включват всичко - от палитрата с шрифтове (с размер и използване на цветовете) до цветова палитра до това как елементи, като бутони или връзки, трябва да се появяват и функционират в дизайна. Липсата на стилове може да затрупа потребителите, защото често има несъответствие в начина, по който нещата изглеждат и се държат между страниците, което кара потребителите да се съмняват дали нещата работят правилно или дали са получили исканата от тях информация с предишно щракване.
Определянето на стилове също ще помогне да се предотврати „прекаляването“ с дизайна и да се правят промени без причина. Логичен и последователен модел може да помогне на потребителите да намерят информация с лекота и да се придържат към дизайна.
Perfect Grid Book е солиден пример за опростен и последователен дизайн.
Всичко е със същия размер
Не можете да провеждате разговор за стилове и CSS, без да говорите за йерархия. Вашият дизайн има ясна йерархия за текст и други елементи (от снимки до бутони до връзки)?
Ключовата част на този въпрос е „ясна йерархия“. Стиловете трябва да са достатъчно различни, за да може най-небрежният потребител да разпознае ясно разликата между заглавие и текст на тялото или бутон или снимка. Най-често срещаният проблем по отношение на преобладаващите потребители е, че всеки елемент се чувства с еднакъв размер (или елементите попадат в групи с няколко размера).
Размерът е повече от просто ширина и височина или размер на точка за шрифтове. Колко големи или различни се появяват обекти, когато са поставени един до друг? Визуалното тегло или размер са също толкова важни и дори елементите от различни типове (текст до снимка например) трябва да имат различни визуални тегла. Цветното, пространственото и изображението могат да играят голяма роля при определяне колко голямо нещо изглежда на екрана. Планирайте отклонения във визуалния размер на елементите, за да създадете визуален път за потребителите, който помага да насочите погледа от най-важните елементи на екрана към най-малко важните.
Коефициентът ви на отпадане е наистина висок
Обръщате ли внимание на степента на отпадане в анализа на уебсайта си? Ако числото скочи след промяна в дизайна, това може да е резултат от визуално претоварване. (От обратната страна може да се окаже, че търсенето и дизайнът са толкова големи, че потребителите веднага откриват това, което търсят.)
Сравнете процента на отпадане с времето на сайта. В идеалния случай ниската степен на отпадане и продължителното време на място са добри. Ако тези числа започнат да се изместват в другата посока, това може да сигнализира за проблем.
Ако потребителите напускат вашия сайт твърде бързо, копайте малко по-задълбочено в анализите, за да разберете как са пристигнали на вашия сайт на първо място и какво търсят (използвайки шаблони за кликвания, най-горните страници и резултатите от търсенето). Настройте дизайна, за да направите тези елементи с висок приоритет.
Потребителите не кликват правилните неща
Докато копаете в анализите, обърнете внимание на това, което потребителите кликват. Съответстват ли действителните кликвания с желаните кликвания? Ако потребителите не правят нещата, които би трябвало да правят с дизайна, това може да показва визуален проблем. Бутоните може да не са достатъчно големи или достатъчно ясни или копирането може да не доведе потребителите до съответните призиви за действие.
Често проблемът е, че има твърде много неща за вършене. Представете си уебсайт с голям призив за действие в образа на героя, с формуляр за изпращане на имейл точно под него и изскачащ прозорец, изискващ информация под формата на талон. Какво щракнете първо? Или просто затваряте уебсайта и продължавате с живота си?
Ако бихте направили последното, това е от преобладаващия характер на дизайна и се дължи на когнитивно претоварване или на количеството мозъчна сила, необходима за използване на уебсайта ви. Прекалено много избори идват на потребителите твърде бързо, за да ги обработят всички.
Решението е лесно. Ограничете броя на действителните елементи до един на „екран“ извън навигационните елементи или долен колонтитул. В горния сценарий дизайнът може да включва призив за действие в образа на героя, но нищо друго. Формулярът за имейл ще бъде на друга страница или под превъртането, както и изскачащото поле.
Дизайнът е пълен с трикове
Твърде много дизайнерски трикове или тенденции или елементи може да се чувстват готино, когато го правите, но може да съсипе потребителското изживяване. Опитайте се да задържите дизайна до един дизайнерски трик, който представлява интересна точка за потребителите, но не ги затрупва психически.
Никога не позволявайте на прищявки или неща, които искате да опитате, да се възпрепятстват един от KISS - поддържайте го просто, глупаво (което може би е най-добрата философия за дизайн на всички времена).
Потребителските модели всъщност изобщо не са модели
Общи и добре разбрани ли са функциите във вашия уебсайт? Нищо не може да затрупа потребител като измисляне на нов начин да направи нещо. Превъртане отляво надясно, а не нагоре и надолу или бутоните, които не приличат на бутони, са само няколко примера на потребителски модели, които не са модели. И потребителите не ги харесват.
Придържайте се към общоприети потребителски потоци, инструменти и действия, за да гарантирате, че по-голямата част от посетителите знаят как да взаимодействат и да взаимодействат с вашия сайт. Ако дизайнът изисква инструкции, вероятно е твърде сложен. Използвайте икони и елементи, които също са добре познати. Иконата на кошницата за пазаруване е пример за елемент, който всеки потребител разбира и очаква определено действие.
Скритото меню, икона на хамбургер, е интересен пример, който започна като нещо, което потребителите не разбраха, но се превърна в доста често срещан потребителски модел за мобилна и дори настолна навигация. Но това не е без спор, като много дизайнери все още се изказват против употреба.
Въпреки че може да бъде забавно да създадете нещо съвсем различно и ново, помислете за целите на дизайнерския проект. Ако се нуждаете от потребители да се движат през сайта и да извършват конкретни действия - това е жизненоважно за уебсайтовете за електронна търговия - основните модели на потребителите са от ключово значение.
Няма бяло пространство
Clutter е убиец на уебсайтове. Бялото пространство може да спести дизайна и да помогне на потребителите да насочат посоките, да помогне за установяването на йерархия и да направи всичко по-леко и лесно за разбиране. Просто увеличаването на пространството между редовете на текста от единични до 1, 5 реда може да увеличи времето на сайта и четенето.
Пространството може да повлияе на потребителите и на други места. По-широките улуци и пространството между елементите могат да допринесат за разбиране и разбиране. Прекаленото бяло пространство около елемент може да го направи важно и да фокусира върху тази област на екрана.
Пространството също има успокояващ ефект за много потребители, докато дизайнът, натъпкан с елементи, може да накара потребителя да се почувства обезумял и прибързан.
заключение
Това е фраза, която сме използвали в Design Shack в миналото: Когато се съмнявате, оставете я. Имайте предвид тази идея, когато се опитвате да усъвършенствате дизайн, който може да се почувства претрупан или затрупващ. Визуалното претрупване е истински проблем, както на отделни уебсайтове, така и при небрежно сърфиране в интернет.
Лесен за очите дизайн, ще задържи потребителите по-дълго и се надяваме да насърчи повече реализации. Всяка страница или екран трябва да има предвид едно потребителско действие, което да помогне за насърчаване на правилните кликвания в правилните моменти.
){kind=link}