5 grondbeginsels van mobiele webontwerp - NewGenApps - DeepTech, FinTech, Blockchain, Cloud, Mobile, Analytics
ontwerp, Ontwerpneigings, Website Design
Van 'n vinnige vraag na ons vriend Google wanneer ons twyfel om tred te hou met die jongste nuus en uitgebreide navorsing oor te doen wat u moet oorweeg wanneer u 'n webwerf ontwerp - mobiele is ons voorkeur keuse om aanlyn te gaan.
Eintlik is daar 'n kans van 54.18% dat u hierdie einste artikel van 'n slimfoon - ten minste volgens Statista se gegewens op wêreldwye aanlynverkeersaandeel.
Skep 'n stylvolle, betroubare en gebruikersvriendelike ontwerp vir mobiele toestelle sal verbeter die besoekers se gebruikerservaring en versterk jou webwerfse prestasie in die soekenjin resultate bladsy (SERP) – dink Google'N mobiele-eerste indeksering.
Ons het gesels met ontwerpers en SEO-spesialiste van a San Diego webontwerp-agentskap wat hul wenke oor die ontwerp van 'n webwerf vir selfoon wat paai Google en bevredig gebruikers gelyk.
Wat is mobiele webontwerp?
'n Mobiele vriendelike webwerf dui op 'n spesifieke ontwerp en optimalisering van 'n webwerf wat aangepas is vir handtoestelle, soos slimfone en tablette.
Selfoonvriendelikheid is al 'n geruime tyd die modewoord in die digitale wêreld, ten minste totdat dit reageer ontwerp die verhoog betree.
Anders as selfoonvriendelikheid, wat basies 'n lessenaar beteken webwerf geskik vir gebruik oor toestelle heen, impliseer responsiwiteit volledige buigsaamheid, ongeag die toestel wat gebruik word.
Soos sy naam aandui, reageer webtuistes 'reageer' op die grootte van die skerm van die toestel waarop hulle gekyk word.
Mobiele webontwerp: wat beteken dit in die praktyk?
Oor die algemeen, selfoonvriendelik (of reageer) webtuistes het elemente wat bo-op mekaar gestapel is - gewoonlik met redelik diep of selfs oneindige blaai - met baie minder algehele spasie tussen bladsy-elemente en groter knoppies en teksgrootte.
Tog, as 80% van die top-posisie webtuistes word na berig word selfoonvriendelik, vertikale uitleg en groot knoppies sny dit eenvoudig nie meer nie. Ontwerp vir 'n ongelooflike gebruikerservaring is ver verby die skep van 'n responsiewe webwerf.
Daarom is hier vyf kundige wenke oor mobiele web ontwerp wat eintlik 'n verskil maak.
Vereenvoudig u spyskaart
Jy wil hê jou gebruikers moet rondbeweeg webwerf. So hoekom verhinder dit met 'n nuttelose en futiele spyskaart ontwerp?
Die spyskaart gaan dikwels verlore vir ontwerpers, wat eerder fokus op die ontwerp van die bladsy-elemente wat aangepas is vir mobiele skerms. 'n Intuïtiewe, maklik toeganklike en verstaanbare spyskaart is egter die grondslag van jou loodgenerering, want niemand sal jou jou vertroue en geld gee op grond van die bekyk van 'n enkele bladsy van jou webwerf.
So, wat beteken 'n wonderlike spyskaart vir 'n selfoon webwerf lyk soos?
Wel, dit pas by die skermgrootte sonder dat dit nodig is om dit in of uit te zoem. Dit is duidelik sigbaar, maar belemmer nie gebruikersfokus op die nie inhoud. Dit is eenvoudig, bied 'n oorsig van die werfbladsye en lei gebruikers op hul reis na omskakeling.
Die meerderheid van selfoonvriendelike webtuistes gebruik die hamburger-spyskaart – 'n simbool wat uit twee of drie horisontale lyne bestaan. As u daarop geklik word, maak 'n hamburgerspyskaart gewoonlik 'n volskermkieslys oop wat makliker is om te lees en te klik.
Soos rondom 90% mense regs is, is die hamburger-menu meestal regs bo-aan die skerm.
'n Goed ontwerpte spyskaart vergemaklik gebruikers se vloei deur die webwerf. Dit is egter dikwels nie genoeg vir hulle om die spesifieke inligting te vind waarna hulle soek nie.
Om gebruikers se navorsing oor die webwerf, kan jy kategorieë, filters of die soekfunksie skep om in te skerp op wat hulle soek.
Die soekbalk is gewoonlik voor en in die middel geleë, sodat gebruikers op enige oomblik moeiteloos toegang daartoe kan kry.
Maak kontak met jou moeiteloos
Volgens Zendesk se 2019-studie, 84% verbruikers opgemerk kliëntediens as 'n beslissende faktor in die keuse om by die handelsmerk te koop.
Van probleme met die webwerf vir navrae oor die bestelproses, kan verbruikers jou letterlik enigiets vra, en hulle verwag seker dat jy hul vrae moet beantwoord.
Kontakinligting, soos e-pos, telefoonnommer en adres (indien van toepassing), is 'n moet. Op selfone beteken dit egter om na 'n ander app oor te skakel om die gesprek voort te sit, waarna baie gebruikers huiwerig is. In plaas daarvan voel hulle moontlik moedeloos en geïrriteerd en sal hulle die koop heeltemal laat vaar.
Maar hoe kan u hierdie scenario teëstaan?
Of jy 'n pasgemaakte kletsoplossing ontwikkel, of bloot 'n integreer Chatbot van 'n reeds bestaande boodskaptoepassing, om gebruikers van onmiddellike en nuttige terugvoer te voorsien, is 'n reusesprong in die verbetering van hul gebruikerservaring.
Sny die pop-ups op vir 'n beter mobiele webontwerp
As deel van hul pogings om die beste moontlike mobiele web-UX te verseker, Googlese 2017-algoritme-opdatering het begin penaliseer webtuistes wat opspringers op selfoon bedien webwerf weergawes.
Pop-ups moet nie die hoof dek nie inhoud van die webwerf, en dit behoort ook nie verpligtend te wees om hulle te ontslaan voordat toegang tot die inhoud.
In gevalle soos GDPR, koekiebeleid of aanmeldvenster is 'n opspringvenster egter onvermydelik. Dus, 'n rooi kaart te vermy beide van Google en gebruikers, maak seker dat die opspringer nuttig en regtig nodig is.
Terwyl u u webwerf integreer met 'n platform om e-posbemarking te gebruik is nog steeds 'n belangrike deel van sukses, wees baie bedag op hoe u besoekers by u lys kan aanmeld, aangesien soekenjins nou meer hieraan aandag gee as in die verlede.
Laat ruimte tussen elemente
Hoeveel keer het dit al met jou gebeur dat jy op die verkeerde knoppie op 'n webwerf? Het jy na 'n ewekansige advertensie gegaan, nooit weer die terug te keer webwerf het jy navorsing gedoen?
Dit gebeur blykbaar te veel keer met gebruikers. Google het gereageer deur Core Web Vitals as een van die rangordefaktore aan te kondig, wat binne die somer 2021 stel soekenjinopdaterings kom.
Spesifiek, CLS, of Cumulative Layout Shift, bladsy-uitleg verskuiwings tydens die laaifase, is die element van die Core Web Vitals wat UX meet wat verband hou met hierdie kwessie van die verkeerde bladsy-element.
CLS is egter nie die enigste ding waaroor u bekommerd moet wees nie. Selfs die perfekte Cumulative Layout Sfift-telling beteken nie dat u gebruikers nie op die verkeerde elemente klik nie.
Gebrek aan wit spasie, dws die area tussen die elemente, beelde, teks, ikone en knoppies op 'n webblad, kan daartoe lei dat gebruikers per ongeluk op 'n element klik wat hulle nie wil hê nie.
Wit spasie is belangrik om 'n balans tussen bladsy-elemente te skep en sodoende gebruikers te help om deur die inhoud – maar ook om te verhoed dat hulle iets klik waarvoor hulle nie bedoel het nie.
'n Goeie mobiele web ontwerp is meer as net 'n selfoonvriendelike, responsiewe weergawe van jou rekenaarwebwerf.
Skep 'n professionele mobiele webontwerp aangepas by Googlese en gebruikers se verwagtinge vereis in-diepte beplanning, toetsing en die navolging van die nuutste webpraktyke.
As enigiets skrikwekkend lyk, oorweeg dit om met 'n mobiele web saam te werk ontwerp, inhoud en handelsmerkagentskap wat u deur die proses sal lei.