Аз съм ⟶ Изследовател на потребителски опит и дигитален консултант със седалище в Единбург.
Това е ⟶ Личен блог за дизайн, автомобилен спорт, политика, музика и живот.

Защо менютата за хамбургери могат да бъдат полезни за вас като част от здравословната балансирана диета

могат

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

Произход на менюто за хамбургери

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

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

Facebook и Google бяха сред онези, които използваха силно иконата на хамбургер, за да създадат скрито меню на чекмеджето, което може да бъде показано или скрито от потребителя. Оттам нататък употребата му се разпространи широко.

Реакцията

Но в по-ново време полученото мнение се обърна твърдо срещу менюто с хамбургери.

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

Люк Врублевски направи забавна графика за „тайното месо на навигацията“. В допълнение към менюто за хамбургери имаме кебап, дюнери, бенто и кюфтета.

Това добре демонстрира един от основните проблеми със скритите менюта на чекмеджетата. Трудно е да се разбере какво всъщност означава.

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

Изглежда, че дизайнерите трябва да отидат на диета.

Защитата

Анди Буд се застъпи енергично в защита на много злепоставеното меню, като направи интересна аналогия с общоизвестната икона с абстрактен дизайн:

Ако Twitter съществуваше през 80-те години, сигурен съм, че група добронамерени дизайнери биха се опитали да свалят бутона за скромна пауза - и това са братовчеди „стоп“ и „запис“ - с подобни аргументи.

Логиката гласи, че с течение на времето иконата за хамбургер ще стане позната като другите повсеместни символи.

Но дали иконата за хамбургер е на път да спечели това всеобщо признание? Даниел Харви предоставя някои анекдотични доказателства, които предполагат, че случаят е такъв:

Преди няколко месеца, докато работехме по редизайн на приложение за голям издател в Обединеното кралство, направихме проучване за използваемостта на навигационните навигационни хамбургер в разгара на удрянето и непременно ВСЕКИ респондент знаеше какво е това, как ще се държи и имаше добро мисловен модел на това, какви раздели/връзки/опции ще последват.

Част от здравословната балансирана диета

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

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

Истинският проблем с менютата за хамбургери

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

Както се посочва доклад на Nielsen Norman Group за използваемостта на иконите, някои приложения са използвали иконата на хамбургер, за да обозначат списък, а не меню.

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

Например, приложението Pocket Casts Android използва удивително подобна на вид икона (която можете да наречете двоен хамбургер), за да обозначи дръжка, която ви позволява да пренареждате подкасти в плейлист. Тези дръжки се показват директно под по-конвенционалната икона на менюто за хамбургер. Лесно е да се разбере защо някои потребители могат да бъдат объркани.

Едно често предлагано решение на проблема с иконата на хамбургер е да замени или допълни иконата с описателен текст като Меню. Приложенията на BBC iPlayer забележимо възприемат този подход. И все пак по някакъв начин това решение изглежда още по-неспокойно. Това е така, защото присъствието на думата Меню не прави нищо повече, за да ви каже какво всъщност ще намерите там.

Не превръщайте менюто си с хамбургери в решение за отказ

Спомням си, че като дете бях помолен да подрежда стаята ми. Направих го, като загребвах всичко, което беше на пода, и го изхвърлях по масите. Трябваше да ми се обясни, че наистина съм влошил проблема. Като не взимах решения какво трябва да отиде къде, просто избутах всичко на по-малко пространство и направих по-голяма бъркотия.

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

Ако възприемете такъв подход, не се изненадвайте, когато забележите спад в ангажираността. Може би има основен проблем с вашия продукт. Ако дори вие не знаете кои са най-важните ви функции, как трябва да знаят вашите потребители?

Направете вашето проучване. Разберете за какво е вашият продукт, как хората ще го използват и какви функции наистина трябва да бъдат показани.

Не е необходимо да се използва подход „всичко или нищо“. Забележете как големите играчи все още използват менюта за хамбургери. Хамбургерът на Facebook седи удобно редом с други видни опции, а ключовата функция - актуализиране на състоянието ви - е представена отпред и от центъра. Приложенията на Google сега са склонни да извличат няколко ключови функции за показване на главния екран, като същевременно запазват други опции в менюто на хамбургера.

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