Небезпеки милих песиків в дизайні

Замітка про те, як очаровашки призводять до проблем
image

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

Але, в таких чарівних елементів є і побічні ефекти. Здавалося б, безневинна жарт може бути образливою. Розумна реклама може вводити в оману. Кумедний звук може в прямому сенсі зводити з розуму.

У світі дизайну, приємні деталі прийнято вихваляти. Але, як ви скоро переконаєтеся, навіть самі чарівні елементи можуть залучити вас в неприємності.

Очаровашки заважають
image

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

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

  • Кнопки розташовані під кутом 45°, з-за чого потрапити з ним стає не так-то просто.
  • Зображення плавають по екрану при пересуванні курсора, відволікаючи користувача і просто мозолячи очі.
  • Музика включається автоматично, не важливо, подобається вам це чи ні.
  • Все меню відкриваються і закриваються через анімацію, тому користувачеві доводиться чекати по 5 секунд після кожного кліка.


image
Епічність сайт Морімото

Очаровашки дають голос вашого бренду. Вони «оживити» ваш продукт.

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

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

image

Коли я побачив, як ці кружечки трансформуються в логотип, я був вражений.
Це була вражаюча анімація завантаження на моїй пам'яті.

Але, через якийсь час, ця анімація стала здаватися нудною і одноманітною.
Раз за разом, вона втрачала свої чари. Проблема була в тому, що елемент несподіванки просто пропав.

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

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

У кожної людини своє поняття про приємне і чарівному і універсального рішення тут просто не може бути.

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

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

Просто порівняйте лексику, використовувану великими глобальними брендами (ліворуч)
з лексикою в інтерфейсі менш відомих компанія (праворуч):

image
«Ласкаво просимо в Microsoft Teams, нову платформу Office 365, засновану на чатах.»
vs «Мессенджер для команд, що змінюють світ!»


image
«Почніть прямо зараз. Docs готові до роботи тоді, коли до роботи готові ви. Створіть документ у вашому браузері або скачайте програму на свій мобільний пристрій.» vs
«Уріжте нісенітницю в своїй роботі. Попинайте за нашими шин прямо зараз. Почніть нам платити тільки тоді, коли полюбите наш продукт».


image
«Софт для менеджменту і планування заходів.» vs «Перетворіть ваше заходи в Рев-Ген (від слова Революція) захід.»

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

Лексика, використана справа, особисто мені здається більш цікавою. Тим не менш, зрозуміють її не всі, а нерозуміння користувачем мови, на якому з ним розмовляє ваш продукт, відразу ж може стати великою проблемою.

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

По своєму досвіду, краще місце для таких деталей — екрани, які користувач бачить нечасто. Наприклад:

  • При першому запуску програми
  • Відразу після реєстрації облікового запису
  • При анонсі нових фіч
  • Після завершення важливого дії в перший раз
  • При попаданні користувача на порожню сторінку


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

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

image
Познайомтеся з новими Sites

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

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

Підтримка публікації — компанія Edison, яка розробляє SDK для стеження за географічними об'єктами і систему оперативного обліку мережі магазинів «Меблі для дому».
Джерело: Хабрахабр

0 коментарів

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