🐎 В прошлом посте вы искали ошибки на экране записи на урок верховой езды. Сверяем ответы: 1. Цель экрана. «Next ride» можно принять за название уже запланированного урока. Заменила на «Book your next ride», чтобы сразу обозначить действие. 2. Фото забирало внимание. Оно занимало почти половину экрана и отодвигало форму вниз. Я сократила фотоблок, сделала плавный переход фото в фон и подняла остальной контент. 3. Возврат был неочевиден. Добавила кнопку «Назад» в левом верхнем углу, чтобы была очевидная возможность вернуться на предыдущий экран. 4. Выбор Indoor / Outdoor. Toggle Switch используют только для настроек с двумя состояниями — «вкл» и «выкл». Indoor и Outdoor — два взаимоисключающих формата, поэтому я заменила тумблер на сегментированный контрол. У каждого варианта своя зона нажатия, а синий фон показывает, какой формат выбран. 5. Кто ведёт урок? По имени и фото Анны её роль приходилось угадывать. Добавила подпись «Riding instructor», чтобы сразу было понятно, кто проведёт занятие. 6. Даты выглядели как подписи. Визуально просто выбран текущий день недели, а остальные нельзя нажать. Также в глобальном отображении проработать состояния дат: неактивные и доступные даты чтобы визуально различались. 7. Переход к другим датам. Выровняла месяц и год по левому краю и добавила кнопку полного календаря. Теперь к нужной дате можно перейти без серии свайпов. 8. У слотов не было подписи. Добавила «Available time», чтобы сразу было понятно, что это свободное время на выбранный день. 9. Смысловые блоки стояли слишком близко. Увеличила отступы. Так проще считывать экран по блокам и находить нужную информацию. 10. Типографика. Привела размеры и стили текста к единой системе. Даты и время набрала одним кеглем, а второстепенные подписи сделала менее акцентными. Так проще различить заголовки, данные и пояснения. 11. Иконка времени была перегружена. Заменила её на простые часы со стрелками. Помним, что чем меньше иконка, тем меньше деталей ей нужно, чтобы оставаться узнаваемой. 12. Единое выравнивание. Да, в мобильных интерфейсах мы смело можем выравнивать контент по центру, но для такой задачи всё выглядело хаотично. Теперь все смысловые блоки выровняла по левому краю. Такие общие направляющие помогают быстрее считывать информацию. Хотите еще такие примеры? Тогда жмём ❤️

А давайте не будем просто использовать chatGPT или Claude, а подумаем самостоятельно! Исходя из своих навыков и знаний!!⬆️

Подготовила для вас интересное задание. Найди ошибки, которые есть в этом интерфейсе. Напиши свой вариант в комментариях 💬