7 златни правила на UX

7 златни правила на UX
Изображение: Pexels / Picjumbo.com

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

Независимо дали трябва да извършите цялостен ремонт на вашия UX работен процес (ако изграждате нов сайт, можете да помислите за уеб конструктор ), или просто искате да проверите дали маркирате всички правилни полета за UX, разгледайте 7-те основни правила на UX за 2019 г. и след това.



01. Дизайн за потребители

7 златни правила на UX: Дизайн за потребители



Никога не забравяйте за потребителите

Влюбването в „добрите“ идеи е лесно. Всъщност твърде лесно и на пръв поглед безобидно, докато осъзнаем, че това изобщо не е любов - това е увлечение и влюбването неизбежно избледнява с времето. Това е, което кара дизайнерите на свободна практика непрекъснато да преработват портфолиото си; те са мотивирани от временното си увлечение по визуална естетика, а не от нуждите на потребителя.

За щастие да разберем дали идеите имат потребителска стойност (или поне бизнес стойност) не е твърде трудно. Той се върти около задаването на два основни въпроса на потребителите:



  • 'Искате ли тази?' (попитано по време на потребителско тестване)
  • „Можете ли да използвате това?“ (попитано по време на тестване на използваемостта)

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

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

Потребителско тестване

Вероятно вече знаете какво потребителско тестване е, и сме чували ползите от това безброй пъти, така че ето някои подценени съвети за тестване, които често в крайна сметка заемат задната седалка:



  • Поддържайте списък с лоялни тестери и ги използвайте често
  • Наградете безплатен достъп в замяна на редовна обратна връзка
  • Забавлявайте се, като автоматизирате работния процес с различни приложения
  • Редовно седнете с екипа и организирайте обратната връзка

Всичко-на-всичко: не прекалявайте (твърде много) и просто се наслаждавайте на изграждането на висококачествени взаимоотношения с основните си защитници. Не забравяйте, че след като сте на живо, правото уеб хостинг услугата може да ви предостави ценен потребителски анализ.

Събиране на обратна връзка

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

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

Ето няколко отлични инструмента, които са не само полезни поотделно, но могат да бъдат свръхчовешки мощни, когато се свързват с помощта на софтуер за автоматизация като Zapier .

колко важна е графичната карта за редактиране на видео

Безплатните инструменти за проучване на обратна връзка включват Typeform и Google Форми , и безплатни инструменти за управление на обратна връзка включват Трело , Асана и Google Таблици .

Как работи работният процес на Zapier

Zapier е известен също като 'Zap'. За да го използвате, съберете обратна връзка с Typeform, след това го изпратете в колона в дъската на Trello (подходящо наречено „Нова обратна връзка за обсъждане“), след което, по желание, създайте известие в Slack. Настройването на тези работни процеси е наистина забавно, да не говорим, че спестява снопове време, позволявайки на екипите да събират обратна връзка при падането на шапка. Можете също така да запишете файлове за обратна връзка в споделяне съхранение в облака за да държим всички в течение.

02. Осигурете абсолютна яснота

7 златни правила на UX: Осигурете абсолютна яснота

Дръжте нещата ясни, за да не обърквате потребителите

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

За съжаление живеем във все по-нетърпелив свят, където по-евтината, по-бърза и по-добра алтернатива винаги е точно зад ъгъла. Потребителите не могат да се приемат за даденост, така че да бъдем ясни е абсолютно задължително. Но какво точно имаме предвид, когато казваме яснота?

Нека да разгледаме няколко примера.

Цвят

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

Искате да предадете грешка? Ами ... най-добрият избор е да използвате червено.

Принципи на проектиране

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

Контраст

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

Повторение

Укрепването на концепцията чрез повторение е друг сигурен начин за вливане на яснота. Следващата стъпка в пътуването ли е да щракнете върху определен бутон? Ако е така, контекстно го покажете няколко пъти.

Пропорция

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

Близост

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

Алтернативно, набор от хоризонтални карти, всяка от които съдържа бутон (помислете: таблица за ценообразуване на екран за ценообразуване) илюстрира, че трябва да се направи избор. Така че, както можете да видите, близостта предава как са свързани различни елементи, независимо дали това е за взаимодействия въз основа на избор или навигационни елементи.

UX копие

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

как да направите сцена в блендер

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

Думите имат значение!

03. Дайте на потребителите контрол

7 златни правила на UX: Дайте на потребителите контрол

Предоставянето на контрол на клиентите наистина може да обогати техния опит

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

от артикули в тон категории. На всичкото отгоре елементите могат да бъдат допълнително разграничени чрез дефиниране на характеристики като цвят.

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

Ползите от контрола

Летовникът не просто търси Airbnb, той търси своя Airbnb; дома, който ще направи празника им специален по начин, който никой (или не много) други Airbnbs може, което показва, че контролът надхвърля съображенията за използваемост; всъщност обогатява цялостното изживяване на клиентите.

Контролът може също да доведе до разработването на нови функции и повишен ангажимент. Помислете за това: въпреки няколкото неуспехи в ползваемостта, потребителите на Slack могат да създават „Частни групи“ много преди съществуването им, просто като изпращат съобщения на няколко потребители наведнъж.

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

Негативите на нулевия контрол

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

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

Накратко, оставете потребителя да поеме волана.

04. Предскажете, след което се адаптирайте

7 златни правила на UX: Предскажете, а след това адаптирайте

Не претоварвайте посетителите с твърде голям избор

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

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

Контекст

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

Решението? Контекст

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

Ако това изглежда рисковано, съществуват редица методи, основани на данни, за да извлечем поука за риска. Първо, има инструменти за анализ, които проследяват поведението на потребителите, а след това има инструменти за топлинна карта, които могат да ни покажат къде потребителите всъщност кликват (или не кликват), което в този сценарий е по-добрият вариант. Ако предпочитате да се възползвате от подхода, A / B тестването може да ни помогне да тестваме промените в оформлението с част от нашата аудитория, преди да ги ангажираме за приложение / сайт.

Ето три инструмента, които ще ви помогнат да започнете нещата:

направете си характер за време на приключения
  • CrazyEgg (A / B тестване и топлинни карти)
  • Хотджар (топлинни карти и инструменти за обратна връзка на място)
  • Google Analytics (безплатен софтуер за уеб проследяване)

Връзка

Изкуственият интелект помага на потребителите да имат достъп до подходящо съдържание, без да се налага да го търсят. Ето няколко примера:

  • Допълнителна информация
  • Подобни книги
  • Продукти, които може да Ви харесат
  • Клиентите също са закупени

Този тип компоненти на потребителския интерфейс са изградени върху данни, или данни, събрани от самия потребител (надяваме се със съгласие), или събрани от други потребители (т.е. клиенти, закупени също).

Персонализираният опит се оказа изключително ценен през последните години. От плейлистите на Spotify Made For You до препоръките на Netflix, потребителите се радват на продукти, които изглеждат сякаш са създадени само за тях, и докато възможността за персонализиране на продуктите е разбира се огромна точка за продажба, истинското предложение за стойност се разкрива, когато изкуственият интелект прави по-голямата част от работата. Не забравяйте, проектирайте динамични продукти, които потребителите могат да персонализират!

05. Поддържайте последователност

7 златни правила на UX: Поддържайте последователност

Не се забърквайте с тези мисловни преки пътища

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

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

Сега си представете, че един ден типичната зелена, жълта, червена настройка беше заменена с Go, Get Ready и Stop. Със сигурност ще бъдете изненадани и дори само за няколко секунди, ще помислите какво става, преди да ускорите.

Проблемът е, че тези няколко секунди са критични по отношение на дизайна. Потребителите просто очакват нещата да имат смисъл и могат бързо да се разочароват, когато не го направят. Нека да разгледаме набързо по-цифров пример: споделяне на нещо във Facebook.

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

Измерване на консистенция

Обратно към цвета. Попълваме онлайн формуляр, след което изпращаме, като щракнем, да речем, на син бутон. След това попълваме друг формуляр и бутонът за изпращане също е син. В крайна сметка решаваме да се абонираме и подканващата фраза е ... синя. Всеки път, когато си взаимодействаме, ставаме по-добри, по-бързи и като цяло по-ефективни, като научаваме как работят нещата и разпознаваме дизайнерските модели.

Времето, което е необходимо, известно като време на задачата, е една от метриките, използвани за измерване на нивото на използваемост, което отново показва предимствата на тестването на използваемост, както беше споменато по-рано.

Последователност и иновации

Естествено, последователността ограничава иновациите; иновациите обаче могат да променят играта, стига липсата на последователност да си струва стойността, която носи в дългосрочен план за потребителите. В този сценарий добре обмисленият вграден UX, който въвежда потребителите в приложението (или определени функции), може да бъде подходяща алтернатива.

С две думи, не подценявайте силата на еднаквостта!

06. Третирайте потребителите като клиенти и обратно

Почакайте, потребителите и клиентите не са ли едно и също нещо?

неща за рисуване с копични маркери

Потребителят е някой, който използва приложението или уебсайта, но някои потребители също са клиенти (т.е. те ни плащат за нещо). Други - добре - ние просто искаме те да са клиенти, защото в края на деня парите са хранителните предприятия, които трябва да останат живи.

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

Това е метод, обозначен като „Избиване и изгаряне“. Ето защо това е наистина лош бизнес за повечето бизнеси:

  • Потребителите често изпитват безпокойство относно покупката си дори след покупката, което може да доведе до угризения на купувачите
  • Лошото преживяване на клиентите може да означава, че никога няма да се върнат
  • Лошите отзиви могат да попречат на други потребители да станат клиенти

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

Клиентски опит

Любопитни ли сте как да подобрите изживяването на клиентите?

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

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

07. Комуникирайте ценностно предложение

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

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

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

Тази статия първоначално е публикувана в брой 285 на списание за творчески уеб дизайн Уеб дизайнер . Купете брой 285 тук или абонирайте се за Web Designer тук .

Свързани статии: