Бутони – подчертайте главното действие

15 август 2012, Коментари: 0, Автор: Ирина Герджикова
Pубрики и теми: Експертни съвети

Често, в тестовете за ползваемост, наблюдаваме как потребителите се озадачават в интерфейси с няколко бутона, предлагащи различни действия. Когато са по-неуверени или тепърва се ориентират в системата, това може да стане сериозна пречка, а се случва и да сбъркат.

Ето и един пример от система за електронно банкиране.

На кой бутон трябва да цъкна, за да извърша плащане?

не става ясно на кой от всички бутони трябва да цъкна

 

Предложени 4 възможни действия след попълване на бланка за извършване на плащане. Допълнителен проблем е, че нито едно от имената на бутоните не подсказва плащане. Това е само един пример, а в ежедневието ни има много подобни интерфейси.

Най-доброто решение за подобни ситуации е да се слага само един бутон, подсказващ главното действие (Главен бутон или Primary button в материали за UX дизайн на английски език). Това е действието, което очаквате потребителите да извършват най-често или онова, което искате да им подскажете да направят. За всички останали опции могат да се използват връзки.

Добър пример за подчертаване на главното действие при качване на снимки от интерфейса на WordPress.

Главното действие е бутон, а второстепенното - връзка

 

 

Още едно добро решение от форма за филтриране в e.niva.bg

Използван е бутон за главното действие, а за по-малко важното е използвана връзка

 

 

 

 

 

 

 

 

 

Друг вариант е за по-второстепенните действия да се използват по-малки бутони.

Един добър пример от Google.

Главният бутон е по-голям, което подсказва на потребителите къде да цъкнат.

Не карайте потребителите да мислят, а им подскажете какво се очаква от тях да направят като подчертаете главното действие :)

Вижте още:

Още съвети от нашите консултанти

Истории за нашите проекти и клиенти

Как да правим лесни за ползване сайтове и софтуер – еднодневен тренинг по ползваемост

 

 

Download flash

Get Adobe Flash player

Коментирайте