Въведение в иконите за акордеон и навигационния дизайн

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

Кои икони работят най-добре?

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

Без икона = Откриване на нова страница

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

Избягвайте разделените менюта

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

Плюсове и стрелки – разбираеми, но объркващи

Иконите +/− или стрелките ↓/↑ обикновено се използват за сигнализиране на разширени или свити състояния. Въпреки това, те имат много различни интерпретации. Например, плюсът може да означава добавяне в количката или запазване за по-късно. Поради тази причина е важно да се използват ясни символи.

Заключение: Изберете сигурния вариант

Най-сигурният избор е да използвате caret/триъгълник с посока надолу ▼ по подразбиране и да го променяте на посока нагоре или настрани при взаимодействие. Избягвайте ненужните стрелки или допълнителни икони, които могат да объркат потребителите. Простотата често е най-добрият подход.

Бележка от редактора

Надяваме се тези съвети да бъдат полезни за вас! В Smashing Magazine обичаме уеба и всичко свързано с него. Ако имате интерес към нашите онлайн събития или работилници, не се колебайте да се свържете с нас!