'N Handleiding vir responsiewe webontwerp en beste praktyke
Lees meer oor die responsiewe webontwerp en hoe om die beste praktyke te gebruik om die beste uit jou aanlynonderneming te put.
Meer mense blaai nou op die internet met mobiele toestelle as met desktops of skootrekenaars. Ongeveer 51% van die webwerfverkeer kom nou van iemand op 'n mobiele toestel. Met so 'n groot aantal mobiele gebruikers is dit van kardinale belang dat aanlynondernemings verseker dat hul webwerf 'n responsiewe webontwerp (RWD) gebruik en op datum is met die nuutste RWD-beste praktyke.
1 Wat is 'n responsiewe webontwerp?
2 Gebruik die responsiewe webontwerp tot sy volle potensiaal
3 Voordele van 'n RWD-webwerf
4 Is u webwerf responsief? Toets dit!
Wat is 'n responsiewe webontwerp?
Eenvoudig gestel, RWD bestaan ​​uit ontwerp een webwerf wat vinnig aanpas by elke skermgrootte – of dit nou die nuutste Apple Watch of 272 pixels breed of 'n plasma-TV is, met gewone rekenaars, tablette en mobiele toestelle tussenin.
Om die volgende te help verduidelik, as 'n gepaste voorbeeld van responsiewe webontwerp op die appel webwerf. Hieronder is 'n vergelyking langs mekaar van 'n tafelblad- en slimfoontoepassing van die webwerf:
Die inhoud is dieselfde in albei aansigte, maar die ontwerp en gebruikerskoppelvlak is anders. In die skermskerm van die slimfoon word die gedeeltes van die webwerf gestapel om vertikale blaai te vergemaklik, en die navigasiekieslys is weggesteek agter 'n nou bekende hamburger-ikoon. Die klikbare skakels onderaan die bladsy is ook breed en hoog genoeg om vingertapgebare te akkommodeer.
In die kern van RWD, is 'n diep kommer vir die web gebruikers ervaring. Die meeste mense besoek vandag u webwerf vanaf verskillende plekke met behulp van 'n menigte verskillende toestelle – die tafelrekenaar by die werk, die slimfoon as hulle in die metro is, en die tablet voor slaaptyd. Ongeag die toestel wat hulle gebruik op die oomblik waarop hulle op jou webwerf is, verwag gebruikers dat dit net sal werk. Die gebruik van RWD op die regte manier beteken dat die gebruikerservaring op u webwerf konsekwent en aangenaam bly, maak nie saak op watter apparaat gebruikers gebruik nie.
Gebruik die responsiewe webontwerp tot sy volle potensiaal
Alhoewel die ontwerp van 'n webwerf wat op alle skermgroottes goed lyk, 'n goeie stap in die regte rigting is, is dit uiters belangrik dat u nie daar stop nie. Om u besigheid ten volle te benut van RWD, moet u RWD in 'n meer omvattende strategie plaas met die verbruiker met meerdere toestelle in sy middelpunt. Dit beteken:
Moenie mobiele gebruikers 'n ontkalkte weergawe van u tafelblad-webwerf aanbied waar hulle beperkte gebruik het nie. Wenk: hou dop vir mobiele gebruikers se aksies op u webwerf. As u sien dat gebruikers op u webwerf beland, maar u inhoud skaars verbruik of nie tyd daaraan spandeer nie, is die kans goed dat hulle op 'n soort padversperring kom.
Moenie die mobiele gebruiker op presies dieselfde manier as die tafelrekenaargebruiker voorsien nie. Benut die potensiaal wat 'n mobiele toestel bied, ten volle. As u byvoorbeeld 'n restaurant het, maak dit baie maklik vir mobiele kliënte om u besigheid op te spoor of 'n bespreking te maak deur die krag van tegnologie soos HTML5-ligging en telefoonnommer insette op u webwerf.
Wees bedag op bladsy spoed. Volgens navorsing deur die Nielsen Norman Group, toonaangewende konsultante vir gebruikerservaring, verwag 47% van die besoekers dat 'n webwerf binne minder as 2 sekondes sal laai, en 40% van die besoekers sal die webwerf verlaat as die laai-proses langer as 3 sekondes duur. Dit is nog meer so as dit kom by mobiele gebruikers wat aan die beweeg is en dikwels bandwydte beperkings het.
Wees bewus van onspeelbare inhoud. Sommige tegnologieë soos Flash-spelers geniet nie wye ondersteuning op mobiele toestelle nie. Daarom is dit raadsaam dat u dit nie op u webwerf gebruik nie en vermy dat u vanaf u bladsye na hulle skakel. HTML5 video en klank is beslis 'n baie beter opsie bo eie tegnologie. Dit is ook 'n goeie idee om 'n transkripsie van u video-inhoud by te voeg. In werklikheid kan 'n aantal gebruikers geskrewe inhoud bo video of klank verkies, sommige hulpmiddels kan slegs op geskrewe materiaal werk, en Google kan beter inligting verkry oor waaroor u video- of klankinhoud gaan..
Vermy die gebruik dialoë en opspringers wat verhoed dat gebruikers jou inhoud kan sien of daarmee kan omgaan. Dit is soms moeilik om te sluit op mobiele toestelle waar die vaste eiendom op die skerm beperk is, wat u kliënte frustreer.
Pay aandag aan aanraking! As u webwerf staatmaak op die muisoptogte om verborge inhoud te openbaar, sal hierdie funksionaliteit nie op die selfoon werk nie. Mobiele toestelle werk nie met 'n muis nie. In plaas daarvan, gebruik gebruikers interaksie met inhoud deur middel van raakgebare soos tik en vee. Kies dus om verborge inhoud te openbaar deur te kliek eerder as om met die muis te hang. Sorg ook dat u webwerfontwerp verantwoordelik is vir die feit dat die vingerpunte groter is as 'n muiswyser deur genoeg ruimte te laat om gemaklik en glad met skakels op u bladsy te kommunikeer..
Voordele van 'n RWD-webwerf
Vir een ding, Google beveel die RWD-benadering tot 'n mobiele vriendelike webwerf uitdruklik aan. Ander voordele van RWD is:
'N Enkele URL maak dit makliker vir gebruikers om na u inhoud te deel en te skakel;
Dit is kostedoeltreffender om 'n enkele webwerf te onderhou as om verskeie bladsye vir dieselfde inhoud te onderhou;
Aanwysings na 'n mobiele werf beïnvloed bladsye se spoed vir gebruikers op 'n mobiele toestel. Omleiding gebaseer op die opsporing van die blaaier is ook geneig tot foute, wat u gebruikerservaring van u webwerf kan verneder. Die aanvaarding van RWD los hierdie probleme op omdat u dieselfde webwerf, beide vir rekenaar- en mobiele kyke, nie nodig het om gebruikers na 'n mobiele spesifieke webwerf te herlei nie;
Met 'n vinnig veranderende landskap van verskillende toestelle is dit onmoontlik om verskeie weergawes van dieselfde webwerf te skep en op te dateer wat spesifiek op die skermgrootte en die funksies van elkeen aangepas is..
Is u webwerf responsief? Toets dit!
Gebruik die Google Mobile-vriendelike toets om vinnig te toets of u webwerf reageer. Kopieer net & plak die URL van u webwerf in die tekskassie en kyk na die resultaat.
Om u webwerf beter toe te rus vir die ekosisteem met meerdere toestelle, is responsiewe webontwerp 'n moet. Om eenvoudig 'n selfverklaarde responsiewe tema te installeer, is egter nie genoeg om te verseker dat u webwerf goed presteer en u kliënte gelukkig hou nie. U moet RWD by u aanlyn-sakestrategie insluit met die verbruiker van meerdere toestelle in sy kern. As u dit doen, sal u aanlynonderneming 'n gunsteling onder u kliënte en Google maak.
'N Handleiding vir responsiewe webtipografie oor al die beste praktyke & reëls vir lettertipe-stylering