Jos tämä on ilmeistä ja se tuntuu sinusta intuitiiviselta, joku jää paikalle, keskustele useammasta sivusta ja toimi. Lisäksi responsiivinen rakenne auttaa ylläpitämään johdonmukaisuutta työpöytä- ja mobiilisivustosi välillä, jolloin ihmiset löytävät etsimänsä nopeasti. Responsiivinen kehys varmistaa, että sivustosi uusi rakenne muuttuu kävijän käyttämän laitteen mukaan, mikä tarjoaa saumattoman käyttökokemuksen. On kiistaton tosiasia, että mobiilikävijöiden määrä on ylittänyt tietokonekävijöiden määrän. Näiden muutosten tekeminen varmistaa, että hakukoneestasi tulee käyttäjäystävällisempi ja että se pysyy uskottavana vuosien varrella, mikä takaa käyttäjillesi erinomaisen käyttökokemuksen.
Raphan sivuston navigointianalogia on erinomainen, sillä sen rakenne varaa sivut strategisesti tärkeimpien johtava sivusto työkaluluokkien ansiosta. Uusi selkeä kehys ja käyttäjäystävällinen tyyli tekevät Fruitin verkkosivustosta yhden parhaista esimerkeistä helposti selattavista verkkosivustoista. Kun profiilit ovat kaikkien näiden alueiden yläpuolella, näkyviin tulee pudotusruokavalio, joka esittelee tiettyjä tuotteita.
Kyse on juuri uusimman koulutuksen mukauttamisesta, ja voit standardoida omaa vierastasi. Toiminnan edustaja Steve Krug kirjoitti kattavan oppaan tällä ajatuksella. Tässä on hyvä vinkki ClickUpista, jossa on erinomainen "painoalatunniste", määritelmä, jonka mukaan kaikilla näytöillä on useita linkkejä. Lyftin verkkosivujen reititys tarjoaa vaihtoehtoja kaikille henkilöille, olitpa sitten ajaja, kuljettaja tai yrityksen asiakas. Kun viet hiiren osoittimen muiden linkkien päälle, kuvat täyttävät taustan, josta nautimme hauskana yksityiskohtana.
Sinun on myös valittava, mitkä navigointivaihtoehdot – kuten hampurilaisavain – ovat tärkeitä mobiililaitteille ja miten ne mahtuvat pöytätietokoneesi runkoon. Voin odottaa, että yksi pysyy yhtenäisenä riippumatta siitä, mihin luokkaan keskitymme. Luovan ohjaajan Olivier Gillaizeaun uusin kokoelmasivusto sisältää kätevän suoran sivupalkin valikon, joka näyttää hänen ohjelmansa aikataulua varten. Vaikka jotkut artikkeleistamme keräävät myös paljon kävijöitä, HubSpot-ohjelmistoa ostavan henkilön eniten näkemät sivut ovat laitekäyttäjät, hinnat, tilannekoulutus ja sinä rakastat. Vaikka hampurilaisvalikot ovat suosittuja mobiiliverkkotrendeissä niiden kevyen luonteen vuoksi, on itsestään selvää omistaa myös tietokonesivustoja.
Kun suunnittelusi mukautuu laitteisiin, niiden navigointi on selkeää, käytännöllistä ja helppokäyttöistä. Sivustosi on tarkoitus toimia vaivattomasti puhelimilla, tableteilla ja jopa tietokoneilla. Responsiivinen verkkosivustosuunnittelu mukauttaa verkkosivuston asettelua näytön koon mukaan, joten verkkosivuston on oltava vastaanottavainen. Se on erityisen hyödyllistä, jos ruokavaliossasi on yksinkertainen kytkin, koska se pysyy selkeänä ja voit pitää sivuja napsautettavissa kassalla. Heillä on tärkeät linkit aina käden ulottuvilla, mikä helpottaa kävijöiden verkkosivustosi lukemista ilman tukea. "Pounds footer" (tunnetaan myös nimellä "sitemap-lite" tai "doormat" footer) on reititysrakenne verkkosivuston alareunassa, jossa on useita valikoita ja linkkejä.
Pakettireititys sivustokartalla
Erityisen yleisiä vaiheita ovat näppäimillä leikkiminen, listapakettien vierittäminen tai välilehdet tietokonesivustoilla, jotta voit näyttää lisää navigointivaihtoehtoja. Kolmas reititysvaihe on, kun olet myös alikuvan päällä, joka näkyy ruudukkona. Sivut voivat käyttää JavaScript-pohjaista suodatusnavigointia eteenpäin navigointiin, joten linkit uusimman luokan alakategorioihin joskus jätetään pois. Sivuston navigointivalikot löytyvät eri osioista, yleensä vaakasuunnassa otsikon sisällä (molemmat tunnetaan nimellä sivuston … julkaisu). Jotta he ymmärtävät aina, mikä sivu se on sinulle, yritä korostaa nykyistä sivua tai luokkaa. Uusi alleviivaus "Vaatteet"-kohdasta kertoo minulle, että olet oikealla tiellä, jonka yllä hiirin.
Jos sisäiset takalinkit olisivat olleet tiukasti riippuvaisia tikkaista, käyttäjien olisi pitänyt luoda useita rastia päästäkseen verkkosivujen korkeammille sivuille, vaikka ne olisivatkin tunnettuja. Mikään näistä ei ole meikkikurssin otsikkosivua; on olemassa toinen kurssi, joka on meikkiä alempi, ennen kuin pääset tälle sivustolle. Näillä tyypeillä on ruudukko, joka erottaa linkit useisiin kosmetiikkaan liittyviin tyyppeihin. Uusi konferenssi-linkkien sijoittelu on korkealla sivun otsikossa.
Tämä alla oleva esimerkki tarjoaa pari tärkeintä toimintakehotusta – sinun on pyydettävä yrityksiä keskustelemaan myynnin kanssa suuresta suunnitelmasta, sekä yksi muille sivuille, jotka tulevat ja ovat nyt alkaneet tehdä ilmaista tiliä. Sinun on lisättävä toimintopainike sivustosi navigointiin, jotta se olisi mahdollisimman helppoa. Tämä on yksinkertainen rakennemuutos, joka voi tehdä suuren muutoksen käyttäjäkokemukseen.