20 murtunutta myyttiä reagoivasta web-suunnittelusta
Tarve käsitellä responsiivisen web-suunnittelun tärkeyttä on mennyt kauan sitten. Nyt on aika keskittyä siihen, kuinka tehdä mahdollisimman reagoiva suunnittelu.
Siitä kaikki puhuvat, mutta valitettavasti kaikki eivät tiedä mistä puhuvat. Aivan liian usein kohtaat Internetissä tietoja, jotka haastavat sen, mitä tiedät reagoivasta suunnittelusta.
Joskus pikkupala on erittäin rakentava ja auttaa kääntämään web-suunnittelustrategiasi oikeaan suuntaan. Toisinaan olet hämmentynyt tai päädyt menemään täysin päinvastaiseen suuntaan. Kun näin tapahtuu, ei tarvitse syyttää. Responsiivisen suunnittelun ala on vielä melko uusi, ja kaikki mutkit ovat vielä selvittämässä.
Lisäksi huhujen ja myyttien luominen on osa ihmisluontoa. Kuitenkin, kuten Barbara Streisand on kuuluisa sanoessaan: ”Myytit ovat ajanhukkaa. Ne estävät etenemisen.” On paljon parempi etsiä totuutta kuin takertua myytteihin. Jotta tämä onnistuisi, on tärkeää tunnistaa joitakin responsiiviseen verkkosuunnitteluun liittyvistä suurimmista väärinkäsityksistä ja hankkia tarvittavat työkalut onnistuneesta vaihdosta.
1 Responsive Design = Optimointi mobiililaitteille
Kyllä, on totta, että viimeaikainen mobiilikasvu on syy, miksi kaikki painottavat reagoivaa web-suunnittelua, ja sillä on suuri rooli konseptissa. Mutta se ei ole ainoa asia, jolla on merkitystä. Kyse on myös pitkälti siitä, millaisia käyttäjiä ja laitteita he käyttävät. Mobiililaitteiden lisäksi on muitakin optimointia vaativia laitteita, kuten tabletit ja televisioruudut. Responsiivisen web-suunnittelun todellinen tavoite on saada verkkosivusto sopimaan mille tahansa näytölle tai näytölle, missä tahansa suhteessa tai mittakaavassa, käyttämällä mitä tahansa Internet-yhteyttä. Tämä menee paljon pidemmälle kuin mobiilinäyttö.
2 Testaa niin monessa laitteessa kuin mahdollista
Suunnittelumaailmassa useimmat suunnittelijat eivät testaa verkkosivustoaan useilla laitteilla, ja sama pätee responsiiviseen suunnitteluun. Olisi mahdotonta testata kaikilla laitteilla. On olemassa satoja merkkejä ja tuhansia malleja, ja kun saat testattua suurenkin näytteen, tekniikka olisi vanhentunut ja olisi aika aloittaa alusta. Pieni otoskoko riittää lähes aina määrittämään toimivuuden kaikissa laitteissa.
3 Typografiaa ei tarvitse optimoida
Valitettavasti liian monet suunnittelijat uskovat tähän. He keskittyvät niin paljon laitteeseen ja verkkosivun kokoon, että he eivät ota huomioon sekä varsinaista suunnittelua että käyttäjää. Menestyäkseen verkkosivuston on oltava luettava, ja responsiivisen suunnittelun typografian huomioiminen on erittäin tärkeää.
4 Yksittäinen mukautuva kokemus ei toimi
Oletus, että ihmiset haluavat eri käyttöliittymiä eri laitteille, saa usein taitavan web-suunnittelijan koukkuun. Se saa suunnittelijat uskomaan, että he tarvitsevat useita strategioita ja mukautuksia, jotka on räätälöity jokaiselle laitteelle. Päänsärky ei kuitenkaan ole sen arvoista. Voit helposti luoda verkkosivuston, joka toimii useilla laitteilla, yhdellä mallilla.
5 responsiivinen muotoilu ja raskaat sivulataukset tekevät suunnittelusta hitaamman
Pedon luonnetta on helppo syyttää, mutta tässä tapauksessa se ei ole reilua. On paljon pienimuotoisia, raskaan sisällön sisältäviä sivustoja, jotka latautuvat nopeasti ja ilman ongelmia, mikä osoittaa, että sivujen hitaissa latauksissa ei ehkä ole suunnittelussa vika, vaan suunnittelijassa.
6 Responsiivinen suunnittelu ei toimi kaikissa käyttötapauksissa
Tämä on erittäin harhaanjohtavaa, koska käyttötapaukset ovat erittäin tärkeitä toimivalle responsiiviselle suunnittelulle. Suunnittelijoiden on otettava huomioon jokainen käyttötapaus tunnistaakseen, selventääkseen ja järjestääkseen järjestelmävaatimukset kaikissa laitteissa. Käyttäjäsi eivät halua valita tilanteita, joissa he voivat käyttää verkkosivustoasi, joten haluat sen olevan saatavilla milloin tahansa, ja useiden laitteiden käyttötapausten hallitseminen on paras tapa mennä.
7 Responsiivinen suunnittelu ei toimi vähittäiskaupassa
Väärä. Vaikka siihen saattaa liittyä hankalampi käyttöliittymä, responsiivinen suunnittelu toimii erittäin hyvin vähittäiskaupan yrityksissä. Itse asiassa siitä on tulossa välttämättömyys. Juniper Researchin tekemä tutkimus osoittaa, että vuoteen 2018 mennessä 30 prosenttia kaikista verkkokaupoista tapahtuu mobiililaitteiden kautta. Lisäksi mobiiliostajien määrä kasvoi 393 miljoonasta 580 miljoonaan vuoden 2014 alusta loppuun, mikä osoittaa, että vähittäiskaupan responsiivisen suunnittelun aika on ohi.
8 Responsiivisen suunnittelun käyttöönotto kestää kauemmin
Voi olla totta, että responsiivisen suunnittelun saaminen käyttöön kestää hieman kauemmin, mutta ei paljon. Itse asiassa se voi säästää aikaa, kun se luo yhteisen koodikannan ja sisältökannan lukemattomille laitteille. Lisäksi yhä useammat web-hosting-yritykset lisäävät responsiivisen suunnittelun koodauksen alkuperäiseen pakkaukseensa, mikä tekee molempien sivustojen samanaikaisesta kehittämisestä helpompaa ja vähemmän aikaa vievää.
9 Kaikki ovat siirtymässä kohti reagoivaa suunnittelua
Kaikki eivät näe responsiivisen suunnittelun arvoa. Se voi tarkoittaa suurimman verkkoyleisön houkuttelemista, mutta se ei välttämättä tarkoita, että jokainen yritys tarvitsee responsiivista suunnittelua menestyäkseen. Jokaisen yrityksen kannattaa kuitenkin harkita kustannus-tuotto-suhdetta, vaikka yritys päättäisikin, ettei se tarvitse sitä.
10 Responsiivisen suunnittelun pitäisi toimia kaikilla selaimilla
Responsiivisen sektorin kehitys paranee koko ajan, mutta se ei tarkoita, että saat minkä tahansa web-suunnittelun toimimaan jokaisella mobiiliselaimella. Se toimii yleensä vain selaimissa, jotka on luotu responsiivisen web-suunnittelun alusta lähtien, kuten Chrome, Firefox ja Safari. Sinun on vaikea saada se vastaamaan Internet Explorerin vanhempiin versioihin, mikä on hienoa, koska käyttäjä huomaa pian, että hänen on joka tapauksessa päivitettävä selain.
11 Se on liian kallista toteuttaa
On totta, että responsiivisen suunnittelun toteuttaminen vaatii erilaisia taitoja, työkaluja ja teknologiaa, mutta se ei ole paljon kalliimpaa kuin muut web-suunnitteluyritykset. Itse asiassa monet hosting-sivustot tarjoavat alennetun hinnan, jos ostat jo web-hosting-palvelun heidän kanssaan.
12 Responsiivisella suunnittelulla ja hakukoneoptimoinnilla on rajalliset yhteydet
SEO on nyt vahvasti sidoksissa responsiiviseen suunnitteluun, sillä aiemmin tänä vuonna julkaistun Google-algoritmipäivityksen ansiosta sivustot joutuvat rankaisemaan rankingissaan, jos niitä ei ole optimoitu mobiilikäyttöön. Googlen päätavoite on tarjota käyttäjilleen juuri sitä, mitä he haluavat. Suurin hakukone ei palkitse sinua korkeammalla sijoituksella, jos sivustosi ei ole käyttäjäystävällinen heidän suurelle mobiiliyleisölle.
13 Olemassa olevan sisällön siirtäminen reagoivaan suunnitteluun on helppoa
Päinvastoin. Vaatii jonkin verran viimeistelyä, jotta sisältö siirretään saumattomasti suurelta näytöltä pieneen. Siirtymäprosessi sisältää tärkeimmän sisällön tunnistamisen, ylimääräisen leikkaamisen ja sen pienentämisen pienempiin laitteisiin sopivaksi. Ennen kaikkea on parasta lähestyä kaikkea uutta sisältöä ”mobiili ensin” -näkökulmasta, mikä helpottaa laitteiden käyttöä molemmilla alustoilla.
14 ”Mobiili ensin” tarkoittaa keskittymistä enemmän mobiilisuunnitteluun kuin alkuperäiseen verkkosivustoon
Jos ajattelet ensin mobiililaitetta, ajattelet ensin käyttäjää, mikä tarkoittaa parempaa kokemusta mobiilisivustosta ja alkuperäisestä sivustosta. Konsepti sisältää hyvin harkitun tavan tarjota käyttäjälle kaiken kaikkiaan parempi käyttökokemus riippumatta siitä, miten he käyttävät sisältöä.
15 yksittäisen laitteen rajapisteen tulisi olla ensisijainen tavoite reagoivassa suunnittelussa
Responsiivisessa suunnittelussa ei ole kyse verkkosivuston pienentämisestä tietylle laitteelle sopivaksi. Se tekee vain enemmän työtä itsellesi kuin on tarpeen. Jos haluat kehittää responsiivisen verkkosivuston, sinun on suunniteltava käyttöliittymä, joka toimii useissa laitteissa, ei vain yhdessä. Kyse ei ole vain yksittäisistä laitteiden keskeytyspisteistä, vaan sellaisen kehyksen rakentamisesta, joka toimii minkä tahansa keskeytyspisteen kanssa.
16 universaalisti optimoitua kuvaa toimii kaikilla näytöillä
Koska yrität laittaa kuvan pienempään säilöön, tarvitset tietysti kuvan optimointia. Yksikokoinen kuva ei kuitenkaan leikkaa sitä, vaikka kuva olisi jo optimoitu pienempää laitetta varten. Laitteita on erikokoisia, ja jos universaalisti optimoitu kuva on liian suuri, sivu ei lataudu. Jos se on liian pieni, muotoilu on vino. Yleensä voit optimoida eri kokoisia kuvia eri laitteille sopivaksi.
17 Sisältö voi piiloutua reagoivaan suunnitteluun
Ehkä tämä on totta, mutta vain jos web-suunnittelijoilla ei ole aavistustakaan, mitä he tekevät. Kokeneelle web-suunnittelijalle tämä myytti on absurdi. Responsiivisen web-suunnittelun tarkoitus on tehdä sisällöstä helposti saatavilla ja saavutettavissa. Sisällön piilottaminen on tämän idean vastakohta, eikä sitä koskaan haluaisi tehdä tarkoituksella. Jos keskityt esteettömyyteen piilotetun sisällön sijaan, sinulla ei pitäisi olla ongelmia reagoivan käyttöliittymän rakentamisessa.
18 Responsiivinen verkkosuunnittelu on tulevaisuutta
Ehkä tämä myytti johtuu siitä tosiasiasta, että vain 22 prosenttia markkinoijista sanoo, että heillä on asiantunteva käsitys reagoivasta suunnittelusta, 29 prosenttia sanoo ymmärtävänsä keskimäärin, 23 prosenttia sanoo, että heillä on perustiedot, mutta he ovat jäljessä, ja neljä prosenttia sanoo, että heillä on ovat toivottomia responsiivisen suunnittelun suhteen.
Mutta todellisuus on, että responsiivinen web-suunnittelu on nyt. Ihmiset haluavat responsiivisempia verkkosivustoja tänään, ei viiden vuoden kuluttua. Ainoa tapa päästä responsiivisen suunnittelun edellä on ottamalla käyttöön parhaat käytännöt tänään ja katsoa entistä saumattomampaa saavutettavuutta ja integraatiota tulevaisuudessa.
19 Responsiivisen web-suunnittelun tulisi olla ainoa prioriteettisi
Tämä on jälleen väärin. Menestys web-suunnittelussa tarkoittaa sitä, että voi käyttää useita erilaisia hattuja ja käyttää niitä hyvin. Sinun on opittava tasapainottamaan päivityksesi alkuperäiseen verkkosivustoon, blogiisi, mobiilisivustoihisi ja kaikkiin muihin web-suunnittelutehtäviisi liittyviin näkökohtiin.
Lisäksi todellinen prioriteetti tulee aina olla käyttökokemus. Usein mobiililaitteiden asettaminen etusijalle on sama asia kuin käyttäjän asettaminen etusijalle, mutta ei aina. Verkkosuunnittelijana sinun vastuullasi on löytää tämä tasapaino.
20 Responsiivinen verkkosuunnittelu on täydellinen malli
Toivottavasti kukaan ei todellakaan usko tätä myyttiä. Kokenut suunnittelija ymmärtää, että täydellistä mallia ei todellakaan ole olemassa, varsinkaan näin nopeasti kehittyvän kokonaisuuden kanssa. Aina tulee olemaan omituisuuksia, hitaampia latausaikoja ja muita ongelmia, joista käyttäjät voivat valittaa.
Se on kuitenkin paras mallimme käyttökokemuksen parantamiseen useilla laitteilla, ja se on myös paras tapa lisätä käyttäjien sitoutumista brändiisi. Koska yli 60 prosenttia kaikesta Internet-toiminnasta käytetään mobiililaitteella, se on erittäin tärkeä malli harkittavaksi, vaikka se olisi virheellinen.
Responsiivinen web-suunnittelu ei ole tarkkaa tiedettä, ja on vaikea ymmärtää kaikkia sen onnistumisen perusteita. On kuitenkin syytä tutkia ja hallita, jotta voit parantaa yleistä menestystäsi yrityksesi kanssa.