Пълният списък с 25-Trick UX-Design

Идеята зад UX дизайна е проста: щастливите и уверени потребители са по-склонни да купуват от вас. По-вероятно е да ви се доверят, регистрирайте се в пощенските си списъци или изтеглете приложението си.


Често смятам дизайна на потребителското изживяване (или UX дизайн) като психология, а не като развитие.

Добрият UX дизайн е свързан с влизането в главата на вашите посетители.

Предвижда всеки техен ход и създава уебсайт, който е лесен, интуитивен и приятен за използване.

За съжаление няма лесен отговор или сребърен куршум за добър UX дизайн. Кулминацията е на много малки ощипвания. Всеки от тях подобрява практическата работа на вашия уебсайт.

Имайки това предвид, закръглих контролен списък от 25 малки (и лесни) ощипвания, които ще накарат вашия UX дизайн да заблести.

Contents

1. Скорост

Скоростта на уебсайта е първият ви шанс да направите добро впечатление. Това е първото ви UX препятствие.

Сайт-Speed

(източник на изображение)

Твърде бавно и посетителите ви вече са развълнувани и е по-малко вероятно да ви се доверят. Инстинктивно свързваме скоростта с професионализма и повечето посетители очакват уебсайтът ви да се зареди в рамките на две секунди.

Всичко по-бавно от това и това е лошо потребителско изживяване още от самото начало.

Уверете се, че скоростта на вашия сървър е до нулата и намалете теглото на вашия сайт, така че да се отвори бързо.

2. Кой си ти и какво правиш?

Следващото ви голямо предизвикателство е бързото информиране на посетителите. Кой си ти? Какво правиш? И каква стойност можете да им дадете?

Поддръжка на стойност на Netflix

Това се нарича стойностно предложение и е толкова важно, че написахме цяла публикация в него. Имате само няколко секунди, за да убедите посетителите си, така че го накарайте да се брои!

Опитайте го сега: обобщете целия си уебсайт в едно изречение и поставете указател, където искате посетителите да отидат следващия.

3. Уверете се, че посетителите могат да се свържат с вас

Основната част от UX дизайна е елиминирането на всички притеснения или тревоги, които вашите посетители могат да имат.

Една от най-големите притеснения за новите посетители е дали трябва да ви се доверят или не, особено ако сте нов уебсайт.

Един от начините да премахнете това безпокойство е като им покажете, че има истински човек зад кулисите. Добавете бизнес адрес, телефонен номер и реален имейл адрес. (НЕ форма за контакт – хората са склонни да им се доверяват в сравнение с директен имейл адрес).

Още по-добре използвайте кутия за чат на живо, за да могат потребителите незабавно да задават въпроси.

Tagove Чат на живо

Ако нещо се обърка, добре е да знаете, че те могат лесно да се свържат.

4. Винаги давайте на посетителите път обратно към дома

Всички сме се изгубили по-рано от уебсайтове. Следвате връзки и се озовавате надолу в заешката дупка.

Ако това се случи, посетителите ви стават развълнувани и разочаровани. Инстинктивно ще натиснат бутона „X“, за да затворят браузъра.

Вместо това се уверете, че има ясен и дефиниран бутон „начало“, за да могат винаги да започват отначало. Обикновено потребителите очакват вашето лого да се свърже и към началната страница, така че се уверете, че е така.

5. Още по-добре оставете галета, за да знаят къде се намират

Освен че им давате бърз рестарт, използвайте „галета, за да обясните къде се намират в процеса.

Големите ленти за напредък са чудесни за това. Ако например е по време на процеса за качване, уведомете потребителя си къде точно се намира и какво остава да направите.

плащане във прогрес-бар

(източник на изображение)

Отново това е проста психология. Например, ходенето на разходка е много по-уморително, когато не знаеш къде е краят. Чувстваме се много по-удобно, когато имаме карта. Същата идея важи и онлайн.

6. Премахнете всички повтарящи се действия

Супер разочароващо е да въвеждате едни и същи данни два пъти във формуляр (като адрес за фактуриране и адрес за доставка). Опитайте се да се отървете от всички повтарящи се действия, които забавят процеса на покупка.

Такива неща водят до изоставяне на количката. Посетителите ви ще потърсят другаде.

Още по-добре е да създадете система, която да запомня предпочитанията на вашите клиенти. Ще ги изненада и зарадва, когато отново ги чака. Това е просто нещо, което подобрява шансовете за връщане на клиенти.

7. Използвайте съветите за инструменти, за да помогнете на начинаещите (но не пречи на експертите!)

Някои от вашите посетители ще бъдат редовни. Те ще взривят чрез вашите листове за регистрация и процес на закупуване. Други ще бъдат съвсем нови и може да имат някои въпроси по пътя.

Малките икони „накрайници за инструменти“ (често идентифицирани с въпросителен знак) ще помогнат на новодошлите да разберат какво трябва да правят. Но в същото време те не пречат на вашите експерти.

пояснения

(източник на изображение)

Можете дори да предоставите преки пътища или бързи записи, за да ускорите експертите. Често ще видите връзки „пропуснете това“ в повечето обяснители на уебсайтове и приложения, например.

8. Създайте голям, смел призив за действие

Призив за действие казва на вашия посетител какво точно да направи: „Регистрирайте се“ или „Купете сега“ например. Уверете се, че е командване, направо и обяснете стойността на това.

CTA

(източник на изображение)

Още по-добре, направете ясен, смел цвят (зелените и портокалите вършат чудеса тук) и го заобиколете с бяло пространство. Това би трябвало да привлече погледа на потребителите направо към това, като им даде ясна индикация, че това е, което искате да правят.

9. Направете ясно разграничение между първични и вторични призиви за действие

С много призиви за действие ще видите две опции. Например „Изпращане“ и „Отказ“. Или „изтеглете сега“ и „безплатна пробна версия“.

Spotify-CTA

Ясно е коя акция искате да предприеме посетителят, така че се уверете, че те го знаят. Вижте началната страница на Spotify. Те са направили бутона „go premium“ удебелен и привличащ вниманието. Те са накарали бутона „играй безплатно“ да изчезне на заден план.

Това отново е просто проста психология. Вие тънко уведомявате потребителите си кой да кликне.

10. Използвайте йерархия, за да покажете на потребителите къде да продължат напред

Надяваме се, че трябва да имате ясно „пътуване на потребителя“. Да речем, че преподавате онлайн курсове през уебсайта си. Едно просто пътуване на потребителя може да изглежда така:

Прочетете най-новия блог > изтеглете безплатен отчет и се регистрирайте в пощенския списък > запишете се във вашия платен онлайн курс.

Ако имате ясно пътуване, можете да създадете визуална йерархия, за да насочите потребителите, където искате. В този случай ще се уверите, че блогът ви е първото нещо, което виждат. След това ще започнете да включвате много връзки към вашия пощенски списък.

11. Не се забърквайте с очакваните елементи!

Често е трудно да устоиш на желанието да се създадеш творчески с оформления и елементи. Работата е там, че всички знаем как трябва да изглежда онлайн магазин. Очакваме продуктите да бъдат разпределени в прости категории. Очакваме описания на продуктите, отзиви и познат процес на покупка.

ябълкова каса

Не се опитвайте да изобретите колелото с тези решаващи аспекти! Не го усложнявай.

12. Придържайте се към обикновена трицветна палитра

Отново тук става въпрос за съпротива на желанието за прекалено усложняване на нещата. Комбинирането на повече от 3 основни цвята е трудно и често обърква потребителите.

палитра

(източник на изображение)

Цветът е много полезен и за оформяне на опита на вашия потребител, тъй като е тясно свързан с психологията и емоциите. Например свързваме синьото с доверие (има причина Facebook да използва синьо!)

Съобразете вашата цветова палитра с вашия продукт.

13. Защо получавам грешка? И какво да правя сега?

Понякога нещата се объркват и 404 грешки са неизбежни. Всъщност можете да превърнете това в положително потребителско изживяване.

Обяснете точно защо получават тази грешка, като създават персонализирани 404 и 504 страници. „Неуспешен кит“ в Twitter се прочу с това.

кит провален кит

За неизвестни грешки уверете потребителите, че работите върху него и ги насочете обратно към уебсайта си.

Тупици, като страници с грешки, са опасни. Потребителите естествено посягат към кръста. Успокойте ги и ги изпратете обратно.

14. Дайте на потребителите висока пет, когато свършат нещо

Човешките същества се движат от усещането за постижение и завършеност. Когато изпълнят задача, уведомете ги и им покажете къде да продължат.

Можете да направите това, след като те изпратят имейл адреса си, след като купят продукт, след като добавят нещо в кошницата си или просто, когато стигнат до края на публикацията в блог.

Това е просто, лесно, положително преживяване. Освен това дава на потребителите усещане за сътрудничество; като всъщност им помагате да постигнат целите си.

15. Придържайте се само към две семейства шрифтове

Постоянството и брандирането са от ключово значение за доброто потребителско изживяване.

Много е объркващо, ако шрифтът на вашето лого е Futura, текстът на тялото ви е Times New Roman, призивът ви за действие е Comic Sans, а заглавията ви са Windings …

шрифтове

Придържайте се само към две семейства шрифтове. По-лесно е да се чете и изглежда по-професионален и надежден.

16. Използвайте различни и последователни предупредителни съобщения

Понякога вашите потребители ще объркат нещата. Може би са въвели паролата си неправилно и не могат да влязат. Може би са забравили да включат пощенски код в регистрационния лист.

Известия

(източник на изображение)

В тези случаи ще искате просто, но отчетливо съобщение за грешка или предупреждение. Уверете се, че е различен по цвят и стил спрямо всичко друго на вашия сайт. Дава ясна индикация, че нещо има нужда от действия.

Трябва също да направите тези предупредителни съобщения последователни в целия ви сайт. Не използвайте различен цвят, стил или разположение, тъй като просто става объркващо.

17. ТЕКСТ ЗА ЗАКЛЮЧВАНЕ НА ОГРАНИЧЕНИ КАПИ

Това е просто досадно.

Всъщност има по-важни причини от това. Ние всъщност четем главни текстове по-бавно от малки букви. Така че е много по-трудно да сканираме четенето (това е как обикновено четем в интернет).

Запазете капачките за капачки, когато наистина трябва да направите въздействие.

18. Групирайте свързани елементи заедно

Това е специално за уебсайтове за електронна търговия, но той работи навсякъде.

Опитайте се да запазите подобни и свързани елементи на едно и също място. Това означава, че вашите посетители и клиенти получават много по-пригодена услуга, почти както сте очаквали техните нужди.

групирани елементи

Можете да направите това с физически продукти, като селекцията на Amazon „повече като този“. Можете също да направите подобно нещо с публикации в блогове и статии, като използвате свързан раздел за съдържание.

Той поддържа посетителите да разглеждат вашия сайт, намалява степента на отпадане и създава по-лично преживяване.

19. Пазете всичко последователно

Последното нещо, което искате е посетител да кликне върху връзка и да почувства, че са преминали към друг уебсайт.

Уверете се, че навигационната ви лента остава на едно и също място, независимо къде се намирате на сайта. Уверете се, че вашето лого винаги се вижда и цветната палитра остава същата.

20. Проектирайте оформлението за сканиране на очите

Ние не четем уебсайтове, като четем книга. Очите ни скачат и сканират за важната информация.

F-модел

Обикновено четем уебсайтове във F-образец, но също така са известни смели изображения и призиви за действие, които първо хващат окото..

21. Изградете доверие с препоръки и социални доказателства

Повечето посетители на вашия уебсайт пристигат с охраната си нагоре. Те са естествено предпазливи към нови сайтове и със сигурност все още не са готови да купуват от вас.

Както казах, ключова част от UX дизайна е премахването на тези бариери и кара хората да се чувстват комфортно на вашия уебсайт. Няколко добре поставени отзиви и фактоиди ще накарат хората да се чувстват по-спокойни. Обичаме да виждаме, че други хора (в идеалния случай големи имена) са използвали вашия продукт и услуга и ги одобряват.

22. Нека потребителите знаят с какво могат да играят!

Уебсайтовете обикновено са съставени от две части: номер едно: съдържание – то е статично и не можем да взаимодействаме с него. И номер две: контроли – това са неща, с които можем да кликваме и да играем и да взаимодействаме.

взаимодействия

Twitter е страхотен в това. Прост черен текст за съдържание. Синият текст показва какво можете да щракнете върху и да взаимодействате. Иконите се запълват с цвят, когато прелиствате, за да покажете с какво можете да играете.

Поканете хората да играят с вашия уебсайт!

23. Създайте нежна крива на обучение

Никой не обича да се забива в объркващ и труден уебсайт.

Опитайте се да дадете на посетителите си бърза печалба почти веднага. Поставете ги и ги опростете – особено ако предлагате сложно бизнес предложение.

24. Намерете начин да съчувствате бързо на своя посетител

Потребителското изживяване е свързано с имитирането на човешка връзка и осъществяването на връзка с вашия потребител. Емпатията е огромна част от това – какви са целите и мечтите на посетителите ви? Какво ги задържа досега?

Веднага ги уведомете, че разбирате проблема им. Можете да направите това с изображение, с което те могат да се отнасят, или с изречение, което обобщава най-големите им проблеми.

Вашият посетител ще помисли „този уебсайт ме получава!“, Което е чудесно потребителско изживяване.

25. Използвайте микро-взаимодействия, за да създадете диалог

Опитайте се да предоставяте обратна връзка на вашия потребител във всяка малка част от пътуването. Ще създаде истинска комуникация и връзка, на които потребителите реагират.

Можете да направите това с копие, като например “Добра работа!” „Мислехме, че това може да ви хареса“, „бихте ли искали да говорите с експерт?“

лента за прогрес

Или малки графики и визуализации, като палци нагоре, усмихнато лице или тиктакащ часовник на зареждаща страница.

Комбинирайте тези малки ощипвания и ще създадете потребителско изживяване, което изгражда доверие, свързва се с вашата целева аудитория и ги оставя да се чувстват щастливи и с чувство за постижение.

Използвате ли някой от тези UX дизайнерски трикове? Бих искал да чуя за всичко, което съм пропуснал! Уведомете ме в секцията за коментари.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map