Магазин принимает форму заказа, где непонятно, в каком поле курсор, а подпись «тел» пропадает при вводе. Студия принимает заявку с серыми призраками вместо слов.
Страх «это же для слепых, нам рано» и жадность голой клетки оставляют форму, которую ломает и палец, и клавиатура. Фокус и подпись поля — пункт ТЗ: видно, куда писать, подпись не исчезает. На этой неделе опишите поля как для человека, не как для макета.
Проблема
Владелец магазина боится «сложной доступности» и пишет «обычная форма, без лишнего». Владелец студии стыдится длинных подписей и оставляет призрак «имя» внутри клетки: красиво, пока пусто. Жадность общая — меньше текста на экране. Гость начинает писать — подпись пропадает — забыл, телефон это или почта. Фокус скачет. С клавиатуры не попасть. На телефоне поле под панелью. Приёмка «форма есть». Человек форму бросает.
Фокус и подпись в проекте — поведение поля, не манифест. В ТЗ: у каждого поля есть видимая подпись снаружи, не только призрак внутри; видно, какое поле активно; ошибка рядом с полем, не сверху страницы; с клавиатуры можно дойти до кнопки. Это принимают гостем и одним проходом Tab. Не принимают «сделайте доступно» без этих фактов. Большие отдельные нормы и аудиты живут у специалиста. В задании сайта — экран, который можно заполнить без догадки.
Причина
Магазин: форма из 6–10 полей. Потеря подписи на телефоне — отказ на шаге, где деньги уже почти случились. Чинить после вёрстки — 1–3 дня и риск сломать адреса. Студия: 4–7 полей заявки, призрак вместо подписи — путаница телефона и почты, письма не доходят. Описать поля в приложении ТЗ — два часа. Ловить «ну это дизайн» — неделя круга. Смета формы без фокуса врёт: клетка есть, жеста нет.
Масштаб. На запуске не рисуют отдельный институт доступности. Рисуют таблицу полей: подпись снаружи, пример, ошибка, обязательность, куда уходит фокус после ошибки. На 40 карточках и простой кассе этого хватает. На 8 услугах — тоже. Контраст «как в бренде» не отменяет подпись. Если бренд просит пустые клетки «минимализм», в ТЗ всё равно оставляют слова. Минимализм, в котором не видно поля, не принимают как форму. Магазин с 6–10 полями теряет гостя на адресе, если «квартира» исчезла. Студия с 4–7 полями путает имя и телефон, если оба — серые призраки. Таблица на десять минут дешевле дня писем «куда писать».
- Подпись снаружи клетки — пункт приёмки, не вкус.
- Фокус видно, с клавиатуры можно дойти до кнопки.
- Магазин: телефон и адрес не теряют названия при вводе.
- Студия: имя и слот подписаны, призрак не единственный текст.
Решение
Откройте черновую форму и выключите мышь. Магазин идёт по заказу. Студия — по заявке. Где потеряли смысл поля — туда подпись в ТЗ.
- Выпишите поля таблицы: подпись снаружи, призрак не вместо подписи.
- Запретите подпись, которая исчезает, когда человек пишет.
- Пройдите форму клавишей хода по полям. Где фокус не видно — пункт ТЗ.
- Ошибку привяжите к полю, не к верху страницы.
- В ТЗ: «поля принимают с подписью и фокусом». Фразу «обычная форма» уберите.
Проверка
Фраза магазина: «У телефона и адреса подпись снаружи, фокус виден, ошибка у поля». Фраза студии: «Имя, телефон, услуга подписаны, призрак не заменяет слово». Положите таблицу в приложение. Если дизайнер присылает пустые красивые клетки, полей в задании всё ещё нет.
Остановитесь, когда гость с клавиатуры и гость с пальца заполняют форму без вопроса «это что». Не обещайте полный аудит в том же абзаце. Аудит — отдельный круг. Пока подпись пропадает в момент ввода, форму этапа не принимают.
Чек-лист
- Выпишите поля таблицы: подпись снаружи, призрак не вместо подписи.
- Запретите подпись, которая исчезает, когда человек пишет.
- Пройдите форму клавишей хода по полям. Где фокус не видно — пункт ТЗ.
- Ошибку привяжите к полю, не к верху страницы.
- В ТЗ: «поля принимают с подписью и фокусом». Фразу «обычная форма» уберите.
Назад в раздел
