Гайдлайн по iOS на русском. Часть 81 — Контролы: Текстовые поля (Инпуты)

Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна (лайк, подписка и тд). В этой серии постов я делюсь вольным переводом iOS гайдлайна на русский язык. Как и с переводом Material Design все части будут объеденены в 1 notion документ. Оригинальный источник этой части: здесь.

Текстовое поле — это однострочное поле фиксированной высоты, которое автоматически отображает клавиатуру, когда люди тапают собственно на инпут. Используйте текстовое поле для запроса небольшого объема информации, такой как имя или адрес электронной почты.

Покажите подсказку в текстовом поле, чтобы сообщить о его назначении. Текстовое поле может содержать текст-подсказку (плейсхолдер), такой как “Электронная почта” или “Пароль”, когда в поле нет другого текста. Избегайте использования отдельной подписи для описания текстового поля, если достаточно текста-подсказки.

Показывайте кнопку “Очистить” в конце текстового поля, чтобы помочь людям удалить введенные данные. Когда этот элемент присутствует, люди могут нажать на него, чтобы очистить содержимое текстового поля, без постоянного нажатия на клавишу “Удалить”.

Используйте безопасные текстовые поля для скрытия личных данных. Всегда используйте безопасное текстовое поле, когда ваше приложение запрашивает конфиденциальные данные, такие как пароль (то самое где будет маска: *****).

Используйте изображения и кнопки для добавления ясности и функциональности текстовых полей. Вы можете использовать кастомные изображения в обоих концах текстового поля или добавить системную кнопку. Как правило, в начале инпута располагается иконка, чтобы дать ясности сути инпута, а в конце располагают кнопку, чтобы предложить дополнительные функции.