58 ознак гарного інтерфейсу

У гарного інтерфейсу користувача висока конверсія і його просто використовувати. Тобто, він гарний і для бізнесу, і для його використовують людей. Ось список випробуваних нами ідей.

1 Один стовпець замість кількох

Один стовпець точніше відображає те, що ви хочете донести. Користувачі проходять зверху вниз по більш передбачуваного шляху. У дизайні з декількома колонками є ризик відволікання від основного завдання сторінки.

image

2 Подаруйте що-небудь замість того, щоб намагатися продати

Подарунок є дружнім жестом. Але крім цього, це потужний прихований переконує фактор, що працює за взаємності. Хоч це і очевидно, але якщо ви до кого-то добре поставилися, то в його очах ваша оцінка виростає.

image

3 Об'єднуйте схожу функціональність, а не фрагмент UI



З часом легко створити кілька різних секцій, елементів і функцій, що виконують одне і те ж. Відстежуйте дублирующуюся функціональність, так як вона завантажує користувачів. Чим більше таких дублів, тим складніше користувачеві користуватися вашою послугою.

image

4 Надайте докази від інших людей, а не тільки розповідь про себе

Ще одна відмінна тактика переконання, яка безпосередньо впливає на конверсію. Схвалення вашої пропозиції іншими людьми спонукає до дій. Спробуйте показати відгуки, або статистику використання сервісу.

image

5 Повторюйте заклик до основного дії

Повторення призову краще працює на довгих сторінках, або ж його можна повторювати на різних сторінках. Не слід на одній сторінці показувати пропозицію по десять разів. Але зараз у моді довгі сторінки, на яких не зашкодить повторити пропозицію як зверху, так і знизу. Коли люди доходять до низу, вони зупиняються і розмірковують над своїм наступним кроком.

image

6 Добре помітні контрастні стилі замість розмитих

Візуальне оформлення — колір, глибина, контраст,- можна використовувати в якості підказок, що допомагають людям зрозуміти принцип роботи з вашим інтерфейсом: де я, і куди я можу піти. Стилі ваших клікабельних елементів, вибраних елементів і тексту повинні відрізнятися один від одного і бути однаковими по всьому інтерфейсу. У прикладі я вибрав блакитний колір для всіх клікабельних елементів, і чорний — для всього, що може бути виділено чи для того, що підказує ваше місцезнаходження.

image

7 Рекомендації замість кількох рівнозначних варіантів

Якщо ви надаєте кілька варіантів на вибір, то непогано б підкреслити якийсь із них. Чим більше у людини вибір, тим менша ймовірність, що він взагалі його зробить. Щоб запобігти подібний параліч вибору, виберіть один з варіантів.

image

8 Відміна дій замість підтвердження

Можливість скасувати дію виглядає як повага до інтелекту користувача і дозволяє дій проходити без запинок. Постійні підтвердження виглядають, ніби ви вважаєте, що користувач не знає, чого він хоче. Можу припустити, що більшість дій здійснюється людьми навмисно, і лише мала їх частина відбувається випадково. Особливо неприємно підтвердження виглядають в повторюваних діях. Користувачі відчують, що вони краще контролюють ситуацію, якщо вони зможуть скасувати їх дії, і якщо їх не будуть на кожному кроці запитувати підтвердження.

image

9 Виділяйте аудиторію сервісу, а не пропонувати її всім підряд

Ви розраховуєте на всіх користувачів, або ви точно знаєте свою аудиторію? Чітко пояснюючи, кому може знадобитися ваш продукт, ви можете досягти кращих результатів, водночас натякаючи на ексклюзивність послуги. Є ризики втратити частину аудиторії. Однак прозорість викликає довіру.

image

10 Будьте рішучими

Можна сказати що-небудь невпевненим тремтячим голосом, чи можна сказати це з упевненістю. Закінчуючи пропозиції знаками питання і вживаючи слова «можливо», «вам цікаво?», «не хочете?», ви здаєтеся нерішучим. Додайте впевненості!

image

11 Контраст замість одноманітності

Закликати до дій вийде ефективніше, якщо ваш інтерфейс виділяє ці дії візуально. Контраст досягається різними методами. Одні елементи можна зробити світліші, інші-темніші. Можна домогтися, щоб одні елементи здавалися розташованими ближче, ніж інші (тіні і градієнти). Можна підібрати різні кольори для посилення контрасту. Все разом повинно чітко відокремлювати заклик до дії від іншої частини сторінки.

image

12 Замість загального опису — конкретика про походження вашого сервісу

Розкриття даних про походження сервісу одночасно говорить про нього більше і переводить спілкування на більш інтимний рівень. Згадайте країну, штат, місто — це природний спосіб для людини представитися. Якщо ви робите те ж саме, ви виглядаєте більш дружнім. Часто така згадка підвищує якість продукту в очах людей.

image

13 Поменше полів для введення

Людина від природи уникає трудомістких занять — і в їх число входить заповнення полів форм. Кожне нове поле підвищує ризик відмови користувача від вашого сервісу. Не всі друкують однаково швидко. Друк на мобільних пристроях незручна. Подумайте поля, які дійсно необхідні, і приберіть всі інші. Якщо вам дійсно необхідно багато необов'язкових полів, спробуйте пересунути частину з них на наступну сторінку. Чим менше полів, тим більше конверсія.

image

14 Показуйте можливості, а не ховайте їх

Кожне випадаюче меню ховає набір можливостей. Якщо ці можливості важливі для вашого продукту, краще винесіть їх на світло. Залиште выпадушки для очевидних речей, які не вимагають розглядів (календарі, географічне розташування).

image

15 Відображайте в явному вигляді, що матеріал сторінки продовжується, замість використання неправдивих закінчень сторінки

Помилкове закінчення вбиває конверсію. Не варто робити вигляд, що сторінка закінчилася, коли просто закінчилася секція. Якщо ваші сторінки потрібно прокручувати, спробуйте візуалізувати шаблон, який покаже ритм і продовження матеріалу сторінки. Також остерігайтеся великих порожніх місць, які оточують основний матеріал, які можуть бути неправильно витлумачені як кінець сторінки.

image

16 Утримуйте увагу і не закидайте посиланнями

Легко перевантажити сторінку посиланнями, провідними наліво і направо, в надії зачепити якомога більше клієнтів. Якщо ви створюєте оповідну сторінку, яка поступово підводить людину до потрібного дії — подумайте, чи потрібно вам стільки посилань. Кожна посилання підвищує ризик відходу клієнта з потрібного шляху до певної дії. Дотримуйтесь баланс між сторінками з загальним описом послуги і сторінками, провідними клієнта «по рейках» до дії. Видаліть зайві посилання, і ви підвищите шанси того, що клієнт натискає на ту саму кнопку.

image

17 Відображати поточний стан послуги

У будь-якому інтерфейсі присутні елементи, які можуть перебувати в різних станах. Поштові повідомлення можуть бути прочитані або ні, рахунки оплаченими чи ні, і т. д. Хороший спосіб зворотного зв'язку з користувачем — показувати стан елементів.Стану допомагають користувачеві розібратися, що йому далі слід або не слід робити.

image

18 Кнопки з поясненнями переваг замість звичайних функціональних

Уявіть, що на одній кнопці написано «Заощаджуйте гроші», а на іншій — просто «Підписатися». Ставлю на те, що у першої клікабельність вище. У «підписки» не видно негайної вигоди. Навпаки, процес підписки вимагає енерговитрат і зазвичай асоціюється з довгими формами. Ідея полягає в тому, що кнопки, які просувають вигоду, можуть призвести до більшої конверсії. Як варіант, інформацію про вигоду можна розмістити недалеко від кнопки, щоб він нагадував користувачеві, чому він повинен натиснути на кнопку. Звичайно, залишаються кнопки, що відповідають за функціонал, але їх варто зарезервувати для тих місць сайту, де потрібно зробити більше повторюваних дій і менше переконання.

image

19 Пряма маніпуляція замість меню без контексту

Іноді має сенс створювати елементи інтерфейсу, з якими користувач може працювати безпосередньо. Наприклад, показуючи список даних, ми можемо по кліку на елементі дозволити редагувати його. Або клік на рядку з даними може перетворювати її у поле для введення. Такі можливості зменшують кількість кроків, які необхідно зробити для виконання необхідного дії.

image

20 Одразу показуйте поля введення, а не ховайте їх на окремій сторінці

При створенні лендингов можна спробувати відразу показати поля для введення інформації, схрестивши лендінгем з формою реєстрації. Тому є кілька переваг. По-перше, ми прибираємо зайві кроки і виконання реєстрації займає менше часу. По-друге, показуючи кількість полів, ми відразу говоримо користувачеві, скільки часу займе у нього реєстрація. Звичайно, це буде перевагою, якщо наша форма містить трохи полів.

image

21 Плавна анімація замість неочікуваних выпрыгиваний

Часто елементи інтерфейсів з'являються, зникають, рухаються, у відповідь на дії користувача. Часто простіше зрозуміти, що сталося, коли ці події відбуваються не миттєво, коли вони розтягнуті в часі. Звичайно, треба врахувати, що часто повторюються дуже повільні дії можуть навпаки, призвести до подразнення. Якщо щось потрібно зробити швидко, штучні затримки тільки завадять сприйняття.

image

22 Поступове залучення користувача

Замість того, щоб відразу вимагати реєстрації, чому б не запропонувати користувачеві виконати завдання, через яку буде видно перевага вашого сервісу. Продукт можна показати особою і трохи персоналізація. Коли користувач відчув користь продукту та приміряв його на себе, він буде більш схильний до споживання. Це спосіб відкласти реєстрацію, при цьому дозволяючи користувачеві спробувати ваш продукт.

image

23 Менше рамок і кордонів

Рамки привертають зайву увагу. Увага — цінний ресурс, оскільки він обмежений. Звичайно, рамки чітко окреслюють і розмежовують елементи, але вони також витрачають нашу когнітивну енергію. Щоб визначити відносини різних елементів інтерфейсу і не відтягувати зайву увагу, елементи можна групувати разом, вирівнювати, задавати їм добре помітний фон або схожий типографський спосіб. Іноді лінія-інша допомагає визначити загальний вигляд інтерфейсу, але спробуйте розглянути інші методи візуалізації.

image

24 Продавайте вигоду, а не функціонал

Основа маркетингу — людям потрібні не можливості продукту, а вигода, яку він приносить. Кріс Гильбо у книзі «Стодоларовий стартап» пише, що людям хочеться мати більше любові, визнання і вільного часу, і менше стресів, конфліктів, сварок і невизначеності. Показуючи функціонал, пояснюйте і вигоду від нього.

image

25 Розробіть дизайн для випадку, коли немає даних, а не тільки для тих випадків, коли даних дуже багато

У списках буває 10000 елементів, а буває і 10, 1 і навіть 0. Зазвичай дані накопичуються, і набори даних йдуть від нуля до декількох пунктів і далі. Часто дизайнер забуває про тих випадках, коли даних ще немає і нічого показувати. В цьому випадку є ризик відштовхнути користувача. Коли він дивиться на ваш додаток і бачить просто порожнє місце без всяких підказок — ви втрачаєте свій шанс. Нульове кількість даних — відмінний шанс почати навчання користувача, показавши йому, що робити далі. Хороший інтерфейс — масштабований інтерфейс.

image

26 Підтвердження за замовчуванням

Нехай користувачі зможуть прийняти участь в чому-небудь за замовчуванням, без необхідності робити які-небудь дії. Часто користувачеві пропонується зробити що-небудь перед тим, як прийняти участь в чому-небудь або що-небудь. Перший варіант краще з кількох причин. По-перше, він зменшує опір руху, т. к. користувачеві нічого не потрібно робити. По-друге, він надає рекомендацію, що припускає приналежність до чогось, що нормально і зазвичай. «Всі інші так роблять, так що чому б і мені не зробити так само». Звичайно, нехороші маркетологи часто зловживають цією технікою. Наприклад, зменшуючи читаність підтверджує дію тексту або спеціально заплутуючи його, вони підсовують що-небудь користувачеві, який погано розуміє, на що він підписується. Тому такий підхід вимагає кришталевої ясності.

image

27 Послідовний інтерфейс, що не вимагає постійного навчання

Постійний інтерфейс означає, що користувачеві не потрібно постійно вчитися їм користуватися і витрачати на це сили. Натискаючи на кнопки і пересуваючи слайдери, ми вчимося, як повинні виглядати і працювати. Сталість допомагає полегшувати роботу, а як тільки ми позбавляємося сталості, ми змушені знову навчатися. Сталості можна домагатися через кольори, напрями, поведінка, розташування, розмір, форму, мітки і мову. Незвичайні елементи важливі тоді, коли нам потрібно щось виділити або привернути увагу.

image

28 Розумні елементи управління замість зайвої роботи

Розумні або попередньо заповнені поля форми, які ґрунтуються на відомих даних, зменшують кількість роботи, яку необхідно зробити користувачеві. Це поширена техніка допомоги користувачеві у просуванні по формах. Гірше не буває, коли у користувача запитують одні і ті ж дані раз за разом. Замість порожніх полів, які треба заповнювати повторно, краще нехай будуть вже заповнені поля, які треба просто перевірити. Чим менше роботи, тим краще.

image

29 Стандарти і угоди замість винаходу велосипеда

Угода — старший брат сталості. Якщо в інтерфейсі схожі елементи однакові, користувачеві треба менше напружуватися. Якщо в різних інтерфейсах схожі елементи теж однакові, то це ще зручніше. За допомогою усталених угод ми запам'ятали, що кнопка закриття вікна знаходиться праворуч угорі, і знаємо, як зазвичай виглядає іконка налаштувань. Звичайно, не завжди угоди мають сенс, іноді вони застарівають. Якщо ви відходите від угод — переконайтеся, що ви все добре продумали.

image

30 Пропонуйте уникати втрат замість реклами придбань

Ми любимо вигравати, але ненавидимо програвати. За законами психології переконання, люди швидше віддадуть перевагу не понести втрати, ніж придбати перевагу. Цей факт застосуємо до пропозицій продуктів і послуг. Вигідніше рекламувати продукт, як захищає благополуччя і статус користувача, що дає яку-небудь перевагу або вигоду, яких у них ще немає. Продають страхові компанії виплати за страховими випадками, або ж захист того, що ми вже маємо?

image

31 Візуальна ієрархія замість одноманітності

В хорошій ієрархії важливі елементи відокремлені від менш важливих. Ієрархія будується через вирівнювання, близькість, колір, відступи, розмір шрифту, розмір елемента, і т. д. Правильно розташовані елементи направляють увагу користувача, затримуючи його там, де потрібно, і в цілому збільшують читаність. Ієрархія створює тертя, яке не дозволяє нам зісковзнути від верху до низу сторінки. З-за цього ми проведемо на сторінці трохи більше часу, але в результаті ми дізнаємося більше про продукт. Це як подорож — якщо гнати по шосе, ви приїдете швидше, але якщо вибрати дорогу красивіше, ви побачите більше цікавих речей по дорозі. Дайте віч-на чому-небудь відпочити.

image

32 Групуйте елементи за змістом

Групування пов'язаних речей — основний спосіб підвищення юзабіліті. Ніж і вилка, відкрити і зберегти — ці речі зазвичай дут разом. Пов'язані речі просто повинні бути поруч, щоб надати інтерфейсу логічності і зменшити когнітивне тертя. Втрачати час в пошуках елементів — це не наш метод.

image

33 Перевірка вводу на місці

При заповненні форм краще відразу ж визначати помилки, ніж показувати їх потім. Показуючи помилку відразу, коли вона відбувається (припустимо, праворуч від поля вводу), ви даєте можливість відразу виправити її. Коли вона з'ясовується пізніше, наприклад, після відправки форми, людям доводиться робити додаткову роботу і згадувати, що вони вже зробили.

image

34 Прощающие поля введення

Коли комп'ютер прощає більше помилок користувачу, він стає більш гуманним. Прощающие поля введення враховують можливі помилки і варіанти, роблячи таким чином інтерфейс більш дружнім. Хороший приклад — номер телефону. Скільки варіантів його введення існує — дужки, розширення, дефіси, коди і т. п. Нехай ваш код працює більше, а користувач — менше.

image

35 Підганяйте користувача

Демонстрація терміновості — тактика переконання, яка змушує людей діяти раніше, а не пізніше або взагалі ніколи). Часто вона має на увазі певний дефіцит — коли що-то, доступне сьогодні, не буде доступний завтра. До того ж, вона працює на усунення втрат — ми не любимо втрачати можливості. Можна заперечити, що така тактика є наполегливою і не дуже допустимою — але все ж її можна використовувати, якщо ви робите це чесно. Не створюйте помилкове відчуття поспіху — якщо вас розкусять, це призведе до зворотних результатів.

image

36 Дефіцит замість достатку

Коли чого-небудь мало, ми цінуємо це більше. Дефіцит натякає, що раніше цього було більше, сьогодні цього менше, а завтра стане ще менше. Цінова політика оптовиків відрізняється від політики бутиків. Іноді оптовики навмисно обмежують партії товару за кількістю. При розробці програм ми забуваємо про дефіциті, тому що байти легко скопіювати. У дизайні інтерфейсів, тим не менш, можна скористатися дефіцитом і показати обмеженість чого-небудь. Кількість квитків на вебінар, кількість клієнтів, яких можна обслужити за місяць, кількість продуктів, які можна провести за певний проміжок часу. Попит і пропозиція. Менше — значить більше.

image

37 Впізнавання замість згадування

Простіше розпізнати наявний варіант, ніж згадувати його самостійно. Розпізнавання грунтується на підказки, що допомагають пам'яті працювати. Згадувати щось з нуля набагато складніше. Можливо, тому іспити з готовими варіантами легше проходити, ніж ті, де пропонується вписати відповідь самому. Дайте користувачам можливість вибрати пункт, з яким вони вже зустрічалися, замість того, щоб змушувати їх все згадувати.

image

38 Елементи більшого розміру

Посилання, форми і кнопки легше натискати, коли вони більше. За законом Фіта, чим далі і менше від нас елемент, тим за нього важче клікнути. Тому збільшіть форми, поля введення, заклики до дії. Також можна залишити розмір елемента незмінним, тим не менш збільшивши область, натискання на яку він реагує.

image

39 Зменшуйте час завантаження

Швидкість має значення, люди не люблять чекати. Те, як швидко завантажується сторінка або те, як швидко вона реагує на дії користувача, дуже важливо. Кожна зайва секунда тягне догляд користувачів і зменшує конверсію. Можна зменшити час завантаження технічно, оптимізуючи код і картинки. А можна зменшити сприймане час завантаження психологічно. Показ індикатора завантаження сприяє цьому, як і можливість зайнятися чим-небудь під час завантаження.

image

40 Гарячі клавіші, а не просто кнопки

Коли ваш продукт використовується часто, непогано б згадати про просунутих користувачів, які повертаються до вас і проводять з ним багато часу. Люди шукають способи виконувати повторювані завдання швидше. Після запам'ятовування гарячих клавіш швидкість використання інтерфейсу кардинально зростає. Наприклад, Gmail, Twitter and Tumblr пропонують клавіші J і K як навігацію «попередній» і «наступний». В кнопках немає нічого поганого, але завжди добре мати доповнення до них.

image

41 Ідіть від більших чисел до менших

У людей є набір когнітивних особливостей, яким важко чинити опір. Дослідження стверджують, що на наш механізм прийняття рішень впливає перше з зустрінутих нами чисел. Якщо ми починаємо з більшої ціни, і приходимо до меншої, то вона вже здається не такий великий. Більш того, перше число взагалі не зобов'язана бути ціною. Типовий приклад використання в маркетингу — показати рекомендовану вартість, за якою слід ціна зі знижкою.

image

42 Випереджаючий прогрес замість чистого аркуша

Чим ближче ми до фінішу, тим більше ми мотивовані на завершення завдання. Змусьте людей відчути, що вони вже досягли чогось на шляху до завершення потрібної вам завдання, просто зайшовши на сайт або заповнивши форму.

image

43 Поступове розкриття дій

Поступове розкриття захищає користувача від великої кількості другорядної інформації. Показуйте інформацію порціями. Зазвичай це прийнято супроводжувати розширенням чого-небудь або відповідною анімацією. Якщо велика кількість полів відлякує користувача, спробуйте показувати йому поступово поля, які потрібні саме зараз.

image

44 Невеликі зобов'язання

Спочатку спонукайте людей до прийняття невеликих зобов'язань, а великі відкладайте на потім. Серйозні зобов'язання відлякують. Використання зобов'язань — потужна стратегія переконання, яка працює на прагненні людей зберегти своє обличчя. Мається на увазі, що людині легше зробити послідовність нескладних дій, ніж одне складне. За невеликим згодою слід велике згоду. Наприклад, сайт знайомств може давати людям озирнутися і ознайомитися з чим-небудь, замість того, щоб змушувати реєструватися або з порога знаходити любов свого життя або дружина. Щодо ціни послуги, можна пропонувати невеликі щомісячні платежі замість великого річного. Також корисно дати зрозуміти користувачеві, що вони можуть у будь-який момент відмовитися і піти, що ніякого «контракту» ще не укладено.

image

45 Ненав'язливі запити замість модальних вікон

Модальне або діалогове вікно сильно відволікає. Іноді корисно привернути увагу, але часто з модальними вікнами виникають проблеми. Вікна закривають інформацію і блокують дії користувача. Деяким важко вибратися з них. Вікна відволікають від завдань, коли користувач захоплений нею і не готовий здійснювати інші дії. Чому б не розглянути можливість більш м'яких і менш нав'язливих варіантів, які, тим не менш, привертають увагу.

image

46 Багатофункціональні елементи управління замість декількох окремих елементів

Простота інтерфейсу асоціюється з простотою використання. Занадто багато елементів управління порушують сприйняття. Чим більше елементів, тим більше проблем з юзабіліті. Один із способів досягти більшого меншими зусиллями — створити багатофункціональні елементи управління. Наприклад, скомбінувати вікно для введення пошукового запиту за механізмом фільтрації. Також можна схрестити показ проставлення рейтингу та рейтингу. На жаль, коли у одного елемента декілька функцій, іноді про них буває складно здогадатися. Можливо, варто зарезервувати такий підхід для постійних клієнтів, які згодні трохи підучитися. Використовуйте його з розумом і не перестарайтеся.

image

47 Підписи до іконок

Іконки можуть бути двозначними, і, доповнивши їх написами, можна усунути неоднозначність. Наприклад, значок зі стрілкою вниз — чи означає вона можливість щось зрушити вниз, зменшити пріоритет або скачати? Іконка з «х» — це видалення, скасування або закриття? Якщо місця зовсім не вистачає, хорошою ідей буде показувати всі написи до іконок при наведенні курсору на одну з них (а не для кожного окремо).

image

48 Природний мову замість сухого тексту

Природний мову менш формальний і розташовує до спілкування. Створіть відчуття того, що комп'ютер розуміє користувача. До цього є два підходи. Можна спробувати розпізнавати нечіткі запити чи команди користувача. Також можна доносити інформацію до користувача у вигляді строгих форм, а у вигляді живого спілкування.

image

49 Грайте на цікавості

Тактика полягає в тому, щоб не приховувати всю інформацію, а видати її невелику частину для розпалювання цікавості. Голова на пробу, демо-версія, пробна версія, щось безкоштовне, доступне відразу. «Щоб побачити решту, зробіть те-то». Інтригуючи користувачів і клієнтів пробниками можна змусити їх захотіти продовжувати користуватися вашим продуктом. Але не надавайте всю інформацію відразу. Спробуйте в тестовому режимі дати їм не всі можливості, а що залишити на потім.

image

50 Посвідчує користувачів

По завершенню продажу заспокойте користувача, дайте йому гарантію, пообіцяйте задовольнити його потреби, розкажіть про безпеку платежу, підтвердіть безоплатність доставки, і те, що вони можуть відмовитися від замовлення в будь-який час. «Все добре і Все буде добре. Не хвилюйтеся і розслабтеся.» Позитив — прекрасна тактика.

image

51 Цінові ілюзії замість звичайних цін

Можна дозволити людям судити про ваш продукт самостійно, а можна зробити це за них. Використовуючи ірраціональність мислення, покажіть ваші ціни так, щоб вони виглядали привабливіше. Використовуйте слова «все», «доступний», «недорогий». Ціну можна розбити на частини — наприклад, 30 копійок за сторінку замість 300 рублів за книгу, або сто рублів в день замість 3000 в місяць. Також використовуйте відомий трюк з цінами, які закінчуються на «9». Показуйте менше цифр — 300 замість 300,00.

image

52 Дякуйте замість простої констатації закінчення операції

Подяку за використання вашого сервісу показує, що ви дбаєте про клієнтів і вдячні їм. Подяка можна використовувати також і в цілях продовження діалогу з користувачем. Тому написи «спасибо» завжди можна перетворити на пропозицію зробити ще один крок і скористатися ще однією можливістю. Спасибі, що прочитали цей параграф.

image

53 Вважайте самі, не змушуйте користувача робити це

Інтерфейс може зробити підрахунки і позбавить користувачів від необхідності. Припустимо, замість показу балансу в системі можна підрахувати, скільки днів залишилося до закінчення дії підписки. Або, в списках, біля пунктів яких потрібно оцінювати, наскільки вони застаріли, краще виглядає напис «3 хвилини тому» ніж «останній раз оновлювався в 15:47 2-го вересня». Не змушуйте користувача вважати.

image

54 Підтверджуйте свободу вибору користувача

Можна примусити людину зробити більше, якщо підтвердити, що вибір робить він. Потрібно закликати до дії, вказуючи при цьому, що це «його вибір», або «ви завжди можете відмовитися», і т. п. Це працює найкраще, коли подібна напис знаходиться поруч з закликом до дії.

image

55 Мінливі винагороди

Постійно мінливі винагороди можуть залучити користувачів. Коли миші тиснуть на кнопки машин, які видають їм шматочки корму випадковим чином, вони роблять це частіше, ніж у випадках передбачуваних і однакових результатів. Багато людей обожнюють постійно перевіряти пошту, тому що невідомо, що може опинитися всередині.

image

56 Керуйте увагою користувача

Варто спрямовувати увагу на найважливіші дії. Цього можна досягти різними способами, починаючи з збільшення розміру або контрасту елемента. Інші варіанти — нестандартні форми, автофокусування полів введення, підсвічування, плаваючі елементи і напрямні стрілки. Звичайно, не потрібно робити багато яскравих і кричущих елементів на сторінці, але підкреслити основні заклики до дії варто.

image

57 Дружні і зрозумілі порівняння

Часто потрібно порівняти змінився контент з попереднім або кілька продуктів між собою. Можна зробити такі порівняння більш зрозумілими і чіткими. По-перше, обмежити кількість порівнюваних предметів двома, бажано розташувавши їх ближче один до одного. По-друге, індикація «покращених» або «найсвіжіших» речей полегшує вибір. По-третє, чітко покажіть, які властивості помінялися, а які залишилися старими. Тобто, що додано (або покращено), що прибрано (або погіршився), і що залишилося тим же.

image

58 Набори предметів замість окремих

Люди прагнуть до збирання. Фізичному або віртуальному. Якщо людина бачить незакінчений набір, він прагне його завершити. Часто покупку повної колекції чого-небудь можна стимулювати сильніше, просуваючи деякі синергетичні переваги (торт в цілому смачніше, ніж його інгредієнти). Можливо, показ тих речей, які вже зібрані, служить як би описом досягнень користувача. І, нарешті, мотивація до збору всіх предметів колекції буде сильніше, якщо буде зрозуміло, що їх кількість в колекції обмежена.

image

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.