4 эвристика: Последовательность и стандарты. Закон Якоба Нильсена гласит, что пользователи проводят большую часть времени на других сайтах, изучим все эти паттерны на практике, в рамках 1 экрана.
Суть: большинство экранов уже превратились в стандартные паттерны, где люди ждут усидеть определенные элементы в определенных местах. Я рассказываю про экраные паттерны и про элементы из которых они состоят.
- Про каждый контрол написан небольшой гайд и дана ссылка на примеры использования
2. Экранные паттерны и принципы их построения:
- Конфигуратор объекта
- Форма ввода
- Каталог: выбор и поиск объекта
- Таблица и карточка
3. Навигационные паттерны
- Навигация SaaS
- Навигация e-commerce от 10 до 10 миллионов объектов
- Мобильная и десктопная навигация
- Модальность, петли, сплит скрин и линейные сценарии
4. Навигационные контролы
- Menu, mega menu
- Sidebar
- Navbar
- Tabbar
- Card Slider
- Popup (s, m, l), dropdown, dropdown menu
- Popover
- Bottom sheet (30, 50, 80%, fullscreen)
- Toolbar: system & custom
- Collapse, accordion
- Все виды кнопок
5. Коммуникационные контролы
- banner
- toast, snackbar
- tooltip, hint
6. Контролы ввода, нюансы их использованияи сами компоненты
- Методы ввода: числа, текст, значения ввод, текст, числа, геопозиция, дата и время, поиск, телефон
- Контролы для выбора из N вариантов
- Checkbox
- Radio Button
- Segmented Control
- Switcher
- Slider
- Chip, Tag
- Tab
- List Item
7. Гайд по состояниям
- Состояния компонента
- Состояния экрана