Hampurilaisvalikko otettiin alun perin keinona hämmentää toissijaisia navigointivälineitä pyrkimyksissä ylläpitää puhtaampaa ja tarkempaa web- tai sovellussuunnittelua.
Android oli yksi tämän suunnittelukomponentin alkuvaiheista, jotka menivät siihen asti, että se sisällytettiin sen suosittuun Materiaalin suunnitteluohjeet . Sittemmin se on löytänyt tiensä useimpiin Android-sovelluksiin ja osa iOS-sovelluksista. Se on jopa tullut katkottua useissa työpöytäsovelluksissa ja verkkosivustoissa.
Nämä tapaukset on suunniteltu vaihtelevalla menestyksellä. Jotkut tarjoavat laillisia ratkaisuja navigoinnin ylivuotoon, kun taas toiset valitsevat hampurilaisvalikoita esteettisistä syistä käyttäjäkokemuksen kustannuksella. Se on tullut yleinen ja hyväksytty osa nykyaikaista tuotetta ja web-suunnittelua.
Pöytäkoneiden sovelluksissa hampurilaisella ei pitäisi olla paikka. Harvoin on sellainen muotoilu, josta puuttuu näytön tila, joka tarvitaan navigoinnin ylivuotoa. Google on yksi tärkeimmistä syyllistyneistä, näennäisesti tämä osa sisältää pelkästään johdonmukaisuuden tuotteidensa sekä työpöydän ja mobiililaitteiden välillä. Todellisuudessa se on hyödytön ja hankala käyttökokemus, varsinkin kun se sisältää myös ensisijaisia navigointikohteita.
Samoin sama logiikka koskee perinteisiä verkkosivustoja, kuten salkkuja, aloitussivuja ja yrityssivustoja. Työpöytätietokoneessa ei ole mitään tekosyytä, jos se peittää ensisijaisesti ensisijaiset tai toissijaiset navigointielementit.
Hampurimestari on yksinkertaisesti esteettinen ja usein laiska ratkaisu
Suunnittelussa on niin paljon näytön tilaa, vaikka harkitsisikin pieniä kannettavia tietokoneita ja tablet-laitteita. Jopa kaikkein monimutkaisimmat ja laaja-alaiset navigointivalikot voidaan näyttää suoraan, huolellisesti harkitessaan. Mobiilisovelluksissa ei ole määritettyjä ohjeita, joiden ansiosta suunnittelijat voivat saada luovaa paikannus-, kokoamis- ja käyttäjäystävällisillä ratkaisuilla, kuten hover-pudotuksilla ja tasorakenteilla.
Hampurilaisvalikko on yksinkertaisesti esteettinen näkökulma ja usein laiska ratkaisu, joka ei sovellu olosuhteisiin ja laitteisiin. Se vaikeuttaa siirtyä sivujen välillä, ja se on täysin sekava jopa kaikkein tietokoneella lukemattomiin henkilöihin.
Koska näytön koko pienentää tablet-laitteiden ja mobiililaitteiden resoluution, hampurilaisvalikko alkaa ratkaista tilarajoitusten ongelman. Se tarjoaa nopean ja helpon ratkaisun näytön kiinteistöjen puuttumiseen, ja se on yhdenmukainen mobiilisivustoilla ja Android-sovelluksissa. iOS tarjoaa olennaisesti saman ratkaisun, mutta ylivuoto-välilehden kuvakkeena, jonka otsikko on yleensä "More". Se on helpompaa, koska se on sijoitettu näytön alareunaan käden ulottuvilla.
Mutta hampurilaisvalikossa todellakin optimaalinen ratkaisu on se, missä suunnittelun ajattelijat ja mainokset suunnittelevat ja harkitsevat uusia vaihtoehtoja suunnittelun keskeisimpiin komponentteihin.
Mitä hampurilaisvalikosta puuttuu käyttökokemuksen suhteen, sen vaatimus on avattava joka kerta, kun sen sisältämää kohdetta on käytettävä. Jos navigaattoripakkaus on mukana, se ulottuu kahteen kosketukseen aina, kun käyttäjä haluaa siirtyä toiseen näyttöön. Jotkin näistä kohteista voidaan luokitella toissijaisiksi, vähemmän tärkeiksi kohteiksi, joita käsitellään paljon harvemmin. Toiset, jopa Googlen omissa sovelluksissa, ovat varmasti ensisijaisia toimia.
Jos hampurilaisvalikosta katoaa hyvä, sopiva ja parannettu ratkaisu on esitettävä
Muistutukset Google Keep -sivustossa, jotta voit katsella myöhemmin YouTubessa hampurilaisvalikosta usein päällekkäisyyksiä tärkeimmistä navigointikohteista. Suunnittelun osana se on kompromissi. Jokaisen sovelluksen suunnittelemaan oman navigointirakenteensa omien tarpeidensa, käyttäjiensa ja ulkoasunsa perusteella, optimaalinen ratkaisu saavutettaisiin. Mutta ekosysteemissä, kuten iOS: ssä tai Androidissa, johdonmukaisuus on ratkaisevan tärkeää yksinkertaisen ratkaisun tarjoamiseksi kehittäjille ja sen varmistaminen, että käyttäjät voivat ymmärtää sovelluksen toimivuuden riippumatta siitä, kuka on suunnitellut.
Jos hampurilaisvalikosta katoaa hyvä, sopiva ja parannettu ratkaisu on esitettävä. Sen on oltava sellainen, jota voidaan soveltaa jokaiseen sovellukseen johdonmukaisesti ekosysteemissä, ja sillä on laaja valikoima erilaisia tarpeita ja monimutkaisuutta.
Ensimmäinen mahdollinen ratkaisu on siirtää sovelluksen otsikko vasemmalle, avaamalla tilaa enintään neljä kuvaketta ryhmitelty otsikkopalkin oikeassa yläkulmassa. Tämä kattaa suurimman osan hampurilaisten valikon käyttötapauksista, jotka usein sisältävät vain kahden ja neljän kohteen välillä. Tapauksissa, joissa on enemmän navigointikohteita, voidaan esittää ellipsin ylivuoto -kuvake. Tämä siirtyy pois yhden kokoisen lähestymistavan sijaan tarjoten pikaviestintäratkaisun kaikille sovelluksille ja tarjoaa samalla myös monimutkaisempia tapauksia, joissa on yli neljä kohdetta.
Toinen ratkaisu on ottaa käyttöön uudistetut kuvakkeet-välilehdet. Materiaalisuojakäytännöt kannustavat suunnittelijoita käyttämään tekstin etikettien välilehtiä, joten ne voidaan helposti vaihtaa kuvakkeisiin. Tämä avata tarpeeksi tilaa poistaaksesi toissijaisen navigointivalikon useimmille sovelluksille ja kannustaa suunnittelijoita ja kehittäjiä yksinkertaistamaan ensisijaisten näyttöjen määrää sovelluksessaan. Vastaavasti iOS-kiinteistöjen lisääminen ja välilehden käytäntöjen uudelleenkohdistaminen sovelluksissa voivat sopeuttaa enemmän kohteita, kun taas toissijaiset välilehdet sisältävät jokaisen toissijaisen kohteen.
Kummassakin tapauksessa se poistaa hampurilaisvalikon huolimattomuuden. Sen sijaan suunnittelijat ja kehittäjät joutuisivat tiivistämään navigointikohteiden määrän jäsennelmiin ja ymmärrettävimpiin välilehtiin.
Se on liian helppoa työntää esineitä tähän peitettyyn valikkoon loppukäyttäjän kustannuksella. Usein ei ole tarpeetonta, ja kuvake jättää suuren osan otsikkorivistä Android-sovelluksissa.
Ajan myötä materiaalisuunnittelun kaltaiset järjestelmät todennäköisesti suunnittelevat yksinkertaisempia ratkaisuja siirtyäksesi hampurilaisvalikon ohi. Siinä vaiheessa käyttäjille tarjotaan helppokäyttöisempia mobiilituotteita, joilla on yksinkertaisempi ja helppokäyttöisempi navigointirakenne.