Потребителско проучване
Интервюта, анализ на съществуващите данни от аналитиката и преглед на това какво правят конкурентите. Целта е да знаем защо потребителите се държат по определен начин, преди да променяме нещо.
Повечето интерфейси не се провалят, защото са грозни. Провалят се, защото искат от потребителя да мисли — да търси къде е бутонът, да гадае какво ще стане при натискане, да попълва полета, чийто смисъл не му е ясен. Всяко такова колебание е загубена конверсия.
UX/UI дизайнът при нас започва с наблюдение, а не с цветова палитра. Гледаме какво правят реалните потребители, къде спират и какво ги връща назад. След това проектираме потока така, че следващата стъпка да е очевидна.
Резултатът не е само по-приятен изглед. По-ясният интерфейс намалява запитванията към поддръжката, съкращава времето за обучение на нови служители и прави последващите промени по-евтини, защото са изградени върху система, а не върху разпилени екрани.
Какво включва
Потребителски потоци и wireframes
Схема на пътя от първото попадение до желаното действие, и нискодетайлни макети на екраните по този път. Тук се решават структурните въпроси, докато промените още са евтини.
Интерактивни прототипи
Кликаем прототип, който може да се тества с реални хора преди да е написан ред код. Много по-евтино е да откриеш проблем тук, отколкото след разработката.
Дизайн система
Компоненти, типография, цветове и състояния, документирани като едно цяло. Следващият екран се сглобява от готови части, вместо да се рисува отначало.
Достъпност
Контраст, размери на елементите за докосване, навигация с клавиатура и смислена структура на заглавията. Достъпният интерфейс е по-използваем за всички, не само за хората с увреждания.
Как протича
01 — Одит на текущото състояние
Преглеждаме съществуващия интерфейс и данните за него. Ако няма аналитика, започваме с това да я настроим.
02 — Проучване
Разговори с потребители и вътрешни екипи. Обикновено най-полезното идва от хората, които всеки ден отговарят на въпросите на клиентите.
03 — Проектиране
Потоци, wireframes и след това визуален дизайн. Всеки етап се одобрява, преди да се премине към следващия.
04 — Тестване
Прототипът се дава на реални хора и се наблюдава къде се затрудняват. Дизайнът се коригира според наблюденията.
05 — Предаване към разработка
Документирана дизайн система и спецификации, с които екипът за разработка може да работи без да гадае.
Какво правим
01
User research и персони
02
Wireframes и prototypes
03
Визуален дизайн
04
Usability тестване
05
Design системи
Идеален за
·SaaS продукти
·Мобилни приложения
·Комплексни платформи
·Редизайн проекти
Свързани услуги
Въпроси
UX е за това как работи нещо — каква е структурата, какъв е пътят на потребителя, къде се взимат решенията. UI е за това как изглежда и се усеща — типография, цвят, състояния, движение. Двете се проектират заедно, защото красив интерфейс върху сбъркан поток не помага, а логичен поток с нечетим интерфейс също не работи.
Зависи какво значи „работи“. Ако получавате трафик, но малко запитвания, проблемът рядко е в трафика. Обикновено се вижда в аналитиката — страници с висок процент на отпадане, форми, които се започват и не се довършват, стъпки, на които хората отпадат. Ако имате такива данни, започваме от тях.
Да. Принципите са същите, но конвенциите на iOS и Android се различават от уеб и това се отразява на навигацията, жестовете и състоянията. Проектираме за платформата, а не пренасяме уеб екрани в приложение.
Да. Предаваме документирана дизайн система и спецификации, с които вашият или външен екип може да работи. Това е чест сценарий, когато имате вътрешни разработчици, но нямате дизайнер.