UI что происходит с подсказками?

29-5-2021 10:03
Автор: Андрей Родионов Избранные Закладки Приглашение

UI/что происходит с подсказками, которые делают ваш пользовательский интерфейс более удобным

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


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

Однако, если всплывающие подсказки плохо разработаны, они отвлекают, а подсказки с низкой доступностью могут раздражать.

Принцип работы

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

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

Когда использовать

* Управление кнопками/значками без текстовых меток. Если кнопки, метки или значки не имеют соответствующих текстовых меток или описательных элементов, но нуждаются в кратком объяснении, всплывающие подсказки могут быть хорошими дополнениями к этим элементам управления.

* Там, где требуются дополнительные инструкции или дополнительные инструкции. Всплывающие подсказки могут служить прогрессивным механизмом представления информации, что позволяет избежать постоянного отображения большого количества текстового контента на экране. Если это то, что необходимо, оно должно быть закреплено в пользовательском интерфейсе, чтобы пользователи всегда могли видеть; вместо того, чтобы быть важным и желать, чтобы пользователи могли легко видеть, всплывающие подсказки-отличный способ показать это.

* Редко используемые функции или функции, требующие отдельного объяснения. Такие функции и функции, поскольку они являются особыми или редко используются, заставляют пользователей по-настоящему использовать их, в основном, с помощью подсказок, чтобы понять и ознакомиться.

Это приложение под названием StackExchange, которое, по оценкам, будет иметь пользователей, которые будут думать, что они могут прокручиваться вверх и вниз без подробных инструкций, сообщающих пользователю, что это кнопки.

Когда следует избегать использования

Возможно, самое достойное руководство-никогда не использовать всплывающие подсказки для замены хорошего дизайна.Если кнопка или элемент управления должны никогда не смотреть на подсказку, чтобы понять это, то это даже не хороший дизайн.Отрегулируйте его или просто перепроектируйте.

В следующих случаях также лучше не использовать всплывающие подсказки:

  • Когда пользователь должен взаимодействовать с содержимым подсказки.Поскольку всплывающая подсказка становится недоступной при перемещении курсора, пользователь не может взаимодействовать с content=.
  • Когда пользователь просматривает мобильное приложение или мобильный веб-сайт.Та же логика, поскольку мобильные устройства основаны на касании, возможно, иногда прикосновение может активировать всплывающие подсказки, но это противоречит предсказуемому интуитивному взаимодействию пользователя.

Отличный дизайн подсказок

Хорошие всплывающие подсказки обычно следуют следующим правилам проектирования:

Легко найти

Самая большая проблема с всплывающей подсказкой заключается в том, что она поставляется со скрытыми свойствами, отсутствием визуальных подсказок, и, как правило, состояние указателя изменяется, когда курсор мыши пользователя перемещается по соответствующему элементу управления,что, вероятно, является одним из немногих визуальных подсказок.Но даже в этом случае пользователи должны обнаружить наличие всплывающих подсказок на основе предыдущего опыта или путем постоянных экспериментов.

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

Предоставление соответствующей информации

Хорошая подсказка будет содержать краткую, но полезную информацию:

* Всплывающие подсказки лучше всего подходят для коротких и понятных фраз и коротких предложений, а также для форматированного текста.

Не используйте предложения с большими абзацами, которые трудно читать.

Используйте форматирование и легкий быстрый взгляд на чтение текста.

* Текст подсказки должен содержать действительную информацию.Он не просто повторяет то, что уже есть,а дает практическую, полезную информацию, которая в противном случае была бы бессмысленной.

Содержит статическую информацию

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

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

Он должен быть в разумном положении.

Всплывающие подсказки обычно должны быть приостановлены рядом с элементами управления пользовательского интерфейса, обычно в голове или хвосте курсора (в общем). Стоит отметить, что он не должен блокировать поля ввода, значки и другие ключевые места, на которые пользователи обращают внимание и заинтересованы.

Не закрывайте элементы управления, с которыми пользователь должен взаимодействовать.

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

Эпилог

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

Далее в статьях мы будем публиковать материал по следующим темам: 

Дизайн интерфейсов, дизайн пользовательского интерфейса, дизайн интерфейса приложения, графический дизайн интерфейсов, разработка дизайна интерфейса, дизайн мобильных интерфейсов, дизайн веб интерфейсов, дизайн интерфейсов ux дизайн, дизайн ui интерфейсов, дизайн интерфейса программы, дизайн интерфейса сайта, дизайн интерфейсов мобильных приложений, дизайн интерфейса системы, дизайн интерфейсов курсы, дизайн интерфейса пользователя, графический дизайн пользовательского интерфейса, дизайн элементов интерфейса, проектирование и дизайн интерфейсов, создание дизайна интерфейса, новый дизайн интерфейса, дизайн интерфейсов книга, визуальный дизайн интерфейсов, ux ui дизайн проектирование интерфейсов, дизайн интерфейса игры


Отлично

Хорошо

Средне

Плохо

Ужасно
В статье уже есть0 Участие в комментариях

Пожалуйста, оставьте комментарий

Все комментарии

Понравилось Прочитано30 Коментариев0
Предыдущий:
Следуюий:
Как улучшить дизайн выпадающего меню?Дата публикации:2021-05-29
Рекомендуем
Популярное
ТOP 10
Новинки
Сектор творческих людей
Горячая линия

638638758

С понедельника по воскресенье с 9:00 до 23:00

Обратной связь

admin@artace.ru Онлайн

QR-код

Powered by Discuz! X3.4© 2001-2018 Comsenz Inc.