ПредишенСледващото

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

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

Какво е съобщението за грешка?

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

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

По-добре превенция, отколкото лечение

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

Например, ако ви предложи услуга за намиране и хотели резервации, какъв е смисълът да се предоставят, за да изберете последната дата и след това да се покаже съобщение за грешка?

Мъдро решение в този случай е Booking.com: дата за избор на гама позволява да изберете само най-актуалните или следващите периоди и по този начин човек не може да се обърка.

Mobile дизайн съобщения за грешки

Booking.com приложение прави последен ден, за да изберете неактивна

Съобщения за грешки за влизане неверни данни

Необходима е проверка Форма за да информира потребителя за наличните неточности в данните, вписани тях. Добрата форма на утвърждаване съдържа четири важни елемента:

1. точното време (вграден валидиране)

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

Валидирането трябва незабавно да информира потребителя за достоверността на информацията, въведена от тях. Основният принцип на добра форма валидиране е: Говори с потребители! Можете да им кажа какво не е наред! Това ще им помогне да се намали времето за корекция на грешки.

2. точното място

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

Mobile дизайн съобщения за грешки

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

3. точния цвят (интуитивен дизайн)

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

Mobile дизайн съобщения за грешки

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

4. Ясно послание

Mobile дизайн съобщения за грешки

"Този имейл вече е регистриран. Искате ли да влезете или да възстановите паролата си? "

грешки на приложения

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

Никога не трябва да се покаже съобщение следния вид:

1. "Кодиран" съобщение. Публикации, съдържащи кодове вътрешно приложение грешки или неясни съкращения, нищо не казва на потребителя, а по-скоро просто да ги плаши.

Mobile дизайн съобщения за грешки

Това съобщение за грешка е написана от програмисти за програмисти: "Операцията не може да бъде завършено (WDGeneralNetworkError 500)"

2. безизходица съобщение. Такива съобщения не предоставят полезна информация за потребителите.

Mobile дизайн съобщения за грешки

Spotify приложение, на екрана просто гласи, че "Възникнала е грешка" и не дава никакви допълнителни препоръки към потребителя

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

Mobile дизайн съобщения за грешки

"Хоста за сървъра С по този начин не може да бъде намерен. Моля, опитайте отново "

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

Вашето съобщение за грешка, трябва да е ясно и разбираем език да информира потребителя, че:

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

Mobile дизайн съобщения за грешки

"Не може да се свърже с мрежата. Трябва да се свържете към Wi-Fi мрежа, за да контролира качи или Apple TV »

Използвайте изображения и чувство за хумор

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

Когато грешка в приложението Basecamp настъпва, свързани с неправилното вписване на информация, героят, който се намира от лявата страна на екрана, там е израз на изненада на лицето си;

Mobile дизайн съобщения за грешки

Mobile дизайн съобщения за грешки

Mobile дизайн съобщения за грешки

Вие сте фен на пунктуацията! Уви, потребителските имена не могат да съдържат една точка

Въпреки това, хумор не винаги могат да бъдат подходящи. Тя зависи от това колко сериозен е проблемът. Например, хуморът е напълно възможно да се използва като обикновен изявление на проблема като "Грешка 404 Страницата не е намерена." Въпреки това, когато потребителят губи значително количество време поради спиране, като каза "Ужас!" Напълно неуместно.

Mobile дизайн съобщения за грешки

Така че, за да се създаде идеална страница грешка, струва си да се има предвид следното:

  1. Съобщения за грешки трябва да се появи веднага след като възникне проблем.
  2. Необходимо е да се запази информацията, въведена от потребителя в случай на грешка.
  3. Посланието трябва да бъде написана на достъпен език, да съдържа причината за неуспеха и препоръки за по-нататъшно действие на потребителя.
  4. Не плаши или объркват потребителите със своето послание.
  5. Да не се поемат контрола потребител на системата в случай на по-малко сериозен проблем.
  6. Направете малко хумор, за да облекчи проблема.

Високите реализации вас!

ВНИМАНИЕ! Използвате остарял браузър Internet Explorer

Този сайт е изграден върху най-напредналите и модерни технологии и не поддържа Internet Explorer втората и седмата версия.

Mobile дизайн съобщения за грешки

Mobile дизайн съобщения за грешки

Mobile дизайн съобщения за грешки

Mobile дизайн съобщения за грешки

Mobile дизайн съобщения за грешки

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

Подкрепете проекта - споделете линка, благодаря!