Ang Icon ng Icon ng Linya 3: Ano ang isang Hamburger Menu?

Talaan ng mga Nilalaman:

Anonim

Paano kung sinabi ko sa iyo na ang mga website at smartphone ay may mga hamburger sa kanila? Malamang na isipin mo na ako ay lubos na nawala pagkatapos na makuha ko ang aking meds. Ngunit totoong totoo, hindi ko ikaw anak.

Kapag binuksan mo ang isang app sa iyong smartphone o ilang mga website ngayon, maaari kang tumitingin sa isang hamburger - isang icon ng hamburger menu, iyon ay.

Ano ang Menu ng Hamburger?

Ang menu ng hamburger (na hindi nanggaling sa gilid ng fries) ay ang tatlong pahalang na mga linya na nakikita mo ngayon sa tuktok ng maraming mga screen, alinman sa malayo sa kaliwa o sa kanan.

$config[code] not found

Ito ay isang icon, talaga.

Sa pamamagitan ng pagpindot, pag-tap o pag-click sa icon, bubukas ito ng isang side menu na may seleksyon ng mga pagpipilian o karagdagang mga pahina.

Gustung-gusto ng ilang mga developer ang icon ng menu ng hamburger 3 na linya dahil nagbibigay-daan ito sa kanila na mag-impake ng higit pang mga tampok sa kanilang mga app o nabigasyon. Ang maliit na icon ay tumatagal ng isang napakaliit na halaga ng real estate screen. Binibigyan nito ang app o site ng malinis na minimalistang hitsura.

Ito ay sapat na madaling para sa user ng app o bisita ng website upang pindutin ang pindutan upang i-slide ang menu sa loob at labas.

O sa gayon maaari mong isipin.

Gayunpaman, ang iba pang mga developer at ilang mga gumagamit ay ganap na nagtatanggol sa hamburger na icon ng menu o lito lamang sa pamamagitan nito. Bakit? Dahil hindi halata sa lahat ng mga gumagamit na ang tatlong linya ay talagang isang icon ng menu, at hindi ito nagsasabi sa mga user kung ano ang nasa loob nito.

Sino ang "Invented" Ang Icon ng Hamburger Menu?

Ang imbentor sa likod ng icon ng menu ng hamburger ay isang lalaking nagngangalang Norm Cox. Ginawa niya ang burger icon para sa Xerox Star, na siyang unang graphical user interface ng mundo. Iyon ay higit sa tatlong dekada ang nakalipas.

Gayunpaman, ang icon ay naglaho.

Kamakailan lamang ay kamakailan lamang na ang 3 linya ng icon ng menu ay nagsimula gumagapang pabalik, sa pagdating ng mga aparatong mobile.

Halimbawa, noong 2008 nagpakita ito sa Twitter app, Tweetie. Pagkatapos noong 2009 nagpakita ito sa Voice Memos app para sa iPhone 3GS.

"Kailangan kong maawa sa lahat ng pansin na ang maliit na" hamburger "na simbolo ay nakakakuha kamakailan," sabi ni Cox sa isang pakikipanayam sa Small Business Trends.

"Hanggang sa mga siyam na buwan na ang nakalilipas, hindi ko naisip ang" pagtulo sa karera ng aking karera ng disenyo "nang higit sa 30 taon!"

"Ilang mga simbolo ang itinuturing," idinagdag ni Cox. "Ang isang simbolo ay isang pababang patnubay sa hugis ng isang tatsulok, na kumakatawan sa direksyon na lilitaw ang nagresultang menu. Napagpasyahan namin na ang simbolo na ito ay madalas na binibigyang-kahulugan bilang isang pointer. Naisip namin ang paggamit ng isang asterisk (*) o isang plus (+) na simbolo, ngunit tila sila ay masyadong abstract. "

Sinabi ni Cox na ang tatlong linya ng hamburger na larawan ay naging tama lamang. "Ang simbolo na ito ay simpleng paningin, madaling ipaliwanag, at hindi malilimutan. Tatlong linya ang perpektong numero, "idinagdag ni Cox.

Ano ang Mga Website o Apps Gamitin ang Icon na ito ng Nakakahilalang Hamburger?

Ang ilan sa mga kilalang pangalan na gumagamit ng icon ng hamburger sa kanilang mga app ay ang Gmail, Facebook, Reeder, Twitter, at Starbucks.

At ngayon ang mga website at mga browser ay nagpatibay din sa icon ng 3 linya ng menu. Ang mga browser ng Chrome at Firefox ay isang halimbawa nito, gamit ang menu sa kanang sulok sa itaas. Itinatago ng menu ng hamburger ang lahat ng mga pagpipilian, setting, at mga extension. At ang icon ay kumikislap ng orange kapag may kailangang maayos o na-update ang isang bagay sa browser.

Ang Time.com ay isang halimbawa ng isang pangunahing website na gumagamit ng hamburger menu - sa kasong ito sa itaas na kaliwang sulok. Kapag nag-click ka sa icon ng 3 linya ng linya, isang slide out na nagpapakita ng mga karagdagang link sa nilalaman ay lilitaw.

Itinuturo ng ilang mga eksperto na ang mga function sa menu ng hamburger ay halos hindi ginagamit.

Una sa lahat, maraming mga tao ay may pa upang malaman na ang 3 pahalang na mga linya ay talagang isang menu icon, at hindi lamang isang imahe.

Pangalawa, ang hamburger icon ay gumagawa ng impormasyon sa nakatagong menu na "wala sa paningin, wala sa isip." Maliban kung aktwal nilang mag-click o pindutin ang icon ng 3 linya ng linya, hindi nila nakikita ang mga pagpipilian doon.

Sa katunayan, sa kaso ng Time.com, ang salitang "menu" ay idinagdag sa ilalim ng icon upang gawing mas halata kung ano ang simbolo.

Depende Mas mababa Sa Ang Hamburger Menu

Ang iba't ibang mga developer ay tininigan ang kanilang kawalang-kasiyahan sa icon ng hamburger at mga pagkukulang nito.

Ang ilan ay tumatangging gamitin ang icon, sa kabila ng pagkahilig nito.

Ngunit ang pinaka-mataas na profile na kumpanya na ginawa ng isang pagbabago ay Facebook. Upang maging ganap na malinaw, hindi kailanman ipinahayag ng publiko na ang Facebook ay nais na ganap na mapupuksa ito. Ngunit ang Facebook ay nagdadala ng ilan sa mga mobile na tampok na dati nang nakatago sa likod ng icon ng hamburger.

Ipinakikita na ngayon ang mga ito sa isang pahalang bar sa ibaba ng screen, na tinatawag na tab bar.

Ang tab na nasa ilalim ng tab ay tumatagal ng kaunti pang real estate sa screen, ngunit ito ay gumagawa ng ilang mga function na mas halata.

Nakipag-usap kami kay Mrinal Desai na ang CEO at Co-Founder ng Addappt. Siya rin ay nasa likod ng Crossloop, isang crowdsourced remote tech app, na kalaunan ay ibinebenta sa AVG Anti-Virus.

"Ang menu ng hamburger ay hindi talaga para sa mga setting," sabi ni Desai, nakikipag-usap sa Small Business Trends. "Ito ay halos tulad ng isang 'higit pa' o isa maaari kahit na sa tingin ng mga ito bilang isang kahalili sa 'tab bar'. Ito ay bihira upang makita ang parehong ngunit namin sa Addappt navigate na may isang prototipo ngunit sa huli pinili upang pumunta sa 'tab bar' ruta. "

"Ang mga pagpapasya na ito ay kadalasang nakasalalay sa layunin ng app. Ang icon ng hamburger ay may kaugaliang mag-itala ang mga function samantalang ang tab bar ay ginagawang mas halata, "dagdag ni Desai.

Ang Hamburger Icon Creator ay nakakuha ng Final Word

Kaya dapat mong gamitin ang isang icon ng hamburger menu sa iyong sariling website, mobile na tema o app?

Dapat na makuha ng orihinal na developer ng icon ang huling salita, sa palagay namin.

"Ang mahabang buhay ng simbolo (mula noong 1980s) ay isang tipan sa pagiging simple, utility, kakayahang matuto at memorability nito," sabi ni Cox, nang tanungin ang mga tawag na pumatay ng icon ng hamburger.

"Upang maghanap sa 'pumatay' o 'buwagin' ang isang kasangkapan o widget ng UI batay sa mahinang paggamit o pagpapatupad ay parehong medyo malabo at over-reactive."

Hamburger, Red Icon Photos sa pamamagitan ng Shutterstock

Higit pa sa: Mga Bagay na Hindi Mo Alam, Ano ang 3 Mga Puna ▼