Как да използвате пояснения в дизайна на потребителския интерфейс, все още високо

Как да използвате пояснения в дизайна на потребителския интерфейс, все още високо

Подсказка (подсказка) помага на потребителя да разбере непознати или странни обекти, които са на сайта. Това е един лесен начин за опростяване на потребителския интерфейс - да предоставят на потребителите информация се нуждаят, когато те се нуждаят от нея, с минимални усилия от тяхна страна. Можете също така трябва да помогне на уеб разработчиците да използват ефективно размера на екрана.

Как да използвате пояснения в дизайна на потребителския интерфейс, все още високо

Изпълнение на подсказката на сайта Dribbble

Очевидно е лошо проектирани пояснения досадно, особено ако не носят полезна информация. Ето защо, ние разгледаме как да ги направят полезни и ефективни.

Как става това?

Подсказки се показват автоматично, когато потребителят носи на елемента на интереси, както и скрити, когато той премахва показалеца на мишката от клетката.

Подсказки за да бъдат или да не бъде?

Кога да ги използвате:

  • Продуктът не е въведен етикет. Ако един бутон или икона е толкова малка, че няма място, за да го опиша, подсказката ще е полезно

Как да използвате пояснения в дизайна на потребителския интерфейс, все още високо

  • Когато подсказка може да се побере много информация, премахване необходимостта да пиша информация за обекта

Как да използвате пояснения в дизайна на потребителския интерфейс, все още високо

Когато не се използва

  • Потребителят трябва да кликнете върху подсказка. Никога не правете интерактивна подсказка, тъй като лицето ще трябва да се движи мишката и подсказка ще изчезне
  • Когато човек използва мобилна версия на сайта, но ако наистина искате да добавите подсказка подчертае елемент, за да стане ясно, че бакшиш за кликване върху.

Правилното проектиране подсказка

Основният проблем с подсказки, които те не разполагат с полезни съвети за това как да ги намерите. Но потребителят трябва все още интуитивно усеща, когато той трябва да бъде в светлината на опита от миналото или експериментиране.

Той съдържа полезна информация

Добър подсказка съдържа кратка и полезна информация:

  • Изскачащи прозорци са подходящи за кратки изречения

Как да използвате пояснения в дизайна на потребителския интерфейс, все още високо

  • Как да не правим: достатъчно намеци нечетлив

Как да използвате пояснения в дизайна на потребителския интерфейс, все още високо

Тя не съдържа динамична информация

Човек не очаква, че информацията ще се промени в подсказката, и по-добре след това принуден да вземе изскачащ прозорец

Място, където го очаква да види

Но това не се отнася до върха самия обект

Поставете го малко по-ниска, но това не стане ясно кои обекти се отнася намек

Подсказка е проектиран да се опрости на потребителя за ползване на обекта или на програмата, така че не се страхувайте да използвате тези съвети, но те трябва да се използва разумно.