Человек без мыши идёт по оформлению клавишей. Фокус прыгает в чат и в шапку, поля без рамки, не видно, где он. Подсказка внутри поля стёрлась — непонятно, что писать. Цена серая на сером. Иконка корзины без слова. Часть людей физически не оформит заказ. Это не вкус дизайнера. Это касса, закрытая для них.
Карта кликов без согласия не заменяет проход без мыши. Тепло не покажет, что фокуса нет.
Проблема
Поля, доставка, оплата, оформить. Не чат первым. Рамка фокуса видна, её не снимают «для красоты». Подпись поля живёт снаружи, внутри — пример. У иконки корзины есть слово. Клавиша ввода на «оформить» отправляет заказ, не открывает чат. Список способов доставки открывается с клавиатуры, не только мышкой.
- Ошибка поля рядом и достаточно тёмная, не бледно-розовая на белом.
- Пересчёт доставки не сбрасывает фокус в начало страницы посреди индекса.
- При увеличении шрифта на полтора раза кнопка не уезжает под чат.
- Подпись читается, когда браузер сам подставил номер.
Причина
Решение
Системный крупный шрифт. Поля не наезжают на кнопку. Липкий низ не закрывает «оформить». Если тёмную тему не поддерживаете — не ломайте системные цвета полей так, что цифры исчезают. Серая цена на сером на витрине означает: не видно, можно ли купить.
Каркас витрины, который сбрасывает фокус при дорисовке блока, чинят в живой зоне. Иначе человек теряет место в индексе и бросает форму.
Часть заказов иначе невозможна. Прогон без мыши — обязательная приёмка кассы, не «если останется время». Сотрудник с мышью этот прогон не заменяет.
Если тёмную тему не поддерживаете, не перекрашивайте поля так, что системные цвета делают цену невидимой. Корзина находится с начала страницы без мыши. Ввод на «оформить» не открывает чат. Подпись поля читается при автозаполнении.
Прогон без мыши — обязательная приёмка, не косметика. Часть оплат иначе физически невозможна. Сотрудник с мышью этот прогон не заменяет. Рамку фокуса не снимают «потому что дизайнер так видит». Дизайнер не оплачивает заказ за человека, который рамки не видит.
Кастомный список доставки открывается с клавиатуры. Маска телефона с подписью снаружи. Чат не первым в обходе. Каркас не сбрасывает фокус посреди индекса. При полуторакратном шрифте «оформить» не под липкой панелью.
Это обязательная приёмка кассы. Часть людей не купит иначе. Снимать рамку фокуса «для красоты» — закрывать им оплату. Красота без оплаты — макет. Макет подождёт.
- Системный крупный шрифт.
- Поля не наезжают на кнопку.
- Липкий низ не закрывает «оформить».
- Если тёмную тему не поддерживаете — не ломайте системные цвета полей так, что цифры исчезают.
Проверка
Только клавиатура: гость оформляет тестовый заказ. Фокус не теряется. Цена читается. Корзина находится без угадывания картинки. При крупном шрифте кнопка нажимается. Не убирайте рамку фокуса. Не оставляйте иконку без имени. Не ставьте чат первым. Не проверяйте только мышью. Не подменяйте проход тепловой картой без права на запись.
Чек-лист
- Системный крупный шрифт.
- Поля не наезжают на кнопку.
- Липкий низ не закрывает «оформить».
- Если тёмную тему не поддерживаете — не ломайте системные цвета полей так, что цифры исчезают.
Назад в раздел
