Четири техники за дизайн на UX за насърчаване на ангажираността на потребителите

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

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

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

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

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

1. Използвайте Contrast (Контраст), за да привлечете вниманието

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

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

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

Целта е да се привлече вниманието, като се създаде интерфейс, който примамва посетителите в извършването на някои желани действия.

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

2. Вкусна UI / UX анимация

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

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

Не забравяйте, че UX анимацията трябва да е видима, но тънка. Дивите над-анимации са повече за телевизия и филми, отколкото за интерфейси.

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

3. Отзивчиви проекти като изисквания

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

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

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

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

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

4. Опростете процеса на взаимодействие

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

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

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

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

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

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

• Прекъсване на конвенциите за уеб дизайн = нарушаване на потребителския опит
• Ползваемост и потребителски опит Архив на Smashing Magazine
• Концепции за уеб дизайн за въвеждане на потребителско взаимодействие

Увийте-Up

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

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