11. Можно начинать создавать с первого
спринта, проанализировав аналоги и
учитывая опыт взаимодействия
пользователей с предшествующей
системой, а так же специфику сферы.
UX-гайд
12. UX-гайд
• Модальность
• Поведение иконок и контролов
• Виды нотификаций и эрроров
• Легенда для подсветок и иконок
• Порядок отображения дат
• Сокращения, скейты, аббревиатуры
• Многое другое, зависит от проекта
13. Лучше собирать постепенно,
основываясь на концепте, который
понравился заказчику. Идеальный
вариант - создать на его основе
библиотеку компонентов в React JS.
UI-гайд
14. UI-гайд
• Сетка и шаг
• Цвета и стили кнопок, контролов, панелей и пр.
• Шрифты
• Легенда для подсветок и иконок (!)
• Многое другое, зависит от проекта
17. … и его подводные камни
UI/UX-
дизайнер
Frontend
QA
User-
feedback
Backend/
Mashine
Learning
BA1
2 3
4
База
приложение
медленнее
работает
Измененияв
других стримах
18. Лайфхаки общения с заказчиком
• Заказчики любят интерактивные концепты. Пусть самые простые, но
чтобы по клику панели выезжали и уезжали, а дропдауны
раскрывались.
• Сложные кейсы полезно бывает дополнять презентациями, где
действия показаны пошагово.
• В мокапах для финансовых систем никаких Lorem Ipsum!
Только строчки из реальных финансовых репортов, только хардкор.
• Кстати, все вычисления тоже должны сходиться.
• Не говорите резкое “нет” идее заказчика если у вас нет
альтернативного концепта.
19. О любви
Представьте, что вы пользуетесь своим приложением
каждый день 8 часов подряд 5 дней в неделю.
Представили?
А теперь верните в таблицы бордеры,
уберите непонятные иконки,
убавьте количество всплывающих окон
и подумайте о тех,
чьи зрение или монитор отличаются от ваших.
СПАСИБО :)