Помогнете за предотвратяване на винтове на потребителите с тези страхотни съвети
Като потребител, не го мразите, когато щракнете върху бутон, само за да осъзнаете, че полученото действие всъщност не е това, което сте искали изобщо? Понякога това е лека досада, а понякога е пълна катастрофа, която съсипва часове или дори дни на работа.
Като дизайнер зависи от вас да помогнете на потребителите да избегнат тези трагични грешки, когато е възможно. Днес ще разгледаме някои методи, които можете да използвате за постигане на тази цел.
Разгледайте елементи Envato
Каква е голямата сделка?
Когато проектирате интерфейс, независимо дали е в мрежата или в някакво местно приложение, винаги искате внимателно да обмислите какво може да се обърка. Опитайте се да си представите най-лошия сценарий за всяко конкретно действие, което потребителят ще предприеме в процеса на използване на приложението ви и направете всичко възможно, за да сте сигурни, че ще разбере последствията от едно щракване.
Защо да преживеем всички проблеми? Защото няма нищо, което да накара потребителя да намрази приложението по-бързо, отколкото ако направи голяма грешка с него. Независимо дали е изцяло тяхна вина или не, те ще обвинят приложението или най-малкото ще развият недоверие към вашия продукт. Когато давате на потребителите възможност да обсъдят вашия продукт, „съжаление“ и „недоверие“ са две думи, които не искате да излезете в разговора.
Съвет: Предупредителните съобщения са сухи
Сега, когато им е дадена цел да се гарантира, че потребителят никога не сгреши, някои дизайнери на потребителски интерфейс ще прекарат борда и ще инсталират предупредителни съобщения за всяко малко действие, което потребителят може да предприеме. За съжаление, от гледна точка на потребителя, това е най-досадното нещо, което един програмист може да направи.
Ако чувствам, че държите ръката ми прекалено много през процеса на използване на приложението ви, ще ви възмутя за мисълта, че съм идиот. Също така бързо ще се разочаровам, че всичко отнема толкова време, защото трябва да работя през едни и същи предупредителни съобщения отново и отново.
И така, кога мога да използвам предупредително съобщение?
Истинският трик за вас, когато планирате приложението, е да решите какви действия заслужават предупредителни съобщения. Има щастлива среда между това да не предупреждавате потребителя и да го прекалявате, и това е трудно място.
Водещият въпрос е прост: „Колко лесно е да отстраните проблема, ако нещо се обърка?“ Поставете се в обувките на потребителя и се опитайте да си представите най-лошия сценарий.
Нека си представим ситуация, при която изграждате обикновено приложение за тодо, подобно на Wunderlist, показано по-горе. Едно действие, което потребителят може да предприеме, е да провери дадена задача и да я накара да изчезне. Ако направят това случайно или променят мнението си, в идеалния случай, ще могат да го върнат. Но дори и без това функционално, въвеждането на обикновено заглавие на тодо всъщност не е чак толкова много работа. Потребителят трябва да отнеме само секунда, за да поправи грешката си. Предвид този факт вероятно няма да е необходимо предупредително съобщение за изтриване на todo.
Сега, какво да кажем, ако един и същ потребител иска да изтрие цял списък от елементи на todo? Това е нещо, което потенциално може да бъде катастрофално. Ако имам над сто тода и случайно изтрия цял списък, ще изродя, ако не мога да го върна. В този случай определено е подходящо предупредително съобщение.
Помогнете за предотвратяване на винтове
Сега, след като имаме усещането как предупредителните съобщения могат да бъдат добри или лоши, е време да разгледаме някои различни методи, които можете да използвате и как те помагат да се предотврати изкривяването на потребителите. Някои от тях използват предупредителни съобщения, други са малко по-умни и тактични.
Превантивни предупреждения
Причината предупредителните съобщения да са толкова досадни е, че те спират мъртъв в твоите песни. Това е приятно само ако осъзнаете, че сте били на път да направите голяма грешка, през останалото време просто блокира напредъка ви.
Един от начините да премахнете това, като същевременно помагате на потребителите да предотвратяват грешки, е чрез използване на предупредителни предупреждения. Те не ви пречат или възпрепятстват напредъка ви, но ви помагат да осъзнаете, че може да сте направили грешка.
Виждате това най-често в проверка на форма на живо. Вижте как формулярът за регистрация в Mailchimp ми казва, че съм направил грешка, след като въведохте потребителско име с дължина само три знака.
Сигурен ли си?
Това е най-често срещаният вид предупреждение, използван в уеб и родните приложения. Това е, което видяхме преди с Wunderlist: кутия, която изскача, спира каквото се опитвате да правите и пита дали това е нещо, което наистина искате да направите.
Вероятно ги виждате почти по цял ден всеки ден, ако работите на компютър. Например, потребителите на Mac виждат такъв, когато се опитват да изпразнят кошчето си.
Ако претеглим решението на Apple да постави това тук спрямо критериите, които сме поставили по-рано, тогава той проверява. Както се казва в прозореца, изпразването на кошчето не е нещо, което потребителят може да направи. След като натиснете този бутон, тези файлове са напълно изчезнали, освен ако не сте типът техник, който е находчив и знае как да ги върне.
Какво искате да се случи?
Понякога дадено действие може да се тълкува по повече от един начин. В тези ситуации или трябва да изберете между интерпретациите като дизайнер, или да дадете на потребителя право да избере какви последици ще има действието.
Photoshop е отличен пример за това. Когато плъзнете маска на слоя към кошчето, ще получите следния прозорец.
Тук Photoshop казва: „Ей, знам, че искате да изхвърля тази маска на слоя, но трябва ли първо да я наложа?“ Това е полезна опция, защото понякога наистина е така, че искам маската да изчезне напълно, а друг път искам да се прилага върху слоя. Те също така предоставят скрит пряк клавиатура (Опция) за професионални потребители, които искат да пропуснат този прозорец.
Никога не показвай това отново
Има още един интересен урок, който трябва да научим от предупредителното съобщение на Adobe. Забележете, че има тази малка кутийка, на която пише „Не показвай отново“. Това е наистина умен начин да постигнете най-доброто от двата свята като разработчик. Вие изпълнявате задължението си винаги да предупреждавате потребителите си за рискови действия, но също така им предоставяте възможност да се откажат от такива предупреждения, ако не се нуждаят от тях.
Creative Suite на Adobe е препълнен с досадни предупредителни съобщения и тази възможност да се откажа ме спасява от лудост, докато използвам техните приложения.
Време за отмяна
Днес, когато отидох да изтрия видеоклип в YouTube, забелязах трик с потребителски интерфейс, който никога не бях виждал досега. Изскочи предупредително съобщение, което ме информира, че съм на път да изтрия всички филми в акаунта си, което очевидно е доста голяма работа и вероятно е по-често, отколкото не случаен избор.
Странната част беше, че вместо да ми позволят да продължа с действието веднага, те ми дадоха съобщението, бутон за отмяна и бутон с таймер.
Едва след кратко отброяване вторият бутон се превърна в нещо, което ще ми позволи да изтрия видеоклиповете. Дотогава всъщност ме принуждаваше или да отменя или да прочета съобщението и да се уверя, че знам в какво влизам.
Това е доста изящна малка идея, но имайте предвид, че потребителите вероятно ще я намерят за изключително досадна. Запазете това ниво на предпазливост за действия, които наистина имат тежки последици, от които няма връщане. Може би, ако потребителят иска напълно да бракува акаунта си или да изтрие голямо количество данни.
Покажете резултата преди действието
Един от любимите ми начини, по който съм виждал разработчиците да предотвратяват завинтването, изобщо не е предупредително съобщение. Вместо това е прост преглед на това как ще изглеждат нещата след предприемането на действието.
Има страхотно безплатно приложение за Mac, наречено NameChanger, което върши фантастична работа на това. Приложението има за цел да ви помогне да преименувате куп файлове. Вляво има колона, която показва текущите имена на файлове и текста, който трябва да бъде заменен. Вдясно има колона, която показва текста, който искате да вмъкнете, и получените имена на файлове.
Умната част тук е, че всичко това е само предварителен преглед, нито един файл не се преименува, докато не натисна бутона „Преименуване“ отгоре. Това ми позволява да проуча отблизо какво ще правя и да реша дали всичко е правилно. Виждал съм също FTP приложения да използват същата техника, когато синхронизират съдържанието на две папки. Като се има предвид, че бихте могли случайно да изтриете ценна информация, страхотно е да имате визуализация, която показва как ще изглеждат папките след действието.
Как предотвратявате винтовете на потребителите?
Ако създавате приложение за всеки, освен за себе си, можете почти да гарантирате, че ще има объркване по някакъв аспект на интерфейса. Внимателното обмисляне на потребителската грешка е задължително във всички аспекти на дизайна и съветите по-горе трябва да ви помогнат да започнете в правилната посока, когато структурирате работните процеси в приложението.
Сега, когато видяхте моите примери, време е да звучате със собствените си. Как помагате на потребителите си да предотвратяват грешки? Какви други сайтове сте виждали в мрежата с интересни решения като този, който видяхме в YouTube?