Navigointimekanismien malleja 4: Jäsennys kahdesta ulottuvuudesta

Usein verkkosivuston sisältösivut asettuvat loogiseen hierarkiarakenteeseen, jota on selkeää näyttää sivuilla standardin mukaisesti kumuloituvana sivunavigaatiovalikkona. Joskus kuitenkaan tuo hierarkkinen jäsennystapa ei ole se yksi ja ainoa käyttäjille selkein erottelutapa: käyttäjät (tai palveluntarjoajat) haluaisivat ehkä lähestyä sisältösivuja myös jonkin muun luokittelutavan kautta.

Tällaiseen tarkoitukseen on monilla julkaisujärjestelmillä aika helppoa toteuttaa vaihtoehtoinen ”toisen ulottuvuuden navigointivalikko”. Tämä on harvemmin hyödynnetty ratkaisu, joka kuitenkin ansaitsee tulla esitellyksi sen toimivuuden ja helpon toteutettavuuden ansiosta.

North Patrol on suunnitteluun erikoistunut konsulttitoimisto. Suunnittelemme, autamme teknologiavalinnoissa, kilpailutamme. Emme myy toteutusprojekteja, emmekä lisenssejä, olemme aidosti asiakkaan puolella.

9.5.2023

Virpi Blom

Esittelyssä seitsemän eri valikkomallia

Tämä juttu kuuluu artikkelisarjaan, jossa esitellään seitsemän erilaista mekanismia verkkosivuston navigointivalikoiden muodostamiseksi sivuston sivujen keskinäisen rakennehierarkian (tai jonkin metatietoluokittelun) pohjalta.

Esitellyt navigointimallit perustuvat North Patrolin luomaan protomalliin, joka demonstroi käytännössä sitä, millä tavoin verkkosivuston sisällöt hahmottuvat eri navigointimallien kautta.

Ohjeet ja linkki protomallin käyttöön

2D-malli tarjoaa kaksi reittiä samaan tietosivuun

"Kahden ulottuvuuden" malliksi tämä navigointimekanismi on nimetty siksi, että se tarjoaa samoille tietosivuille kaksi erilaista navigointilogiikkaa rinnakkain.

Havainnemallissa on väreistä kertovat sivut jäsennetty ensisijaisesti väriperheiden mukaan (Keltaiset, Punaiset, Violetit jne.) hierarkkiseen rakenteeseen, joka indikoidaan sivuilla käytännön standardin mukaisena sivunavigaatiovalikkona. Tämän navigointimekanismin rinnalla näytetään päänavigaatiovalikon yhteydessä "poikkileikkaavia" navigointisivuja, jotka esittelevät värejä toisenlaisen jäsennystavan mukaan luokiteltuina (esim. kylmät värit ja lämpimät värit).

Pinkit-sivulle päästään navigoimaan standardin mukaisesta sivuvalikosta...
...ja samalle Pinkit-sivulle päästään vaihtoehtoisen valikon poikkileikkaavalta sivulta "Lämpimät värit", jolle on poimittu käsin linkkejä niille värisivuille, jotka kertovat lämpimistä väreistä.

2D-mallin sivutyyppien taittotavat ja funktiot muistuttavat joiltain osin hybridimallin sivuja: varsinaisilla tietosivuilla indikoidaan rakennehierarkia navigaatiovalikon avulla, ja ylätasolla tarjotaan "linkkilistasivuja", jotka ohjaavat käyttäjiä löytämään etsimänsä tietosisällöt.

2D-malli yhdistää hyvät, selkeät käytännöt: navigointivalikko voidaan muodostaa dynaamisesti sivujen rakennehierarkian perusteella, ja "poikkileikkaaville navigointisivuille" voidaan tuottaa hierarkiasta riippumaton, käyttäjälähtöinen jäsennystapa ohjaamaan sisältöjen pariin vaikkapa "linkkikorteilla" tai muutoin intuitiivisesti ymmärrettävällä tavalla.

Ymmärtääkö käyttäjä valikoiden eron?

Havainnemallissa kuvattu 2D-malli ei ole mitenkään yleinen ratkaisu. Niinpä on perusteltua epäillä se ymmärrettävyyttä ja opittavuutta: tajuaako käyttäjä mistä on kyse?

2D-mallin hyödyntäminen edellyttää sitä, että suunnittelijalla pysyvät langat käsissä: sisällöille on saatava järkevä ja looginen hierarkiarakenne (ei liian syvä), ja "poikkileikkaavista navigointisivuista" on saatava otsikoiltaan ja idealtaan riittävästi hierarkiasta poikkeava jäsennystapa, jotta käyttäjät pystyisivät hahmottamaan kahden eri navigointivalikon eron.

Ja hyvästä suunnittelusta huolimattakaan eivät käyttäjät välttämättä hahmota valikoiden eroa, koska ratkaisusta ei ole juuri aiempia käyttötottumuksia.

Korkean oppimiskynnyksen vuoksi 2D-malli soveltuukin parhaiten sellaiseen verkkosivustoon, jota käytetään usein ja sitkeän tavoitteellisesti, esimerkiksi intranetiin, ekstranetiin, asiointipalveluun, jäsenpalveluun tai vastaavaan tietointensiiviseen palveluun.

Intranet-sivusto on hyvä esimerkki siitä, kuinka sisällöt tyypillisesti jakautuvat yhdellä logiikalla hierarkioiksi (ajattele vaikkapa sisäistä jäsennystä siitä, mitä palveluja tarjoaa tietohallinto, mitä henkilöstöhallinto, mitä viestintä ja mitä taloushallinto) ja vaihtoehtoisesta näkökulmasta palveluja pitäisi esitellä eri kohderyhmille tai eri tilanteisiin (vaikkapa "Esimiehille" tai "Perehdytys" tai "Dokumenttipohjat" tai "Projektin läpivienti"). 2D-malli tekee mahdolliseksi esitellä samaa sisältömateriaalia näistä kahdesta eri näkökulmasta.

2D-mallin hyödyntämiselle olisi ylimääräiseksi eduksi se, jos sen käyttölogiikkaa olisi mahdollista opettaa käyttäjille vaikkapa pienellä tietoiskulla tai esittelyvideolla. Tähänkin juuri intranet- tai ekstranet-käyttö tarjoaisi mahdollisuuden.

Mallissa esitetty rakennehierarkia

Esimerkissäni käytetyn 2D-mallin navigointivalikot muodostuvat tällaisesta 3-tasoisesta rakennehierarkiasta:

Hierarkiasta kannattaa panna merkille, että "läpileikkaavat navigointisivut" ovat rakenteellisesti ihan samalla hierarkiatasolla kuin värisivujen päätasojen sivut (Keltaiset, Punaiset, Violetit jne.).

Teknisessä toteutuksessa ei siis voida pelkästä rakennehierarkiasta johtaa sitä, mitä linkkejä näytetään sivunavigaatiovalikossa, mitä ylätason "toisen ulottuvuuden valikossa".

Sivutyyppien välinen ero on toteutettava esim. sivupohjavalinnalla tai vastaavalla metatiedolla, joka on sisällöntuottajan valittavissa. Sivulle "Lämpimät värit" pitää pystyä määrittelemään, että sitä ei näytetä sivunavigaatiossa rinnakkain "Punaisten" kanssa, vaan se näytetään erikseen, ilman sivunavigaatiovalikkoa linkitettynä vaakatasoisen päänavigaatiovalikon pudotusvalikkoon rinnakkain "Kylmien värien" ja "Välivärien" kanssa.

Koska kunkin sisältöhaaran (tässä esimerkikssä "2-D") sivunavigointivalikossa näytetään kumulatiivisesti suoraan kaikki haaran sisältöosiot, tulee sivuvalikosta helposti hälyinen ja vaikeasti seurattava. Niinpä -- kuten kumuloituvassa standardimallissa yleisestikin -- on varottava sitä, ettei hierarkiarakenne levähdä liian syväksi ja leveäksi.


Valikkomalli soveltuu hyvin...

  • Intranetiin, ekstranetiin, jäsenpalveluihin ja vastaaviin rajatulle kohderyhmälle suunnattuihin tieto- tai asiointipalveluihin.
  • Kun sivuille pystytään luomaan melko matala rakennehierarkia.
  • Kun palvelun käyttö voidaan esitellä tai opastaa käyttäjille.

Ongelmakohtia ovat...

  • Mallin harvinaisuudesta johtuva korkea oppimiskynnys.
  • "Poikkileikkaavien navigaatiosivujen" hahmotettavuus niin loppukäyttäjille kuin ylläpitäjille, kun ne eivät ole oma hierarkkinen ulottuvuutensa rakennepuussa.

Artikkelisarja na­vi­gaa­tio­me­ka­nis­mien malleista

Esittelyssä seitsemän eri valikkomallia:

  1. Käytännön standardina kumuloituva valikko
  2. Suppilovalikko laajoille sivustoille
  3. Hybridimallissa valikot rakenteen alatasoille
  4. Jäsennys kahdesta ulottuvuudesta (2D)
  5. Megamenu on oikopolkulista
  6. Satelliittimallissa on kokoelma itsenäisiä sivustoja
  7. Hampurilaisvalikko työpöytänäkymässä

PS. Sinua voisi kiinnostaa tulossa oleva ilmainen webinaarimme: Verkkosivustojen personointi suhteessa tietosuojaan ja evästeohjeistuksiin (27.3.2024 klo 10:00). Ilmoittaudu webinaariin

Lue palveluistamme Pyydä tarjous

Virpi Blom

FM Virpi Blom on verkkopalvelustrategioiden, käyttökokemuksen ja palvelukonseptien asiantuntija. Virpi konsultoi asiakkaitaan strategisten linjausten, konseptoinnin, määrittelyn ja suunnittelun kysymyksissä. Hänen erityisosaamistaan on verkkopalvelujen hyötyodotusten kirkastaminen, positiivisen käyttäjäkokemuksen varmistaminen sekä hankittavien ratkaisujen konseptointi ja määrittely siten, että niin loppukäyttäjien kuin ylläpitäjienkin tarpeet täyttyvät.

Virpin 25-vuotinen kokemus verkkopalvelujen suunnittelusta sisältää satojen internet-, intranet- ja extranet-palvelujen määrittelyä, suunnittelua, toteutusta, käytettävyystestausta ja kehittämistä. Aiemmissa työpaikoissaan hän on mm. toiminut johtavana konsulttina, konsultoinut verkkopalvelujen suunnittelua ja toteutusta lukuisissa eri rooleissa ja vetänyt User Experience -tiimiä.

Tietosivustot

Autamme laajojen tietosivustojen suunnittelussa, määrittelyssä ja kilpailuttamisessa. Muotoilemme konseptin, tietorakenteet, käyttökokemuksen ja toiminnot hyötypalveluksi, jota on miellyttävä käyttää, helppoa ylläpitää ja kustannustehokasta kehittää koko elinkaarensa ajan.

Lue palveluistamme

Pyydä tarjous

North Patrol auttaa onnistumaan

Meitä on kymmenen konsulttia, kaikki kokeneita suunnittelijoita tai teknologia-asiantuntijoita. Joka vuosi viemme läpi yli 50 projektia, joissa autamme hankkeensa eri vaiheissa olevia asiakkaitamme luomaan uusia digipalveluja ja tietojärjestelmiä. Asiakkaamme ovat olleet erittäin tyytyväisiä työhömme (arvosana 9,5/10), ja monet heistä palaavat asiakkaiksi yhä uudestaan.

Olemme apunasi, kun kaipaat puolueetonta näkemystä teknologiavalintoihin, kirkastusta palvelukonseptin ideaan, tarkennusta vaatimusten määrittelyyn, konkreettista tukea tarjouskilpailuun tai ohjausta toteutusprojektin läpivientiin.

Ota selvää firmastamme

Miten erotumme kilpailijoistamme?

  • Digipalveluiden suunnitteluun erikoistuminen

    Olemme erikoistuneet digipalveluiden laadukkaaseen suunnittelutyöhön ja vaatimusmäärittelyyn. Missiomme on auttaa asiakkaita onnistumaan hankkeissaan luomalla mahdollisimman hyvät lähtökohdat toteutusvaiheelle – oli sitten kyse ketterästä toteutuksesta omalla tiimillä tai kumppanin kanssa tehtävästä hankkeesta tai julkisesti kilpailutettavasta urakasta.

  • Emme myy koodausta emmekä lisenssejä

    Moni teknologiakonsultti suosittelee asiakkailleen teknisiä ratkaisuja, joita sama talo myös toteuttaa. Meillä tätä vinoumaa ei ole, koska meiltä ei voi ostaa koodausta tai lisenssejä eikä meillä ole riippuvuuksia teknologiatoimittajiin. Näkökulmamme ohjelmistomarkkinaan on laaja-alainen. Tavoitteena on aina löytää asiakkaalle parhaiten soveltuva ohjelmistoratkaisu, oli se sitten räätälöity ratkaisu, saas-palvelu, avoimen lähdekoodin alusta tai näiden yhdistelmä.

  • Realistisuus ja kaukonäköisyys

    Suunnittelemme digipalveluiden palvelukonsepteja, toteutustapoja ja arkkitehtuureja, jotka kestävät aikaa ja jatkokehittämistä. Me painotamme ratkaisujen toteutuskelpoisuutta, hyvien kumppaniehdokkaiden löytymistä ja kustannusten ennustettavuutta.

Siirry takaisin sivun alkuun