Какво представлява бутонът за хамбургер и как се използва?

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

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

И така, откъде идва това име и защо се използва? Нека разберем.

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

Бутонът за хамбургер съществува от 80 -те години на миналия век. Името му идва от дизайна му: трите смели хоризонтални линии, наподобяващи хамбургер. Известен също като сгъваема икона на менюто, бутонът за хамбургер е създаден от Norm Cox като част от потребителския интерфейс за Xerox Star, един от първите съвременни търговски персонални компютри.

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

Какво направи иконата Хамбургер популярна?

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

Въпреки че предстои дебат кое приложение го е използвало първо, приложението Tweetie от Twitter може да е едно от първите съвременни приложения, използващи иконата. Скоро след това иконата на хамбургер придоби по -голяма популярност, когато беше приета от Facebook и Google в мобилни приложения.

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

За какво се използва иконата Хамбургер?

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

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

Ето пример за иконата на хамбургер, използвана в приложението Samsung Galaxy Store. Докосвайки иконата в горния ляв ъгъл, можете да получите достъп до различни опции на менюто.

Галерия с изображения (2 изображения) Разгъване Разгъване Близо

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

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

Свързани: Как да зададете персонализирани икони за приложения на Android

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

начини да печелите пари от видео игри

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

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

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

Алтернативи на иконата Хамбургер

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

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

Като един пример, Google Play Store опрости интерфейса си, като го преработи с навигационна лента. Тази лента в долната част показва важни функции. За достъп до други опции, докоснете иконата на вашия профил в горния десен ъгъл.

Галерия с изображения (2 изображения) Разгъване Разгъване Близо

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

Свързани: Как да получите цветна лента за навигация на Android без корен

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

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

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

Бъдещето на иконата Хамбургер

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

Но поради няколко недостатъка на иконата за бургер, много популярни приложения, включително Google Play Store, Instagram и Twitter, вместо това започнаха да възприемат лентата за навигация. Лентата за навигация може да служи като по -добра алтернатива на иконата на хамбургер, но все още не е напълно интегрирана във всяко приложение. В резултат на това все още ще виждаме иконата на хамбургер, използвана редовно за известно време.

Иконата за хамбургер не е перфектна, но може да бъде подобрена, като се комбинира с алтернативни навигационни елементи. Важно е да се уверите, че каквито и инструменти да използват приложенията, са ясни за потребителите.

Дял Дял Туит електронна поща Икони и символи на Facebook Messenger: Какво означават?

В който обясняваме какво означават всички икони и символи на Facebook Messenger и как да ги използваме правилно.

Прочетете Напред Свързани теми

Обяснена технология
Android
Android
Дизайн
Терминология

За автора Шрея Дешпанде(9 статии са публикувани)

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

Още от Shreeya Deshpande

Абонирайте се за нашия бюлетин

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

Щракнете тук, за да се абонирате