Se ei riitä yksinkertaisesti varmistamaan, että verkkosisällesi sopii pieneen näyttöön. Google vahvisti tämän ennakkotapauksen päivittää sen algoritmia korostaa huolellisesti suunniteltujen ja hyvin toteutettujen herkkien mallien merkitystä matkapuhelimissa.
Ja on järkevää: katsojat eivät tarvitse kaikkia työpöydän toimintoja mobiililaitteessa. Itse asiassa ne saattavat haluta poistaa joitakin sisältöjä ja toimintoja, kun ne ovat pienemmällä näytöllä. Loppujen lopuksi kukaan ei halua lajitella sisällön sivuja vain löytääksesi yrityksen puhelinnumeron. Se on puuttuva rakennuspalikka useissa yritysten web-suunnitteluperusteissa: todellinen adaptiivisuus.
Pelkkä sivustosi jouduttaminen mobiililaitteeseen sopivaan versioon ei riitä. Sinun on tarkasteltava tarkasti koko käyttökokemusta ja sitä, miten sitä tulisi muuttaa mukautumaan erilaisiin ympäristöihin, joissa sitä tarkastellaan.
57% mobiililaitteiden käyttäjistä ei suosittele yrityksiä, joilla on huonot mobiilisivustot, ja 48 prosenttia sanoo että liikekäyttäjät, jotka eivät toimi kunnolla, näyttävät olevan huolehtimatta.
On useita ongelma-alueita, jotka useimmat yritykset joutuvat reagoivien verkkosivustojensa kanssa:
Aiemmat suunnitteluprosessit ovat sanoneet, että asiakas hyväksyy staattiset kuvat ja kuvakaappaukset ennen kehitysvaihetta. Nykyään muotoilu keskittyy enemmän elementtien uudelleenjärjestely eri laitteiden mitat ja paljon vähemmän keskittynyt staattisten kuvien sijoittamiseen.
Tietojen näyttäminen pienellä näytöllä tekee usein vaikeaksi nähdä tai lukea sisältöä, etenkin tietojen taulukoita. W3C W3C itse asiassa kannustaa tavaramerkkejä valitsemaan muuta menetelmää kuin taulukoita ja välilehtiä tietojen esittämiseen; monimutkaiset käyttöliittymät sisältävät vain liikaa tietoa mobiililaitteiden käsittelemiseksi.
Ennen kaikkea ongelma reagoivan suunnittelun kanssa on yksinkertaisesti asiakkaiden näkökulmasta ja yritysten näkökulmasta. Valitettavasti useimmat yritykset haluavat kysyä itseltäsi, mitä he haluavat kertoa asiakkailleen sen sijaan, miten heidän asiakkaansa haluavat tarkastella ja olla vuorovaikutuksessa näiden tietojen kanssa.
Esimerkiksi kun rekisteröinti työnkulut ovat yleensä tärkein osa web design, ne ovat usein alhainen prioriteetti. Tämä johtuu siitä, että yritykset ajattelevat paremmin toiminnallisuutta, jota he haluavat asiakkaiden näkevän, kuin looginen tulonlähde ja ensisijainen työnkulku, jota asiakkaat etsivät.
Yksinkertaisesti sanottuna, reagoiva suunnittelu ei ole lopullinen ratkaisu antaa käyttäjille, mitä he tarvitsevat verkkosivuilta; se jättää vielä paljon toivomisen varaa.
Kun kyseessä on web-suunnittelu, avainkeskusteluiden brändeillä on oltava kiehtova käsite reagoiva vs. mukautuva verkkosivustoja.
Reagoiva lähestymistapa vie nykyisen sivuston ja sopii sen vaihteleviin näytön kokoihin, kun taas mukautuva lähestymistapa muuttaa sisältöä ja miten se toimii näytön koon perusteella.
Responsive web-suunnittelu olettaa, että sisällön ja toimintojen on oltava samat kaikissa laitteissa - mutta se ei välttämättä ole totta
Yleisesti kannatan enemmän adaptiivista web-suunnittelumenetelmää, toisin kuin yksinkertaisesti pinoamista, yhdestä tärkeästä syystä: Responsive web design olettaa, että sisällön ja toimintojen on oltava samat kaikissa laitteissa - mutta se ei välttämättä ole totta. Avain on vastata sisällön luonne käyttötapa ja konteksti, jossa käyttäjät katsovat verkkosivustoosi.
Oletetaan esimerkiksi, että suunnittelet brändin reagoivan sivuston kuluttajapaketoiduissa tavaroissa tai kuluttajien lahjatuotteissa. Tällaisten sivustojen kampanjat ja tarjoukset sisältävät yleensä eniten verkkoliikennettä. Ihmiset harvoin tarkastelevat tuotetietoja, mutta kun he tekevät, hieno tapa korostaa nämä yksityiskohdat on näyttää, miten he vertaavat muihin tuotteisiin. Tätä silmällä pitäen tuote-visualisointi- ja opetussisältöä kannattaa laittaa tuotesivuilla, jotta voit auttaa kuluttajia ymmärtämään, miten voit käyttää ja ottaa yhteyttä tuotteeseesi.
Kuluttajapaketoidulle teollisuudelle haluat tutustua asiakkaisiisi ja päättää, ovatko he pre-, in-tai post-store. Sinun on luotava erilaiset kokemukset riippuen siitä, missä asiakkaalla on ostotapa.
Seuraavassa on lyhyt erittely kullekin polulle:
Tietäen, missä asiakkaat ovat ostotavalla, voit suunnitella sivuston niin, että se täyttää nämä tarpeet ja paljon muuta.
Adaptiivinen muotoilu mahdollistaa asiakkaan räätälöidyn kokemuksen ... perustuen siihen laitteeseen, jota hän käyttää
Sinun on ennen kaikkea sijoitettava asiakkaasi kengät. Esimerkiksi, olen kauppias Trader Joe joka viikko. Olisi mukavaa, jos voisin suunnitella ateriat etukäteen kannettavasta tietokoneestani ja liittää suunnitelman ostokokemukseni mukaan. Toisin sanoen voisin kertoa sivustolle, mitä haluan tehdä aamiaiseksi, lounaaksi tai illalliseksi. Sivusto sitten kertoisi minulle kaikki tuotteet, jotka tarvitsin tehdä aterioita ja luodaan kartoitettu lista minulle, jotta voisin tietää, mitkä käytävät osuivat, kun pääsin kauppaan. Minun tarvitsee vain vetää puhelin.
Adaptiivinen muotoilu antaa asiakkaalle mahdollisuuden kokeilla räätälöityä kokemusta, joka perustuu siihen laitteeseen, jota hän käyttää.
Optimoi asiakaskokemus räätälöimällä laitteen suunnittelu ja tiedot. Jos asiakas esimerkiksi etsii sinut älypuhelimella, tee puhelinnumerosi näkyvä ja vuorovaikutteinen, jotta hän voi soittaa helposti. Onko kuluttaja kannettava tietokone? Ehkä on tärkeämpää esitellä tuotetietoja etukäteen. Määritä, mitä asiakkaasi tarvitsee käytettävän laitteen perusteella ja toimittaa tämän kokemuksen.
Sinun on tarkasteltava sivustosi käyttäjien näkökulmasta - riippumatta siitä, mihin laitteeseen he kokevat. Jos asiakkaasi vetävät puhelimensa etsimään yritystäsi, sinun on parempi olla valmis auttamaan heitä löytämään tarvitsemansa parhaan mahdollisen suunnittelun ja toimivuuden. Jos et yksinkertaista ja saumatonta, he vain vievät liiketoimintaansa muualle.