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

Що входить у редизайн сайту:

1. Переробити інтерфейс для кожної сторінки сайту, змінити розміщення елементів, покращити UI/UX, змінити колірну гаму, шрифти, розташування кнопок тощо.

2. Під різні розміри екранів пристроїв необхідна дизайнерська адаптація всіх сторінок сайту.

3. Зробити новий логотип і корпоративну символіку.

4. Розробити дизайн корпоративних матеріалів для соціальних мереж.

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

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

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

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

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

Ольга Кирич

Graphic Designer at Push Gaming

«Редизайн є необхідним, адже сам дизайн, як і світ, не стоїть на місці, завжди розвивається та оновлюється: з’являються нові правила, нові тенденції, нові технології. Людей завжди цікавило і буде цікавити нове! Це привертає увагу до продукту, тому має позитивний вплив.

Зміни в UI/UX дизайні потрібні, щоб полегшити користування продуктом, спираючись на попередній досвід користувача, намагаючись спростити життя юзера, щоб людина робила потрібні дії ще більш інтуїтивно, не замислюючись і без особливих зусиль. Чим простіше, тим краще! Але не завжди вдається дотримуватися цього принципу, особливо, коли зміни суттєві: вони можуть дезорієнтувати користувача, примусити його витратити час на додаткові рухи та нові незрозумілі кроки.

Варто робити поступові оновлення і грамотно рухатися в ногу із сучасними трендами дизайну!»

Причини провести редизайн

Перше запитання, яке має поставити UI/UX-дизайнер клієнтам чи зацікавленим сторонам щодо перепроектування: чому вони хочуть провести редизайн? За даними «Nielsen Norman Group», існує багато причин для проведення перепроектування. До них належать, зокрема, такі:

  • сайт виглядає старомодно;
  • необхідно впровадити нові брендинги;
  • технологічні досягнення зробили сайт застарілим;
  • сайт не оптимізований для мобільних чи соціальних мереж;
  • інформаційна архітектура сайту розкидана, й посилання розбиті;
  • візуально все заплутано для користувачів, немає єдиної структури.

Хоча перші три причини в списку можуть просто вимагати візуального оновлення, інші включають важливі зміни UI/UX.

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

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

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

Як провести редизайн UI/UX

1. Розуміти сучасних користувачів

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

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

2. Розуміти цілі бізнесу

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

Лєна Мавріна

Experience Designer at Eleks

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

Для того, щоб зробити щось нове, потрібно спершу добре розібратись у старому. Попередній дизайн мав свою логіку, і потрібно її зрозуміти. У процесі редизайну важливо провести стейкхолдер-інтерв’ю, юзер-інтерв’ю. Дослідити аналітику цього сайту/продукту й зрозуміти потреби користувачів. Зробити порівняльний звіт за конкурентами. Далі — визначити pain points. Після цього визначити зони покращення (попередньо ранжуємо пейнпойнтс). Процес доволі довгий.

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

3. Конкурентний аналіз

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

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

4. Редизайн

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

5. Протестувати як користувач

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

Наталя Войтанович

UI/UX Designer at Wirtualna Polska

«Редизайн робиться для того, щоб донести до юзера найкращий експірієнс.

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

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

Отже, у редизайні найголовніше:

  • розробка концепції;
  • програмування;
  • новий текстовий контент;
  • створення макета сайту;
  • верстка сайту;
  • перевірка функціональності.

Редизайн може запускати гаму від візуального оновлення до повного ремонту роботи користувачів.

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

Пам'ятайте, що хороший дизайн UI/UX починається з вивчення наявного інтерфейсу, оскільки це найкращий прототип для вашого нового продукту.