3 Essential Navigation Trends for 2015
Hyvää uutta vuotta kaikille lukijoillemme! Tänään tarkastelemme kolmea keskeistä navigointisuuntausta, jotka hallitsevat vuotta 2015.
Voisi ajatella, että olemme tutkineet kaikki mahdolliset muutokset navigointia verkossa, mutta silti meillä on jatkuvaa tutkimusta tämän hyvin erityinen markkinarako. On todella hämmästyttävää, kuinka monta muotoilun muunnosta voidaan soveltaa vaatimattomaan linkkilistaan.
Tässä haluan tarkastella kolmea suosittua suuntausta navigoinnin alalta: ensiksi miten navikon (tai hampurilaiskuvakkeen) käyttö muuttuu, toinen on uusi lähestymistapa, jossa käytetään koko näytön valikoita ja lopulta mielestäni mega-pudotusvalikon täydellisyyttä. Aja sukeltaa ja nähdä nämä lähestymistavat työssä.
Eläköön / kuolema, naviconi!
Facebook on saanut luoton naviconsien käytön suosimisesta navigointiasetusten piilottamiseksi pois näytöltä tai pois kankaalta. Reagoivan web-suunnittelun syntymällä web design-yhteisö oli epätoivoinen ratkaisu navigointiin. Pakkaamalla kaiken navigointipaneeliin, joka istuu kankaalta ja siirtyy valitessaan navikon, oli houkutteleva ratkaisu. Vaikuttaa siltä, että yhteisö kiinnittyi siihen melko helppoa ratkaisuksi, joka näytti helpottavan suunnittelijan ja kehittäjän elämää. Tämän seurauksena navicella on tullut go-to-vaihtoehto mobiilisovelluksille ja verkkosivustoille.
Viime aikoina naviconi on kuitenkin hyökätty. Monissa näistä keskusteluista tuntuu siltä, että yksi tärkeä yksityiskohti on jätetty pois. Mobiilisovellusten teollisuus siirtyy helposti pois näytön navigoinnista näyttövaihtoehtojen hyväksi. Tämä tulee suuntaan kohti kohdennettuja, yksitoimivia sovelluksia. Tämä tekee muutoksesta järkevämpää. Sitä vastoin jopa pieni sivusto voidaan pakata kymmeniä, jos ei satoja linkkejä navigointiin. Ota esimerkiksi sony.com-sivusto tai jopa tämä sivusto. Näillä sivustoilla on navigointivaatimukset, jotka menevät paljon pidemmälle kuin mahdollista yksinkertaisella välilehtisellä. Tästä syystä minusta näyttää siltä, että navicons ja off-valikoiden valikot ovat täällä. Meidän on yksinkertaisesti oltava tietoisia niiden rajoituksista, mahdollisista ongelmista ja niin edelleen. Ja tietysti aina pitää mielessä käyttö: onko se mobiilisovellus tai mobiili / reagoiva verkkosivusto. Koska ne eivät ole samoja.
Suunnitteluviraston Long Story Short -verkkosivusto on ihana esimerkki siitä, miten navigaattoria hyödynnetään mielekkäällä ja rajoitetulla tavalla. Tämä sivusto käyttää navikon piilottaakseen täyden valikoiman navigointivaihtoehtoja. Se toimii niin sivuston mobiili- kuin työpöydän versioina. Naviconsin käyttö työpöydällä on tosiasiassa koko sub-trendi. Mikä tekee tästä sivustosta korkealaatuisen esimerkin lähestymistavasta on se, että navigoinnin kriittiset elementit näkyvät valikon ulkopuolella . Kotisivut ovat portaalin kolmeen tärkeimpään sivuston osaan. Tällä tavalla piilotettu valikko ei ole ensisijainen navigointi vaan pikemminkin toissijainen, joka täyttää aihiot.
Squarespace-sivusto on toinen hieno esimerkki siitä, miten tehokkaasti käytetään piilotettuja valikkoja. Tällä sivustolla kiertue ja kirjautumisvaihtoehdot ovat aina näkyvissä. Samanaikaisesti noin 23 valikkovaihtoehtoa on liukuvasta valikosta. Suoraan sanottuna piilotettujen valikkojen käyttö tärkeimpien navigointivaihtoehtojen ottamiseksi keskipisteeseen ei ole mikään loistava. Kävin läpi vaiheen, jossa olin todella alas naviconien käytöstä työpöydällä; se näytti siltä, että tekniikkaa ei käytetä. Kuitenkin sen jälkeen, kun sivustot käyttävät sitä käyttäjiä kohti kaikkein kriittisimpiä tekijöitä, en voi auttaa, mutta rakastan sitä.
Lopuksi, jos olet surullinen navicons-käytön tai piilotetut valikot, älä ota kenenkään sanaa sille. Sen sijaan tee oma käytettävyystestit, jotta näet, toimiiko se sivustossasi. Suuri nyrkkisääntö on välttää keskustelua ja mennä testata sen sijaan.
Koko näytön navigointi
Toinen suuntaus, jonka haluaisin tarkastella, on käyttää koko näytön navigointi valikoita. Nämä valikot aktivoidaan tyypillisesti jonkin tyyppisellä painikkeella tai linkillä; melko usein naviconia. Ero tässä on, että pienen paneelin sijaan, joka liukuu ulos, navigointi vie koko näytön. Mobiililaitteilla tämä tuntuu normaalilta, mutta työpöydällä tämä on todellakin uusi ja mielenkiintoinen lähestymistapa.
Tämän sivuston navigointi on todella mielenkiintoista, koska navigointipeittopakkaus paljastaa paljon rei'itystä valikosta. Täällä heillä on odotetut valikkovaihtoehdot, mutta koska he ovat koko näytöllä, heillä on myös tilaa täydelliselle yhteydenottolomakkeelle, yhteystietoihin, sosiaalisen median linkkeihin, äskettäiseen blogikirjaan ja näkyvään toimintapyyntöön.
On mielenkiintoista ajatella, että käyttäjä, joka käynnistää valikon milloin tahansa, etsii suunnan. Tämä tekee siitä erinomaisen mahdollisuuden ohjata niitä kohti mitä haluat heidän tekevän. Tällöin he haluavat, että käyttäjä ottaa yhteyttä tai käy projektin suunnittelijaan.
Tässä esimerkissä näemme myös mallin työssä, mutta paljon minimalistisemmalla tavalla. Sen sijaan, että pakattiin lisätoimintoihin, he valitsivat yksinkertaisesti esittelemään erittäin suppean luettelon navigointiasetuksista. Lisäksi he saavat bonuspisteet animoitavaksi navicoksi "x" sulkeaksesi valikon.
Super-kokoisen valikon täydellisyys
Lopuksi haluan tarkastella super kokoista tai mega-pudotusvalikkoa. Superkokoisten valikkojärjestelmien käyttö ei ole mikään uusi. Mielestäni kiinnostava on niiden sisälle sijoitettu sisältö. Arvioinneissa asioista suunnittelijat ovat todella panneet tämän uuden tilan toimimaan tehokkaasti.
Lowesin verkkosivusto näyttää täydellisesti minulle, mitä minulla on mielessäni. Tässä näet, että valikkojärjestelmästä on tullut sisällön paikka. Tätä sisältöä voidaan käyttää ohjaamaan käyttäjien virtaa sivuston kautta. Mikä tärkeintä, se voi johtaa heitä kohti kaikkein tärkeintä sisältöä. Kysymys tulee, mikä on tärkein sisältö? Ehkä se on myymälänsi kannattavin tuote. Näin navigointi toimii myyjänä, joka pyrkii tuottamaan kannattavimpia tuotteita. Tai ehkä sitä käytetään ohjaamaan käyttäjiä suosituimpiin tuotteisiin.
Toinen sivusto, joka käyttää tätä vaihtoehtoa hieman eri tavalla, on New Balance -sivusto. Tässä kolme ensimmäistä pudotuspistettä ovat luonteeltaan suuria, mutta ne ovat lähinnä linkkien luetteloita. Kuitenkin viimeinen vaihtoehto mukautettujen kenkien luomiseksi tuottaa edellä esitetyn pudotuksen. Tämä valikkovaihtoehto on yksi linkki. Rakastan, että he käyttivät tilaisuutta tehdä tämä yksittäinen esine todella kiehtovaksi introksi linkin takana olevaan sisältöön.
johtopäätös
Nämä kolme suuntausta, vaikka voimme keskustella niistä erikseen, on monia piirteitä yhteisiä. Ensisijainen näistä on se, miten navigointi on muuttunut vuosien varrella. Pudotusvalikot olivat yleensä järjestetty linkkien luettelo. Suurimmaksi osaksi ne olivat hieman neutraaleja, koska kaikki asiat esitettiin tasapuolisesti. Nyt näemme, että navigointijärjestelmät ovat avain tapa auttaa käyttäjiä kohti toivottavia tavoitteita.
Minulle haaste on selvä. Että meidän pitäisi nostaa ajattelumme navigointiin ja todella omaksua vaikutusvalta, joka sillä on käytössämme käyttämiemme verkkosivustojen käyttöön. Olen liian usein sitä mieltä, että navigointi on hieman jälkivaikutusta. Itse asiassa sen pitäisi olla suunnittelun kriittisimmin tarkasteltuja ja hienostuneita elementtejä.