Innhold
Hver webdesigner og frontend-webutvikler vet om viktigheten av responsiv webdesign, men etter den første UpFront-konferansen som samlet en rekke av de beste hodene i bransjen, er det klart at det er enda mer å tenke på for framtid.
Responsiv webdesign er mer enn bare utseendet på nettstedet. Faktisk, for frontend webutviklere og webdesignere, var den viktigste takeawayen fra konferansen ytelse. Ytelse på hvert trinn i prosessen, både bak kulissene og for brukeropplevelsen.
Mønster bibliotek design systemer
For at utviklere skal kunne prestere godt, er det viktig at koden er ryddig og at det er en organisert konvensjon for navngivning av filer. Dette er viktig for ethvert fremtidig utviklingsarbeid, og sikrer konsistens på tvers av alle sider og enheter.
Brad Frost diskuterte ”atomdesign-systemet”, og forklarte viktigheten av mønsterbiblioteker som en samling stiler, elementer og sider.
Selv om det ikke er et nytt konsept, er det verdt å gjenta det, fordi en organisert struktur av nettstedsmerkeretningslinjer kan gjøre hele forskjellen for å optimalisere ytelsen på tvers av enheter og la designere og utviklere fullføre endringer eller tilleggsarbeid raskt og effektivt.
Flere enhetsytelser
Å gi en flott opplevelse på hver enhet for hver bruker er grunnlaget for responsivt webdesign, og vi er alle klar over å designe og optimalisere for mobiltelefoner, nettbrett og stasjonære maskiner.
Anna Debenhams presentasjon fokuserte imidlertid på mengden av enheter og nettlesere utover de vi er vant til. Nettlesere av spillkonsoller blir en stadig mer populær måte å få tilgang til nettet, med 19 prosent av den britiske befolkningen som surfer på nettet med enheter som Playstation 4s, Xbox Ones og Nintendo Wiis.
De fleste nettsteder mangler kompatibilitet med disse nettleserne, og fremtidig utvikling bør fokusere på disse nye utfordringene og tilby ytelsesløsninger som vurderer tilgjengelighet og brukervennlighet via nye inngangskontroller.
Disse kan omfatte stemmeaktivering, bevegelser og bevegelser, eller bruk av eksterne enheter som smarte klokker.
Samlet sett er det viktig å forstå hvordan forskjellige enheter fungerer, for å sikre optimal ytelse for brukere på alle plattformer.
Nettstedshastighet
En annen klar melding fra konferansen dreide seg om nettstedets hastighet; for å lykkes, må et nettsted være raskt.
Mye har blitt gjort fra forskning fra Amazon, som viste en forsinkelse på 100 ms resulterte i en nedgang i salget på én prosent, og funn fra Walmart om at en forbedring på ett sekund økte salget med 20 prosent. Googles nylige eksperimentering med en 'treg etikett' understreker dette poenget ytterligere.
Igjen, hastigheten et nettsted laster inn, bør vurderes fra et designperspektiv, på unnfangelsesfasen av et prosjekt. Ofte kan det bety å gi opp de tingene som bremser et nettsted, for at det skal kjøre raskere.
Eksempler på dette kan være bruk av sosiale delingsmoduler, kjent for å påvirke ytelsen, men som bare brukes av bare 0,2 prosent av brukerne. På samme måte kan bruk av en karusell, med behovet for å laste inn ekstra JavaScript og bilder, være en funksjon du vurderer å slippe for fremtidige prosjekter.
Neste side: mer om RWD-ytelse fra bransjeekspertene
