Kuinka ratkaista Hamburger Icon -ongelma
Hampurikuvake - kolme pientä palkkia, jotka osoittavat linkin valikkoon - on yksi, jos tällä hetkellä kaikkein kiistanalaisin tekniikka verkossa. Suunnittelijoita, meitä sanotaan, kaikki vihaavat sitä; asiakkaat, kerromme kaikille, vihaavat sitä myös. Miksi sitten kaikkialla?
Hamburger-kuvake on helposti skaalattava ja se sopii puhtaasti pikseliverkkoon. Se oli alun perin listakuvake, joka on painostettu nykyiseen rooliinsa, mutta koska valikko on vain luettelon vaihtoehdoista, se on semanttisesti oikein käyttää luettelokohtia tällä tavalla.
On käynyt valtavasti keskustelua, A / B-testausta, blogikirjoituksia ja aiheesta tehtyjä käyttäjän tutkimuksia, mutta nämä tutkimukset keskittyvät lähes aina sovellusten suunnitteluun. Kun hampurilaiskuvaketta käytetään web-suunnittelussa, se merkitsee paljon merkittävämpää ongelmaa.
Hampurilaisen kuvakkeen ongelma
On paljon suunnittelijoita, jotka kyseenalaistavat hampurilaiskuvakkeen arvon itse. Se nähdään usein iOS-tyylinä, vaikka sitä käytettiin tällä tavalla ennen kuin Apple hyväksyi sen.
On tosiasiassa paljon ristiriitaisia todisteita siitä, onko hampurilaisen kuvake käyttökelpoinen merkkinä valikosta. Jotkut suunnittelijat väittävät, että nuori väestörakenne tunnistaa kuvakkeen helposti, toiset taas viittaavat siihen, että vanhempi väestörakenne tunnistaa sen, jos se on web-lukutaitoa. Ainoa johtopäätös, että voimme todellakin hyödyntää tätä näyttöä, on se, että käytettävyystestit ovat osoittautuneet epätottomiksi, ja rinnakkaiset testit palauttavat usein ristiriitaisia tuloksia.
Yleisesti hyväksytty on se, että käyttäjät eivät tunnista hampurilaiskuvaketta yhtenä linkkinä - luultavasti siksi, että se on suunniteltu näyttämään linkkisarjan sijaan yhdestä ainoasta asiasta. Jotain, jota tuetaan, on ympäröivä hampurilaiskuvaketta, jossa on raja, tai antaa sille tausta, niin että se näyttää enemmän painallukselta - uskallan sanoa, enemmän skeuomorfista - johtaa useampiin napsautuksiin.
Lisää ongelmia hampurilaiskuvakkeen kanssa
Kuvakkeen suunnittelun ohella myös hampurilaiskuvakkeen käyttämisessä on ongelmia.
Ensinnäkin, ja ehkä kaikkein tärkein, hampurilaisen kuvake lisää ylimääräistä toimintaa navigointiin; kun tietyn sivun tavoittamiseen tarvitaan yksi napsautus, se vie kaksi kertaa. Nyrkkisääntönä web-suunnittelijoille on aina ollut korkeintaan kolme napsautusta (mikäli mahdollista), navigointiongelman ratkaisemiseksi hampurilaisen kuvake-tekniikka yksinkertaisesti vaihtaa yhden ongelman toiselle. Tietenkin tämä ei ole vain hampurilaiskuvakkeen ongelma, se on ongelma mille tahansa suunnittelemalle navigoinnille. Voit käyttää sanaa "Menu" hampurilaiskuvakkeen sijasta ja sinulla on sama este, mutta ero siitä, että hampurilaiskuvaketta ei voi käyttää muulla tavalla.
Hamburger-tekniikka peittää myös sen sisällön. UX-näkökulmasta käyttäjien ei pitäisi joutua ryhtymään toimiin selvittääkseen, mitä toimia he voivat tehdä. On liian helppoa unohtaa "jakaa Twitterissä" tai "mennä Checkoutiin", kun nämä vaihtoehdot eivät ole välittömästi edessäsi. Käyttäjät eivät yksinkertaisesti mene etsimään linkkiä, jota he eivät tiedä olemassa.
Lopuksi, hampurilainen kuvake tekniikka piilottaa nykyisen tilan sivustosi ja käyttäjän asema siinä. Alivaltiot valikossa tarjoavat käyttäjille asiayhteyteen liittyvää tietoa, jonka hampurilainen kuvake tekniikka hämärtyy.
Mitä hampurilainen kuvake toimii hyvin?
Koska hampurilaiskuvake on yleisesti vihainen ja aiheuttaa useita ongelmia, miksi sitä käytetään kaikkialla?
Kokemukseni mukaan tietenkin tiettyjen väestötietojen joukossa hampurilainen kuvake on hiljattain saavuttanut sen, että tunnistettaisiin helposti. Tutkimukset, jotka kumoavat, jotka ovat yleensä vähintään vuosi ja vuosi, ovat pitkään verkossa.
Itse linkkikuvake on paljon tunnistettavissa kuin linkkikuvake tai jakokuvake, jonka lopulliset muodot eivät vielä ole syntyneet. Hamburger-kuvake on johdonmukainen monien erilaisten mallien mukaan.
Tärkeintä on, että hampurilainen kuvake tekee sen mitä se tekee: se säästää meitä ruutuun kiinteistöä. Jos asiakas esittelee sinulle luettelon Gagillion-kohteista, jotka on lisättävä valikkoon, siirrytään pois näytöstä ja linkitään niihin. Se on raaka, mutta tehokas tapa luoda sisältöä, jota asiakas haluaa.
Haluan sanoa, että hampurilainen kuvake ratkaisee ongelman paremmin kuin muut ratkaisut, mutta se ei ole totta. Sen sijaan sanon, että hampurilainen kuvake ratkaisee ongelman huonommin kuin muut ratkaisut.
Ongelma
Hamburger-kuvaketta käytetään yleensä, koska suunnittelijat - tai useammin asiakkaat - eivät ole täysin sitoutuneet mobiili-ensimmäinen lähestymistapa. He haluavat "säännöllisen" sivuston, mutta puristetaan heidän grandaughter puhelimeen.
Hampurilaiskuvakkeen vastustajat pyrkivät korvaamaan sanan "Menu" -määrityksellä, ne puuttuvat kokonaan. Hampurikuvake on, kuten se vai ei, nyt sen merkitys on tullut, mutta käyttäjät ymmärtävät, mitä painiketta on painettu, ei ratkaise suurinta ongelmaa, joka piilottaa navigointiamme ja piilottaa käyttäjien vaihtoehdot on kauhea itsestään -sabotoida.
Lyhyesti sanottuna hampurilaiskuvake on oire kollektiivisesta epäonnistumisesta, joka kattaa täysin kaikki liikkuvan ensimmäisen lähestymistavan näkökohdat.
Parempi ratkaisu
Hampurilaisongelman ratkaisemiseksi meidän on hyväksyttävä, että verkko, kuten tiedämme, ei toimi. Matkaviestimen nousu merkitsee huomattavasti enemmän kuin vähentää käyttämättömien sarakkeiden lukumäärää ja pudota joitakin raskaampia kuvatiedostoja.
Matkaviestinverkkoa käytetään eri tavalla kuin vanhan verkon. Mobiiliviestintä on olemassa omissa sovelluksissa, ja käyttäjät odottavat verkkoa kokevan samalla tavalla.
Facebookin app famously swap hampurilaiskuvakkeensa välilehdelle ja tuloksena nähtiin parempia tuloksia. Mutta Facebook on tehnyt jotain huomattavasti merkittävämpää kuin swap-valikkomuoto. Äskettäin he ovat julkaisseet Messenger-sovelluksensa, ja iso juttu siitä, että heillä oli jo täysin toimiva ja suosittu sovellus, jolla he voisivat integroida viestin. Facebook on jakanut toimintoihinsa keskittämällä kunkin sovelluksen roolin heidän saavuttuaan kahteen yksinkertaiseen sovellukseen, eikä yhden monimutkaisen sovelluksen sijaan. Pienentynyt toiminto johtaa vähäisempään valikkovaihtoehtoihin ja vähemmän hampurilaisvalikosta.
Hyvät sovellukset ovat erittäin keskittyneet, ja ne ovat kehittyneet tällä tavoin paljon tarkempien käyttäjien testien avulla kuin Web on kohdistettu. Sovellustyyppikokemuksen luomiseksi meidän on yksinkertaistettava sivustoja, yksinkertaistettava uudelleen ja yksinkertaistettava vielä hieman. Tarvittaessa rikkoa arkkitehtuuri alaspäin helppokäyttöisiksi leikkaaviksi kappaleiksi, mikrosivut melkein. Kun esitämme käyttäjillemme yksinkertaisia vaihtoehtoja, monimutkaisen valikon ongelma ei koskaan syntyy.
Hampurilaisen kuvakkeen käyttäminen on kuin taputtaa vammoja vyöhykkeellä: se korjaa sen, mutta sen alla on vielä rikki.
Vain jos omaksumme täysin liikkuvan ensimmäisen lähestymistavan ja soveltavat sitä paitsi suunnitteluun, mutta sisältöömme ja tietojärjestelmäarkkitehtuuriimme, lähetämme hampurilaisvalikon historiaan.
Esitetty kuva / pikkukuva, käyttää Hampurilainen kuva kautta Mononc 'Paul