Hat jo webside ynfloed? Is it opfallend fan jo konkurrinsje? Is jo webside optimalisearre foar sykjen en ûntdekking? Fertsjintwurdiget it jo merk en bedriuw? Is it frij fan rommel en ôflieding?
Jo webside is faaks de earste yndruk dy’t jo publyk fan jo hat. Jo wolle derfoar soargje dat jo de juste ôfbylding presintearje oan jo besikers fanôf it begjin. De kaai is om trou te bliuwen oan jo merk en jo bedriuw, wylst jo jo besikers de bêste mooglik ûnderfining leverje.
Elk jier sjogge wy nei de lêste barrens yn ‘e romte foar webûntwerp. Wy sjogge nei wat yn it ferline wurke hat en wat net, en wy hâlde opkommende trends yn ‘e gaten dy’t jo kinne helpe te ûnderskieden fan ‘e rest! Guon fan dizze bêste praktiken en trends foar webside-ûntwerp binne besocht en wier, wylst oaren fet en nij binne.
Best Practices & Trends foar webûntwerp: optimalisearre foar snelheid
Snelheid is ien fan ‘e wichtichste faktoaren yn webside-ûntwerp. Wylst snelheid in skoft is brûkt yn ranglist, yn july fan 2018 hat Google har algoritme bywurke om sidesnelheid ek op te nimmen as in rangfaktor foar mobile sykopdrachten. Wat betsjut dit? No, gewoan, Google prioritearret no websiden dy’t fluch laden op sawol mobyl as buroblêd. En troch fluch … se bedoele yn minder dan 3 sekonden! Dus, as jo wolle soargje dat jo side heech ranks, soe sidesnelheid ien fan jo topprioriteiten wêze moatte. Neffens Google, as in side langer duorret dan 3 sekonden om te laden, sil 53% fan ‘e minsken it ferlitte.
Yn termen fan snelheid binne d’r in pear dingen om te beskôgjen. Lykwols list fan brûkers fan telegramdatabase is in geweldich plak om te sjen hoe’t jo webside prestearret. D’r binne ferskate mjittingen dy’t Google leveret om jo sidesnelheid te testen, om’t as se it frame “load is gjin inkeld momint yn ‘e tiid – it is in ûnderfining dy’t gjin metrysk folslein kin fange.”
Hjirtroch leveret Google PageSpeed Insights ferskate gegevenspunten om jo te helpen de laadûnderfining te begripen foar sawol mobyl as buroblêd. Dit ark leveret in algemiene numerike graad, lykas yndividuele ferdielingen foar de 6 wichtige metriken fan websidesnelheid. Dizze wurde hjirûnder sketst. De algemiene graad jout oan oft jo side fluch is (90-100), gemiddeld (50-89) of stadich (0-49). Oanbefellings foar ferbetteringen binne ek opnommen.
Google PageSpeed Insights leveret analyse fan dizze primêre metriken
First Contentful Paint (FCP): Dit is de tiid wêryn’t de earste ôfbylding of tekst “skildere” is. It mjit de tiid fan navigaasje oant de earste werjefte fan ynhâld. Dit is in wichtige metrysk, om’t it ek de befeiliging is foar in besiker dat de side wirklik laden is. Hoe flugger dit bart, hoe mear kâns dat de besiker bliuwt en wachtsje op de folsleine lading.
First Meaningful Paint (FMP): Dit is in yndikaasje fan ‘e tiid dy’t duorret fan navigaasje oant wannear’t wat troch de besiker as sinfol wurdt waarnommen op’ e side. It is typysk as de boppe-de-fold ynformaasje en ôfbyldings binne werjûn en weblettertypen binne laden.
Speed Index: Dit is in yndikaasje fan hoe fluch de ynhâld fan in side sichtber befolke wurdt. It optimalisearjen fan jo siden om fisueel rapper te laden is de kaai foar it ferleegjen fan jo snelheidsyndeks (leger nûmer is hjir better!). De twa grutste manieren om dit te beynfloedzjen binne 1) optimalisearjen fan jo ynhâld-effisjinsje en 2) optimalisearjen fan it krityske renderingspaad.
Earste CPU Idle: Dizze metrik (earder bekend as First Interactive) jout de tiid oan dy’t in side duorret om minimaal ynteraktyf te wurden. Dit betsjut dat de measte, mar net allegear, fan ‘e eleminten op it skerm ynteraktyf binne en reagearje op brûkersynput binnen in ridlike tiid.
Tiid foar ynteraktyf: Dit is de tiid dy’t it duorret foar de side om folslein ynteraktyf te wurden (alle nuttige ynhâld wurdt werjûn, evenemintehannelers binne registrearre foar de measte sichtbere eleminten en de side reageart op brûkersynteraksjes binnen 50 millisekonden.
Best Practices & Trends foar webûntwerp: Mobile First + Responsive Design
It is bekend dat responsyf ûntwerp in must-have webside bêste praktyk is. Wat noch relevanter is yn dizze dei en leeftyd is it nimmen fan in Mobile First -oanpak. Mobile earst is mear dan responsyf ûntwerp, hoewol it it grif omfettet. Mobile First giet oer it meitsjen fan webûntwerp om mobile ûnderfiningen … earst! Yn 2015, mobile sykopdrachten oerhelle buroblêd sykopdrachten, dochs nimme de measte websiden noch in de psychology fan e-post ûnderwerp rigels oanpak foar webûntwerp. It is tiid om dit om te draaien en mobile ûnderfiningen op ‘e foargrûn te setten. It is hoe’t jo klanten en prospects sykje, ûntdekke en keapje fia it web. Jo webside moat in optimalisearre mobile ûnderfining leverje as jo de bêste ûnderfining wolle leverje oan jo besikers.
Neffens Google, “Minsken sykje op it krekte momint dat se wat nedich binne en sykje plakken dy’t oan har direkte need kinne foldwaan. Mei oare wurden, by it meitsjen fan dizze besluten op it plak, binne se loyaler oan har need dan oan in bepaald plak.
Dat is moai machtich! Troch de tiid te nimmen om jo doelgroep wirklik te begripen en wat se witte wolle, wêr’t se hinne wolle, wat se wolle dwaan en wat se sykje om te keapjen, sil jo helpe om dizze mominten op in mobylfreonlike manier te prioritearjen.
Best Practices & Trends foar webûntwerp: minimalistysk ûntwerp
Skjin en ienfâldich is de namme fan it spul as it giet om bêste praktiken foar webûntwerp foar 2019. Foarby binne de dagen fan meardere sydbalken, tonnen ôfbyldings, safolle mooglik op in side ynpakke as digitaal mooglik, ensfh Yn ‘e hjoeddeiske wrâld, benammen jou de fokus op mobyl earste webûntwerp, in minimalistysk ûntwerp hawwe is essensjeel foar brûkberens. Mei minimalistysk ûntwerp jouwe jo de einbrûker in ûnderfining dy’t se wirklik winskje … in skjinne, ôfliedingsfrije, maklik te navigearjen side. It is alles oer it ferminderjen fan rommel om te fokusjen op de wichtichste eleminten fan in side.
Minimalistysk ûntwerp betsjuttet net needsaaklik in strikt swart-wyt webside, sûnder ôfbyldings of oare kreative eleminten. It is mear in bgb triemtafel fokus op skjinne rigels, romhertich gebrûk fan negative romte (of dat no wyt of kleur is), ienfâldige berjochten, promininte typografy, opfallende ôfbyldings, kontrastearjende kleuren en ûntwerpen, en super ienfâldige navigaasje om te markearjen wat echt wichtich is. It ferminderjen fan it oantal eleminten op in side helpt net allinich by it minimalisearjen fan ôfliedingen, mar kin ek in positive ynfloed hawwe op jo algemiene sidesnelheid. In definitive win-win.
Best Practices & Trends foar webûntwerp: konsekwint branding
Branding is in wichtich elemint yn websideûntwerp. As bêste praktyk is it wichtich om jo merknoarmen op te rjochtsjen oer al jo digitale aktiva. Dit omfettet jo merk stim, toan en persoanlikheid.
Sûnt jo webside faaks de earste yndruk is dy’t immen fan jo hat, moat it leauwensweardigens en konsistinsje oproppe. Jo besikers (klanten, prospects, meiwurkers, ynvestearders, bestjoersleden, partners, ensfh.) Sille faaks in oardiel meitsje oer jo bedriuw yn sa gau as 6 sekonden bestege oan jo webside. Dêrom moat jo webside in ferklearring meitsje oer jo, jo oanbiedingen en jo wearde fanôf it begjin.
In merkstylgids hawwe is ongelooflijk weardefol foar webûntwerp. It hâldt jo branding op punt troch jo heule webside.
