5 upeaa sivustoa, joista voit varastaa sivustonavigointiideoita

Suunnittelijan on helppo jättää huomiotta navigointivalikot.

On olemassa pari vakioasettelua, joita tavoittelemme joka kerta ja sanomme itsellemme, että "käyttäjät odottavat sitä." Ja on totta, että pysyminen siinä, mikä toimii, on järkevämpää kuin tavoittaa uutuus sen itsensä vuoksi, ja meidän on suunniteltava käyttäjien odotukset mielessä.

Mutta kun otsikkonavigointivalikot ovat ensisijainen tapa käyttäjien navigoida verkkosivustolla, eikö meidän pitäisi katsoa uudelleen ja nähdä, voisimmeko parantaa omaamme? Käyttäjät eivät näe muita design-lahjojamme, jos he eivät pääse edes pois kotisivulta.

En kannata vain yhden näistä varastamista. Mutta ehdotan, että otat heiltä oppia ja rakennat heidän ideoihinsa, jotta luodaan otsikkovalikoita, jotka ovat itse asiassa normaalia parempia.

Tässä on seitsemän parasta innovatiivista otsikkovalikkoa, joita näet verkossa tänään.

1: Reiss

Reiss on Isossa-Britanniassa sijaitseva vaatealan yritys. Heidän monen vaihtoehdon avattava valikko on tuttu, jos olet joskus ostanut vaatteita verkosta.

Mutta toisin kuin suurin osa verkkokauppayrityksistä, Reiss käyttää kuvia suoraan valikon avattavasta valikosta.

Sen sijaan, että joutuisi lukemaan tekstikuvauksen, klikkaa läpi vain sen perusteella ja vasta sitten näkee kuvan harkitsemastasi tuotteesta, Reissin vierailija näkee tuotteet heti.

Tiedämme, että verkkokaupan kuvat vaikuttavat käyttäjiin voimakkaasti. Ne ovat tärkeä myyntitekijä. Eikö siis ole järkevää esitellä ne mahdollisimman varhaisessa asiakaspolussa?

Pettymys on kuitenkin se, että he eivät siirrä tätä innovatiivista lähestymistapaa mobiilisivustoonsa, jossa valikko on tavallinen tekstivalikko hampurilaiselta vasemmassa yläkulmassa.

Ehkä tämä johtuu siitä, että Reiss ei myy paljoa mobiililaitteilla – mutta tiedämme, että verkkokaupan ostajien matkat alkavat usein mobiilista, joten jos aiot lainata tämän menuidean, yritä löytää tapa toteuttaa se yhtä hyvin pienellä näytöllä.

2: unelma

Ruyan navigointi sopii suunnittelusta ylpeälle toimistolle. Kotisivun otsikkokuva on kartta matkasta verkkosivuston läpi suurena grafiikana; tekstin lukemisen sijaan käyttäjät voivat valita vierailevan paikan kartalta.

Tämä on mukava kosketus, koska se toistaa pelaamisen – monet käyttäjät tuntevat videopelit, joissa on tämän kaltaisia ​​interaktiivisia karttoja.

Varovaisille käyttäjille, jotka eivät halua kokeilla uudentyyppistä interaktiivista animoitua valikkoa, yläosassa on perinteinen hampurilaismenu.

Tällä valikon asettelulla on hienoja puolia. Se on intuitiivinen, ei siksi, että se olisi yleinen, vaan koska idea on tuttu ja järkevä. Se on vaikuttava: kun näet sen, et unohda viraston nimeä. Onko heidän interaktiivinen menunsa sisältömarkkinoinnin muoto? Sanoisin niin.

Mutta siihen liittyy myös joitain ongelmia. Se hidastaa sivua. Vaikutus on odotettua pienempi, mutta jos tietokoneesi tai internetyhteytesi ei ole ainakaan melko nopea, et saa siitä paljon irti turhautumisen lisäksi. Ja sen toteuttaminen tarkoittaa, että kotisivulle on kirjoitettava merkittävää mukautettua koodia – se on paljon työtä sellaisen suunnitteluidean rakentamiseen, jonka et tiedä kannattavan.

Mobiililaitteella Ruyan tyylikäs, alkuperäinen valikko on valitettavasti pelkistetty staattiseksi taustakuvaksi.

Se on edelleen näkyvissä ja näyttää edelleen hyvältä. Mutta se ei toimi valikona. Otsikkokuvaksi arvioituna se näyttää kiireiseltä, sotkuiselta ja – no, monella tapaa muita valintoja huonommilta.

Jos asiakkaillasi on yleensä huippunopea laajakaista ja voit säästää kehitystyötunteja ja suunnitteluponnisteluja luodaksesi jotain tällaista, se saattaa kuitenkin nostaa sinut kilpailijoiden edelle. Mutta kun otetaan huomioon, että mobiililaite on nyt ensimmäinen näyttö, eikö sinun pitäisi varmistaa, että suurin osa vierailijoistasi todella näkee luovuutesi?

3: Mashable

Giganto-valikot ovat suosittuja sisältökeskeisten sivustojen keskuudessa. Syy on ilmeinen: tällaisilla sivustoilla on vain enemmän sivuja. (Mashable.comissa on 256 000 sivua. Todellakin!) Ja käyttäjät haluavat luonnollisesti uusimmat tavarat luokiteltuna. Aikakautena, jolloin sanomalehti ja aikakauslehti ovat kumpikin saaneet tehtävänsä anastettua algoritmisesti kuratoiduilla, runsaasti kuvia, mainoksia ja videoita sisältävillä uutissyötteillä, aikakauslehtisivusto tarvitsee todella enemmän kuin kuivan sisällysluettelon.

Tämä liike on enemmän eteenpäin suuntautuva kuin miltä se saattaa näyttää. Kun Wiredin kaltaiset teknologialehdet siirtyivät verkkoon, he pitivät aikakauslehtien julkaisuaikataulua ja uudistivat sivuston joka viikko kuin uusi numero. Kun he huomasivat, että käyttäjät vierailivat vain, kun heillä oli uutta sisältöä, he siirtyivät jatkuvaan julkaisemiseen.

Tuolloin kysymys oli paperilehden julkaisuaikataulusta. Verkossa voit julkaista portaittain, ja nyt kaikki tekevät. Mutta aikakauslehtisivustoilla otsikkovalikoiden ei tarvitse jäljitellä todellisten aikakauslehtien sisältösivuja. Otsikkovalikot voivat olla dynaamisia, värikkäitä, kiehtovia ja informatiivisia – ne ovat itsessään hyödyllisiä ja auttavat sinua löytämään haluamasi.

Valitettavasti, kuten niin monet muut tässä luettelossa, Mashablen mobiilivalikko on paljon vähemmän kiinnostava. Työpöytäsivuston näyttöä täyttävästä mebavalikosta tulee pino laattoja mobiililaitteella:

4: Monopo

Monopo menee askeleen pidemmälle kuin useimmat merkit uskaltavat nostaa ruokalistansa keskipisteeseen. Aluksi heidän kotisivullaan on tavallinen otsikkovalikko. Napsauta kuitenkin kohdetta, niin sinut ohjataan valikkoon, joka täyttää näytön. Valikkokohdissa on kuvia, joissa on animaatioita, jotka kiinnittävät huomion ja vetävät katsojan sisään. Valitse alaluokka ja kuvitettu valikko tulee vieritettäväksi, jolloin voit siirtyä sivua alaspäin ja nähdä enemmän ilman, että sinun tarvitsee napsauttaa. Se on menu kokemuksena, ominaisuutena, ei vastahakoinen jälki-ajatus.

Mobiililaitteella valikko näyttää paljon tavallisemmalta. Siellä on klassinen yläoikea hampurilainen, pudotuslaatikko edessä ja keskellä, ja sitten käyttäjä vierittää näyttöä alaspäin klikattavien kuvien ohi.

Se on asettelu, joka on itse asiassa tutumpi blogeista kuin verkkosivuston pääosa, mutta ei silti niin uusi ja kiehtova kuin työpöydän valikko. Sille on ominaista se, että se on erittäin visuaalinen, intuitiivinen käyttää, ja jopa sen mobiiliversiossa huolellisesti valitut kuvat välittävät tunnetta viraston lähestymistavasta.

Se ei kuitenkaan tarjoa innovatiivista mobiilivalikkokokemusta. Kuvat ovat hienoja, mutta ne ovat silti vain laattapino.

5: Paperitelevisio

Olemme tarkastelleet sivustoja, jotka sijoittavat valikon paikkaan, josta käyttäjät eivät voi missata niitä. Olemme keskittyneet luomaan käyttökokemuksen, jonka avulla vierailijat voivat hallita sivustolla liikkumistaan ​​heti alusta alkaen.

Paper Television on kuitenkin yksi kasvavasta määrästä sivustoja, jotka käyttävät päinvastaista lähestymistapaa ja valitsevat maailmanlaajuisesti piilotetun valikon. Paper Television -valikko on yläkulman hampurilainen. Eikö se estä käyttäjiä löytämään tiensä?

Teoriassa on hyvä suunnittelu, että valikko ei ole ohitse ja joka on tavallisessa, tunnistettavassa paikassa. Mutta monille mobiilikäyttäjille hampurilainen on vakio ja tunnistettava. Ota huomioon, että Paper Televisionin liikenne menee pääosin sen kotisivuille:

Ja ota huomioon se tosiasia, että aloitussivut tuottavat paljon paremmin, kun valikon kohdat poistetaan – joskus jopa 100 % paremmin. Jos heidän kotisivunsa on pohjimmiltaan aloitussivu, eikö Paper Televisionin pitäisi poistaa näkyvää navigointia mahdollisimman paljon ja säilyttää samalla mahdollisuus navigoida sivustolla niille, jotka sitä todella haluavat?

Lisäksi heidän kotisivunsa on mobiilissa lähes identtinen – vain hieman eri mittasuhteet.

Mobiilikäyttöön tarkoitetun kokemuksen pitäisi mennä pidemmälle kuin pelkkä mobiilinäyttöjen suunnittelu ja mobiilikäyttäjien odotusten ja tapojen suunnittelu.

Aina piilossa oleva valikko, joka johtuu mobiilinäytön kiinteistöjen vähentymisestä, on tässä yhteydessä täysin järkevä, joten saatamme nähdä niitä lisää!

Johtopäätös

Täällä on esillä useita erilaisia ​​valikkotyylejä valikoista, jotka valtaavat sivuston ja täyttävät näytön valikoihin, jotka piiloutuvat pois. Kaikissa näissä valikoissa tärkeintä on, että ne alkavat yrittämällä antaa käyttäjälle jotain tuoretta ja erilaista – he yrittävät ottaa joitain verkkosivuston arvokkaimmista kiinteistöistä ja muuttaa niistä joksikin enemmän kuin pelkkä rivi. viidestä seitsemään napsautettavaa vaihtoehtoa.

Monet heistä kaatuvat mobiililaitteilla, missä heidän suunnittelijoidensa työpöytäsivustoilleen sijoittamat mielenkiintoiset ja tyylikkäät luomukset usein väistyvät samojen vanhojen vierityskorttien tieltä. Mitä voimme tehdä asialle? Kerro meille alla olevissa kommenteissa – ja tee ruokalistasi mahtavia!