кейси
Як проєктують інтерфейси у Megogo
Кейси від Володимира Смирнова
3 Січень, 2020

Щоб створити продукт, який сподобається споживачеві, варто розуміти, що саме впливає на його емоції та поведінку. Дизайн-директор Spiilka та арт-директор Megogo Володимир Смирнов розповів про те, як дизайнерові враховувати природне прагнення людини до щастя. А також про те, чому проєктуючи Megogo не можна було просто “списати” у Netflix, про невдалі ходи під час ребрендингу й основні правила створення текстів для продукту.


Виклики та цілі дизайнера

Більш як 5 років тому Володимир Смирнов приєднався до команди Megogo. Аби зробити медіасервіс таким, як ми звикли його бачити, довелось зіштовхнутися з великою кількістю викликів та перешкод.

Чому б не подивитися, як робить Netflix, і просто повторити за ними? Так радили чимало знайомих і мало хто зважав на відмінності між продуктами.

Megogo — це не лише телебачення, а сервіс, що поєднує ТБ, фільми, серіали, шоу, прем’єри, спорт, stories, а відтепер й аудіо. Крім того, продукт працює і на смартфоні, і на Smart TV різних моделей, і у вебі та інших мультиекранних платформах. Протягом останніх років кількість продуктів збільшувалась, а задача пов’язати усе це в одну історію залишалась.

Тому, мабуть, найбільший виклик, із яким стикаються дизайнери Megogo, — численний продукт, який невпинно розростається.

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

Правило одного пальця

На інтерфейс додатка впливає досить багато факторів, один з них — те, як людина тримає телефон. Завдяки численним дослідженням, ми знаємо, що 49% користувачів тримає його однією рукою, 36% — натискають на телефон вказівним пальцем, а 15% — одразу двома пальцями.

Тобто 75% користувачів управляють телефоном великим пальцем. Та ним не завжди зручно дотягуватися до верхньої частини ґаджета. А, наприклад, починаючи від iPhone 7 Plus палець не дотягується навіть до середини.

У своїх концепціях команда Megogo намагається враховувати цю інформацію під час проєктування інтерфейсів. Інколи для цього потрібно переступати звичні правила. Наприклад, більшість із нас навчили, що пошук обов’язково має бути вгорі. Та чи дійсно це так? Насправді, його можна обігрувати по-різному, переконаний Володимир. Так само й з іншими елементами дизайну. Головне — пам’ятати правило одного пальця.

Як бачить користувач

Людина бачить мозком тільки те, що хоче і може уявити. Тому вона часто не помічає того, що задумав дизайнер, і сприймає лише 10% інформації. За зір у мозку відповідає близько 16 різних зон. «Якщо б ви хотіли отримувати 100% інформації через зір, то наша черепна коробка була б як у Чужого», — жартує Володимир.

Цю теорію дизайнер мав змогу перевірити на практиці під час ребрендингу компанії. Раніше Megogo позиціонувався як преміум онлайн-кінотеатр і мав лише два кольори у своїй айдентиці — чорний і білий. Коли бренд переріс у медіасервіс для усієї родини і запустив ребрендинг, у компанії вирішили додати ще один колір — м’ятний. Тестуючи продукт з новим кольором, команда отримала відгуки від кількох користувачів, що в них пропав додаток: була чорна іконка — і не стало. Так дизайнери зрозуміли, що іконка має лишитись чорного, звичного для користувачів, кольору, а не повністю м’ятного.

Володимир радить пам’ятати про принцип “what you see is what you get”. Дизайнер навів кілька прикладів, коли такі елементи, як підписи до іконок, цілковито змінювали поведінку споживача:

Вимкнути ящірку

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

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

Дизайнер і текст

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

От які правила використовують у компанії при створенні текстів для продукту:

  1. Користь — насамперед.
  2. Без IT-сленгу.
  3. З гумором, якщо вдається.

На завершення Володимир Смирнов порадив дизайнерам дбати не лише про щастя користувача, а й про своє власне:

  • Позбувайтеся негативу (не варто зберігати негативні емоції);
  • Змініть акценти (спробуйте розкласти велику задачу на маленькі);
  • Safe to fail (помилки — це не завжди погано);
  • Працюйте за методом маленьких результатів (зробили щось — похваліть себе);
  • Пам’ятайте про маленькі радощі (просто так себе радуйте);
  • Зупиніться (і просто покайфуйте).

У нас є ще дещо для вас