Kaikki puhuvat “responsiivisesta verkkosuunnittelusta” tai reagoivasta suunnittelusta tai mukautuvasta suunnittelusta tai mobiiliverkkosuunnittelusta… lyhyesti sanottuna: kaikki puhuvat mobiiliportaalista, mitä se tarkoittaakaan.
Mutta kuka sen sanan keksi? No joo, tämä on vakavaa. Tämän tyyppisille verkkosivustoille on ominaista, että niiden sisältö mukautetaan mihin tahansa resoluutioon ja siten “takaa” sen oikean näytön kaikissa laitteissa (korkean resoluution näytöt, tabletit, matkapuhelimet jne.). Olen laittanut takuun lainausmerkkeihin, kyllä, ja olen kirjoittanut sen tarkoituksella, jota epäilet: Paha tarkoitus.
Tämän suunnittelutekniikan nousu on vaikuttanut syvästi alan ammattilaisten keskuuteen, ja ne ovat tarjonneet tämän tyyppisiä tuotteita muodossa: “Web-sivustosi matkapuhelimeesi”. Erittäin hyvä, vuokraat tämän palvelun ja totuus on, että se toimii, he ovat pitäneet sanansa, sivusi näkyy mobiilissa. Toinen ongelma on, toimiiko sivusi mobiililaitteella…
Mitä tarvitaan, jotta sivusi toimisi mobiiliversiossaan?
Erittäin yksinkertainen… se täyttää samat tavoitteet kuin sen työpöytäversio, se tarjoaa jopa uusia tavoitteita ja etuja hyödyntäen tuen, jossa se näkyy.
Tämä on erittäin tärkeää, koska responsiivinen verkkosivusto ei ole portaalisi kahdesta eri versiosta, vaan pikemminkin samasta versiosta, jonka sisältö “muutuu”, muuttaa muotoa ja sijaintia sen mukaan, missä sitä tarkastellaan. Siksi meidän on optimoitava tämä sisältö mahdollisimman paljon ja annettava sille sen ansaitsemaa näkyvyyttä.
Responsive Web Design Whatsapp-numeroluettelo on kuin korkean keittiön ruokalaji, sen ulkonäkö voi olla vaikuttava, mutta herkkua maistamisen jälkeen se joko ei maistunut tarpeeksi tai sitten jäi kova nälkä…
Navigointi on välttämätöntä, etenkin matkapuhelimissa. Sivuasi selaavan henkilön on tehtävä se yksinkertaisesti, helposti ja nopeasti. Seuraavassa esimerkissä näemme, kuinka olemme mukauttaneet valikon niin, että käyttäjä voi navigoida ja etsiä tuotteita yhtä helposti ja nopeasti. Muistamme, että se on sama portaali. (varmuuden vuoksi)
Toinen kurssi: Otsikko ja korostettavat elementit.
Esimerkki: Sinulla on aloitussivu ja olet korostanut puhelinnumeron tärkeimmäksi yhteydenottomuodoksi. Yllätys, tarkistat sivusi tabletillasi tai matkapuhelimellasi ja huomaat, että puhelinnumerosi katoaa Pilòt kwasans Ogmantasyon nan kantite vierittäessäsi… Tämä on selkeä esimerkki toimimattomasta responsiivisesta verkkosuunnittelusta. Sen ei pitäisi vain mukautua (muuttaa kokoa ja rakennetta), vaan korostaa päätavoitetta, jota varten portaali tehtiin, tässä tapauksessa puhelun yhteyshenkilölle.
Tässä tapauksessa näemme, kuinka puhelinnumero pysyy aina selaimen yläreunassa, vaikka vieritämme nähdäksesi loppuosan sivusta.
Ja tässä on ruokalistan kohokohta, gastro-digitaalisen seikkailumme todellinen päähenkilö: sisältö. Verkkosivustomme ei agb directory toimi, jos sisältöämme, viestiämme, ei näytetä riittävän selkeästi ja luettavasti. Responsiivisen web-suunnittelun on kunnioitettava tätä ja mukautettava uudelleen fonttikoot, värit, välit ja kontrastit.
