Запускаєте новий цифровий продукт
Потрібно визначити екрани, переходи й поведінку інтерфейсу до програмування. Прототип допоможе обговорити рішення з командою та розробниками.
Розробка
UX/UI-дизайн
Продумуємо, як людина користуватиметься продуктом: що побачить, куди перейде й як виконає потрібну дію. Дизайн можна замовити окремо або разом із розробкою.
Що таке UX/UI-дизайн в Eqvola
UX — це логіка: які кроки проходить людина, що їй потрібно знати на кожному з них і де вона може помилитися. UI — це вигляд цієї логіки на екрані: композиція, типографіка, кнопки, форми та їхні стани.
Починаємо зі сценаріїв, а не з красивого першого екрана. Спочатку погоджуємо структуру й прототип, потім — візуальний дизайн. Так основні рішення обговорюємо до програмування, поки змінювати їх найпростіше.
Проєктуємо не лише основний шлях, а й помилки, завантаження, порожні списки, різні права доступу та розміри екранів. Саме ці стани найчастіше залишаються непродуманими й стають несподіванкою під час розробки.
Дизайн може бути окремим замовленням: тоді передаємо макети вашим розробникам або іншому підрядникові й заздалегідь погоджуємо формат передавання. Логотип і фірмовий стиль — окрема послуга маркетингового напряму.
Коли потрібна ця послуга
Користувачі плутаються в наявному продукті
Люди не знаходять потрібних функцій, не завершують форми чи постійно звертаються до підтримки. Розберемо сценарії й запропонуємо зміни інтерфейсу.
Робоча система незручна для команди
Працівники роблять зайві кроки, шукають дані на різних екранах або помиляються у формах. Спроєктуємо інтерфейс під їхні реальні задачі.
Розробники є, а дизайну бракує
Ваша команда програмує, але макетів немає або вони не охоплюють усіх станів. Підготуємо дизайн і погодимо формат передавання в розробку.
Інтерфейс розрісся без єдиних правил
Кожен новий розділ виглядає по-своєму, а кнопки й форми поводяться по-різному. Зберемо повторювані елементи в узгоджений набір компонентів.
Можливо, вам потрібне інше
Потрібні логотип і візуальна айдентика бренду → Логотип, айдентика та ребрендинг
Сторінка не дає заявок: потрібна робота з пропозицією й текстами → Лендінги та маркетингове доопрацювання сайтів
Потрібно з’ясувати, що саме заважає покупці на сайті → Оптимізація конверсії — CRO
Що входить у UX/UI-дизайн
Дослідження й сценарії
- з’ясування, хто користуватиметься продуктом і з якою метою;
- аналіз наявного інтерфейсу, якщо він є;
- опис ключових сценаріїв і ролей;
- структура розділів і навігації.
Прототип
- схеми основних екранів і переходів між ними;
- логіка форм, фільтрів і повідомлень;
- обговорення прототипу з вами й розробниками;
- фіксація погоджених рішень до візуального дизайну.
Дизайн інтерфейсу
- візуальний стиль у межах наявного бренду;
- адаптивні макети для потрібних розмірів екранів;
- стани елементів: помилки, завантаження, порожні дані;
- набір компонентів і пояснення для розробки.
ЯК МИ ПРАЦЮЄМО
Як проходить робота
Ви погоджуєте сценарії, прототип і дизайн по черзі, а ми готуємо кожен етап і пояснюємо рішення.
- 01
Знайомство із завданням
Обговорюємо продукт, користувачів, наявні матеріали й обмеження. Визначаємо, які сценарії та екрани входять у роботу.
- 02
Сценарії та структура
Після договору й оплати описуємо шлях користувача, ролі й навігацію. Результат: погоджений перелік екранів і переходів.
- 03
Прототип
Збираємо схему екранів без візуального оформлення й перевіряємо логіку. Зміни на цьому етапі вносити найпростіше.
- 04
Візуальний дизайн
Оформлюємо погоджений прототип у макети з усіма потрібними станами. Готуємо компоненти для повторного використання.
- 05
Передавання в розробку
Передаємо дизайн-файли й пояснення в погодженому форматі. Відповідаємо на питання розробників у межах домовленості.
Що ви отримуєте
Опис сценаріїв і структури
Ролі, ключові шляхи користувача й перелік екранів, з якими працює дизайн.
Прототип
Схема екранів і переходів, на якій можна обговорити логіку до програмування.
Дизайн-макети
Адаптивні екрани з помилками, завантаженням, порожніми станами та іншими варіантами поведінки.
Набір компонентів
Кнопки, форми, таблиці та інші елементи з правилами використання для нових екранів.
Дизайн-файли для розробки
Погоджений комплект файлів і пояснень для ваших розробників або для подальшої розробки з нами.
Що потрібно від вас
- опис продукту, користувачів і задач, які вони виконують;
- доступ до наявного продукту або його макетів, якщо вони є;
- брендові матеріали: логотип, кольори, шрифти;
- контакт із розробниками, якщо дизайн передається іншій команді;
- людина, яка погоджує сценарії та макети.
Справжні тексти й дані замість заглушок допомагають побачити реальні проблеми інтерфейсу.
Від чого залежить вартість
Формати співпраці
Окреме дизайн-замовлення. Сценарії, прототип і макети для передавання вашим розробникам.
Дизайн у складі розробки. Проєктування інтерфейсу як етап повного циклу створення продукту.
Від чого залежить вартість
- кількості унікальних екранів і сценаріїв;
- кількості ролей і станів інтерфейсу;
- потрібних розмірів екранів і платформ;
- наявності брендових матеріалів;
- потреби в наборі компонентів.
Що оплачується окремо
- розробка логотипа й фірмового стилю;
- шрифти, фото й ілюстрації за платними ліцензіями.
Чи можна замовити тільки дизайн без розробки?
Так. Готуємо сценарії, прототип і макети, а розробку виконує ваша команда або інший підрядник. Формат передавання й нашу участь у відповідях на питання розробників погоджуємо заздалегідь.
Чим UX відрізняється від UI?
UX відповідає за логіку: які кроки проходить людина й чи може вона виконати потрібну дію. UI — за те, як це виглядає: композицію, кольори, шрифти й елементи. Працюємо з обома, але починаємо з логіки.
Чи можна оновити дизайн наявного продукту без переробки всього?
Так. Можемо почати з найпроблемніших сценаріїв або екранів. Спочатку оцінюємо, що працює, а що заважає користувачам, і пропонуємо поетапні зміни.
Ви розробляєте логотип і фірмовий стиль?
Це окрема послуга маркетингового напряму. Для інтерфейсу використовуємо наявні брендові матеріали. Якщо їх немає, можемо підключити команду брендингу.
Чи принесе новий дизайн більше заявок?
Не обіцяємо цього. Зручний інтерфейс прибирає перешкоди, але кількість заявок залежить також від пропозиції, ціни й трафіку. Якщо потрібно перевірити вплив змін, допоможе робота з конверсією. Усі питання та відповіді
ВАШ НАСТУПНИЙ КРОК
Обговорімо ваше завдання
Розкажіть, що вже є, що не працює та якого результату очікуєте. Переглянемо запит, уточнимо деталі й запропонуємо наступний крок.