Четири УКС дизајн технике за подстицање ангажовања корисника
Охрабривање корисника да остану и користе веб сајт не подразумевају увек мршавији код или лепшу графику. Неки од најједноставнијих изгледа као што је Реддит и даље држе кориснике заокупљени садржајем и одушевљени су интеракцијом са веб-локацијом.
Тајна лежи у искуству корисника и разматрање како функционише. Интеракције потичу од елемената странице и акционих токова који се крећу од једне до друге странице.
У овом посту ћу погледати неке УКС дизајн технике на које се може применити побољшање корисничког искуства и повећање ангажовања корисника. Имајте на уму да они нису увијек примјењиви на сваку веб страницу и важније је разумјети зашто те технике раде тако да можете користити властиту просудбу.
Предмет корисничког искуства је огроман и захтева стрпљење да би се у потпуности разумело. Али што више вежбате, више ћете разумети
Најбоље што можеш је играјте се на веб страницама које вам се свиђају и схватити шта волите о њима. Из ваших искустава можете екстраполирати досљедне идеје и схватити што вас (а можда и друге) држи на веб страници.
1. Употребите контраст за цртање пажње
Сваки сајт је направљен са прегршт елемената направљених за корисничку интеракцију. Хиперлинкови, дугмад, поља за унос, видгети на бочној траци, листа се наставља и укључује. Али не треба да сви елементи буду једнаки. Неки су, наравно, важнији за ангажовање посетилаца и са њима треба да буду дизајнирани већи контраст издвојити се од осталих елемената на страници.
Ова идеја произилази из високог контраста боја и начина на који људи обрађују визуелне податке у обрасцима. Када се нешто издвоји из свог окружења, било по боји, величини, облику или белини, може на основу контекста.
Користите контраст да бисте скренули пажњу на одређене елементе странице који ангажују посетиоце у одређеном задатку. Ако је ваш циљ да направите више пријављивања за билтен, ваша претплатничка кутија може имати светло анимирано дугме за пријаву или јединствену векторску икону.
Циљ је да се привуче пажња изградњом интерфејса који привлачи посетиоце у извршавање жељених акција.
Ако имате времена, можда је вредно покренути неколико А / Б студија случаја да бисте видели које боје / елементи најбоље играју заједно. Статистика је тешко одредити, али ћете бити изненађени колико се може научити из једноставног сплит теста.
2. Укусна УИ / УКС анимација
Недавно сам наишао на пост под називом Шта Диснеи зна о анимацији интерфејса. Покрива виталне тачке анимације и како оне играју на психу корисника у интеракцији са равним 2Д екраном.
Различите врсте анимација могу значити одређена понашања. На пример, када прелазите преко дугмета, може да се подигне да би показало да је могуће кликнути. Поруке о грешкама се често тресу да би привукле пажњу корисника.
Запамтите да УКС анимација би требала бити видљива а ипак суптилна. Дивље анимације су више за ТВ и филмове, а не за интерфејсе.
Али то не значи да би ваши интерфејси требали остати равни. У ствари, већина корисника би то учинила прилично имају неку врсту анимације јер даје илузију о глаткијем искуству. Дигитални дизајн је делимично стварање илузорног интерфејса, али реалнији појављује се, што више ваши корисници желе да комуницирају.
3. Одговарајући дизајн као захтјев
Може се рећи да добар део корисника Интернета претражује са својих мобилних телефона. Линкови који се деле на друштвене сајтове као што су Фацебоок и Твиттер често се посећују на паметним телефонима и таблет уређајима.
То значи да би свака веб страница требала бити оптимизирана за мобилни на неки начин - по могућности с потпуно одговорним дизајном.
Када си ти размотрити величину екрана, то ставља критичне функције у потпуно ново светло. Као дизајнер морате изабрати које су карактеристике најважније и како се појављују на мањим екранима. Ова одговарајућа дизајнерска стратегија треба времена да се научи, али најбољи начин је да проучите друге веб-локације и покупите технике које вам се свиђају.
Истина је одговарајући дизајнерски радови и постаје све више прихваћена од стране дизајнерске заједнице сваке године.
Корисници такође очекују да ће веб сајтови бити у потпуности одговарајући тако да ће задовољити сваки екран уређаја. Када се сајт не уклапа лепо у мобилни веб претраживач, то може бити одвратно за корисничко искуство.
4. Поједноставите процес интеракције
Смасхинг Магазине недавно је објавио један од најбољих постова које сам прочитао у прилог поједностављење дизајна интерфејса. Наводи се да нико не жели да прескаче кроз обруч да би користио ваш сајт или апликацију. Људи су заинтересовани само за крајњи резултат, анд тхе најбржи начин да дођете тамо.
Волим да градим УКС дијаграме тока за сваки интерактивни елемент странице кад год скицирам графичке оквире. Они помажу да се визуално замисли како би сајт требао изгледати и функције.
Али у ствари, није важно како планирате искуство. Само будите сигурни да планирате могуће најбрже и најједноставније искуство. Када је у питању охрабрујућа активност, пожелећете да важне ствари буду имплициран дизајном.
Ако неко дође на ваш вебапп и не разуме како се одмах пријављује, то је велики проблем. Требало би да буде очигледно очигледно Кориснику шта ваш сајт ради и како они могу бити поред њега.
Најбоље место за почетак је истраживање дизајна УКС-а и процеса интеракције корисника са интерфејсом. Одатле ћете моћи да извучете закључке релевантне за ваше пројекте и идеално поједноставите своје интерфејсе у њиховом највећем потенцијалу.
За повезано читање на тему активност корисника, погледајте ове постове:
- Бреакинг Веб Десигн Цонвентионс = Прекид корисничког искуства
- Корисност и корисничко искуство Архива на Смасхинг Магазине
- Концепти веб дизајна за подстицање корисничке интеракције
Упаковати
Не постоји ниједан одговор о томе како дизајнирати (или поправити) веб странице како би се побољшала употребљивост. Да, постоје неке ствари које можете испробати, али свака страница је мало другачија и студија УКС дизајна је врло компликована.
Надам се да ћете у овом чланку почети да размишљате о неким уобичајеним техникама за изградњу веома корисних интерфејса. Најбоља ствар коју можете да урадите је да се поставите на место типичног корисника и покушате да утврдите главне недостатке интерфејса. И када препознате проблем, већ сте на пола пута до решења!
