Закон Якоба гласит, что юзеры проводят 99% времени не на вашем сайте. Соцсети, профессиональные сервисы, большие магазины, юзеры привыкают к определенным паттернам. Чтобы сделать интерфейс, не нужно изобретать велосипед, нужно воспроизвести привычный паттерн, но есть нюансы…
Гайд по контроламМы уже собрали для тебя примеры из больших дизайн систем и написали небольшой гайд про каждый контрол. Больше ничего не нужно запоминать, просто заходи, читай материалы и срисовывай себе в библиотеку нужный элемент
- Экранные паттерны: конфигуратор, форма, каталог с таблицей или карточками
- Навигация SaaS и e-commerce от 10 до 10 миллионов объектов
- Мобильная и десктопная навигация
- Модальность, петли, сплит скрин и линейные сценарии
- Навигационные контролы: menu, sidebar, navbar, тabbar, popup, popover, bottom sheet, toolbar
- Коммуникационные контролы: banner, toast, snackbar, tooltip, hint
- Значения ввода: текст, числа, геопозиция, дата и время, поиск, телефон
- Контролы выбора N из N вариантов: checkbox, radio, segmented control, switcher, slider, chip, tag, tab, list Item
Юзабилити экрана- Закон Фиттса. Экономия одной маленькой сраной калории
- Видимость статуса системы
- Пользовательский контроль и свобода
- Группировка и юзабилити
- Предотвращение ошибок вместо обвинений
- Контент юзера это святое
- Когнитивная очистка
- Как делать подъем в иерархии
- Скрыть / раскрыть модальность
Состояния экрана и компонентаВерстка динамического контента
Гайд по написанию интерфейсных текстовВы делаете вайрфреймы 4-5 экранов первого кейсаЭфир-разбор вайрфреймовВы рисуете UI 5-6 экранов первого кейса по вайрфреймамЭфир-разбор UI макетовВы правите UI макеты