UI/UX Дизайн

Процес розробки дизайну

• 01

  Аналізи та дослідження

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

• 02

  Особливості листингу

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

• 03

  Статичне прототипування

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

  • Project managers, business analysts, and the client discuss and finalize their shared vision of the project structure.
  • We define key screens of the application, scratch them and discuss them with the client.
• 04

  Тести та карти подорожей

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

• 05

  Керівництво по стилю

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

• 06

  Атоми на сторінки

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

• 07

  Система проектування

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

• 08

  Клікабельне прототипування

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

• 09

  Ітераційні тести користувача

  Після завершення першої ітерації дизайну ми перевіряємо результати на групі користувачів і вносимо виправлення та коригування на основі їхніх відгуків.

• 10

  Стандартизація перед розробкою

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