Kuinka reagoiva web-suunnittelu parantaa käyttäjien kaikkien käyttäjien kokemuksia
Ota hetki ja mieti kaikkia laitteita, joita omistat, joita voi käyttää verkkosivustojen katseluun. Jos olet kuin useimmat ihmiset, tämä luettelo on kasvanut viime vuosina. Se todennäköisesti sisältää perinteisiä laitteita, kuten työpöytä- ja / tai kannettavaa tietokonetta, sekä laitteita, jotka ovat nousseet esiin viime vuosien aikana, mukaan lukien älypuhelimet, tabletit, kulutettavat, pelijärjestelmät ja paljon muuta. Sinulla voi olla jopa kodin laitteita tai autossa olevaa näyttöä, jonka avulla voit muodostaa yhteyden internetiin! Tärkeintä on, että laitteiden maisema kasvaa jatkuvasti ja monipuolisemmaksi, mikä tarkoittaa sitä, että web-sivustojen nykypäivän (ja tulevaisuudessa) menestymisen varmistamiseksi verkkosivustojen on oltava rakennettu vastauksellisella lähestymistavalla ja CSS-mediakyselyillä. ihmiset todennäköisesti yhdistävät nämä eri laitteet yhteen web-selauskokemukseen.
Syötä Multi-Device-käyttäjä
Yksi totuus, jonka olemme nähneet pelata, on, että jos ihmisille annetaan useita tapoja päästä Internetiin, he käyttävät niitä. Ei vain ihmisiä, jotka käyttävät paljon eri laitteita verkkosivustojen sisällön käyttämiseen, mutta sama henkilö käy samassa sivustossa näiden monipuolisten laitteiden avulla. Tällöin tulee "monilaitteen" käyttäjä käsite.
Tyypillinen monilaitteiden skenaario
Harkitse yhteistä vuorovaikutusta, jota monet ihmiset kokevat joka päivä - selatessaan kiinteistöjen verkkosivustoja etsiessään uutta kotia. Tämä kokemus voi alkaa työpöytätietokoneella, jossa joku tulee kriteereihin, mitä he etsivät ja tarkastelee erilaisia hakuehtojen mukaisia omaisuusluetteloita. Päivän kautta tämä henkilö voi tarkastella tiettyjä ominaisuuksia uudelleen mobiililaitteellaan tai he saattavat saada hälytyksiä sähköpostiisi (jota he tarkastavat mobiililaitteellaan) uusille hakuehtojensa mukaisille luetteloille. He saattavat jopa saada nämä ilmoitukset pukeutuvaan laitteeseen, kuten älypuhelimen, ja tarkastella perustietoa tuosta pienestä näytöstä.
Prosessi voi jatkua päivällä, kun useampia käyntejä eri työpöytätuoteilla, kenties toimistosta työssä. Tänä iltana he voivat käyttää tablet-laitetta näyttämään kaikki perheensä kannalta erityisen kiinnostavat luettelot saadakseen palautetta näistä ominaisuuksista.
Tässä skenaariossa verkkosivustosi asiakas on käyttänyt neljä tai viisi erilaista laitetta, joilla on hyvin erilainen näytön koko, vierailla samassa sivustossa ja tarkastelemaan samaa sisältöä. Tämä on monikäyttöinen käyttäjä, ja jos verkkosivustolla, jota he vierailevat, ei mahdu heihin kaikilla näillä eri näytöillä, he vain lähtevät ja löytävät yhden.
Muut skenaariot
Kiinteistöhaku on vain yksi esimerkki, jossa käyttäjät siirtyvät laitteesta toiseen koko sivustokokemuksensa aikana. Muita esimerkkejä ovat:
- Auton etsintä ostaa
- Lomailun suunnittelu
- Lukeminen uutisartikkeleita
- Kotihoitoideoiden tutkiminen
- Etsitään paikallisia urakoitsijoita / palveluita
- Häät tai muu iso tapahtuma
- Urheiluryhmän tai urheilutapahtuman jälkeen
Kussakin näistä tapauksista verkkokokemus todennäköisesti ulottuu useampaan kuin yhteen istuntoon, mikä tarkoittaa sitä, että käyttäjä voi käyttää erilaisia laitteita riippuen siitä, mikä niistä on heille sopivia ajankohtina.
Parhaat käytännöt
Jos tämän päivän verkkosivustot tarvitsevat yhä useamman laitteen käyttävän yleisöä, on olemassa joitakin perusperiaatteita ja parhaita käytäntöjä, joita on noudatettava sen varmistamiseksi, että kyseiset sivustot ovat valmiita käsittelemään näitä kävijöitä asianmukaisesti ja että he sijoittavat hakukoneita hyvin .
- Responsive Website - reagoiva ulkoasu, joka voi mukautua ja muuttaa eri näytön kokoa varten, on ratkaisevan tärkeää nykyisten käytettävissä olevien verkkoliitännäisten laitteiden tukemiseksi.
- Kaikki sisältö on oltava käytettävissä - jos joku voi käyttää tiettyä sisältöä tai ominaisuuksia, kun he käyvät sivustossa yhdellä laitteella, he odottavat, että ne ovat myös käytettävissä, kun he palaavat muilla laitteilla. Sisältö on esitettävä kullekin laitteelle sopivalla tavalla, mutta ei sisältöä pitäisi "piilottaa" tai "sammutettua" tietyille laitteille.
- Luettavuus on avain - riippumatta siitä, millaisia laitteita tai mitä kokoista näyttöä käytetään verkkosivujen käymiseen, tämän sivuston lukeminen on tärkeää. Tämä tarkoittaa, että typografia on tärkeä elementti, johon keskitymme. Jos jollakin on vaikea lukea sivuston sisältöä, he todennäköisesti lähtevät sivustolta kokonaan.
- Johdonmukaisuus monimuotoisuuden keskellä - kun taas kunkin eri näytön koon ulkoasu poikkeaa toisistaan, laitteesta tulee johdonmukaisuus. Yleinen kokemus on yhdistettävä niin, että käyttäjien ei tarvitse enää oppia sivustoa aina, kun he käyvät sitä uudella näytöllä.
- Tee tehokkuus etusijalla - sivustot pitäisi ladata nopeasti ja työskennellä hyvin kaikilla laitteilla, mukaan lukien mobiililaitteet, joilla on vähemmän kuin täydet latausnopeudet. Kaiken sivuston suorituskyvyn pitäisi olla etusijalla kaikissa sivuston suunnittelussa ja kehityksessä - loppujen lopuksi kukaan ei koskaan sano, että verkkosivusto latautui liian nopeasti tai toimi liian hyvin !
Julkaisija Jeremy Girard 1/26/17