Hoe responsief webontwerp sal die gebruikerservaring vir alle besoekers verbeter
Neem 'n oomblik en dink oor al die toestelle wat jy besit wat gebruik kan word om webwerwe te besigtig. As jy soos die meeste mense is, het hierdie lys die afgelope paar jaar gegroei. Dit sluit waarskynlik tradisionele toestelle soos 'n lessenaar en / of skootrekenaar saam met toestelle wat oor die afgelope paar jaar bekend geword het, insluitend slimfone, tablette, draagbare, speelstelsels en meer. Jy mag selfs toestelle in jou huis of 'n skerm in jou motor hê wat jou toelaat om aan die internet te koppel! Die bottom line is dat die toestel landskap steeds groter en meer divers word, wat beteken dat dit vandag (en in die toekoms) op die web moet floreer, moet webwerwe gebou word met 'n responsiewe benadering en CSS-media navrae en moet oorweeg hoe mense sal waarskynlik hierdie verskillende toestelle kombineer in een webbrowser-ervaring.
Voer die Multi-Device gebruiker in
Een waarheid wat ons gesien het, speel uit, is dat as mense meer as een manier toegang kry tot die web, sal hulle dit gebruik. Nie net is mense wat baie verskillende toestelle gebruik om toegang tot webwerf-inhoud te verkry nie, maar dieselfde persoon besoek dieselfde webwerf met behulp van die verskillende toestelle. Dit is waar die konsep van die "multi-device" gebruiker vandaan kom.
'N Tipiese Multi-toestel Scenario
Oorweeg 'n algemene webinteraksie wat baie mense elke dag ervaar - op eiendomswebwerwe op soek na 'n nuwe huis. Hierdie ervaring kan begin op 'n lessenaarrekenaar waar iemand die kriteria van wat hulle soek en hersien, verskillende eiendomslysinskrywings wat ooreenstem met daardie soektog, hersien. Deur die dag kan hierdie persoon weer na spesifieke eienskappe op hul mobiele toestel kyk, of hulle kan waarskuwings ontvang na hul e-pos (wat hulle sal kyk op hul selfoon) vir nuwe lyste wat ooreenstem met hul soekparameters. Hulle kan selfs die waarskuwings aan 'n draagbare toestel, soos 'n smartwatch, kry en basiese inligting op daardie klein skerm hersien.
Hierdie proses kan deur die dag voortgaan met meer besoeke aan die werf op 'n ander rekenaar, miskien van hul kantoor by die werk. Daardie aand kan hulle 'n tablettoestel gebruik om enige lyste te wys wat besonder interessant is vir hul gesin om hul terugvoer oor die eienskappe te kry.
In hierdie scenario kan ons webwerfkliënt vier of vyf verskillende toestelle gebruik het, elk met baie verskillende skermgroottes, om dieselfde webwerf te besoek en na dieselfde inhoud te kyk. Dit is 'n gebruiker van verskeie toestelle, en as die webwerf wat hulle besoek, hulle nie op al hierdie verskillende skerms akkommodeer nie, sal hulle eenvoudig verlaat en een vind wat dit doen.
Ander scenario's
Soek na Real Estate is slegs een voorbeeld waar gebruikers van toestel tot toestel sal spring tydens hul algehele ervaring met 'n webwerf. Ander voorbeelde sluit in:
- Op soek na 'n motor om te koop
- Beplanning van 'n vakansie
- Lees nuusberigte
- Navorsing van huisverbeteringsidees
- Op soek na plaaslike kontrakteurs / dienste
- Beplan 'n troue of ander groot gebeurtenis
- Na aanleiding van 'n sportspan of sportbyeenkoms
In elk van hierdie gevalle sal die webervaring waarskynlik strek na meer as een sessie, wat beteken dat daar 'n kans is dat 'n gebruiker verskillende toestelle sal gebruik, gebaseer op die een wat vir hulle gerieflik is op enige gegewe tydstip.
Beste praktyke om te volg
As die webwerwe van vandag nodig het om voorsiening te maak vir 'n toenemende multi-toestel wat gehoor gebruik, is daar basiese beginsels en beste praktyke wat gevolg moet word om te verseker dat die webwerwe gereed is om hierdie besoekers behoorlik te hanteer en dat hulle goed in soekenjins staan .
- Responsiewe webwerf - ' n responsiewe uitleg wat kan aanpas en verander vir verskillende skermgroottes, is van kritieke belang om die verskeidenheid webverbinde toestelle wat vandag beskikbaar is, te ondersteun.
- Alle inhoud moet beskikbaar wees - as iemand toegang tot sekere inhoud of funksies kan verkry wanneer hulle op een toestel die werf besoek, verwag hulle dat dit ook beskikbaar sal wees wanneer hulle op ander toestelle terugkom. Die inhoud moet aangebied word op 'n manier wat geskik is vir elke toestel, maar geen inhoud moet "verborge" of "afgeskakel" vir sekere toestelle wees nie.
- Leesbaarheid is die sleutel - maak nie saak watter soort toestelle of watter grootte skerm gebruik word om 'n webwerf te besoek nie, die gemak om die webwerf te lees is belangrik. Dit beteken dat die tipografie 'n belangrike ontwerpelement is om op te fokus. As iemand moeilik is om die inhoud van 'n webwerf te lees, sal dit waarskynlik die webwerf heeltemal verlaat.
- Konsekwentheid te midde van diversiteit - terwyl die uitleg wat vir elke verskillende skermgrootte aangebied word, anders sal wees, behoort konsekwentheid van een toestel na 'n ander te wees. Die algehele ervaring moet gekoppel word sodat gebruikers nie die werf moet herleef elke keer as hulle dit op 'n nuwe skerm besoek nie.
- Maak prestasie 'n prioriteit - webwerwe moet vinnig laai en goed werk op alle toestelle, insluitend mobiele toestelle met minder as perfekte aflaaispoed. Algehele webwerf prestasie moet 'n prioriteit wees in alle aspekte van die ontwerp en ontwikkeling van 'n webwerf. Niemand sal ooit sê dat 'n webwerf te vinnig gelaai of te goed gewerk het nie !
Geredigeer deur Jeremy Girard op 1/26/17