Viktige designtendenser, januar 2016
Apper er overalt. De har blitt en integrert del av vårt daglige liv takket være antall smarttelefoner og bærbare enheter som vi eier.
Og på grunn av det, er appene en av de største drivende faktorene når det gjelder utviklingstrender for nettsider. La oss ta en titt.
Retur av rullen
Små vertikalt orienterte skjermer har brakt rullen tilbake på en stor måte. Når du tenkte å være noe du ønsket å unngå fordi brukere ikke ville bevege deg ned på skjermen, er scroll en ganske integrert del av designprosessen igjen.
Og rulling nå er bedre enn det noensinne har vært. Takket være flotte animasjoner, parallaxeffekter og mange kreative innholdsideer, er rulling mye moro og en god måte å engasjere brukere på.
Ikke stopp med en vanlig ned på siden bla; vurdere en horisontal rull eller animert alternativ som kan glede brukere takket være den lille overraskelsen. Bare vær sikker på å inkludere en visuell cue til to for brukere med rullingseffekter som er utenfor normen, slik at de ikke blir forvirret eller forlater nettstedet ditt fordi de ikke forstår hvordan man bruker det.
Material Design går i vanlige retninger
Googles Material Design-konsept startet som et mobilt grensesnitt. Det flate inspirerte, fysikkbaserte lagrede grensesnittet startet som estetisk for Android-enheter, men spre seg også raskt til iOS-baserte apper.
Designere utvider konseptet for bruk på fullskjerm nettsteder også.
Materialkonceptet er enkelt, intuitivt og forankret i realistiske elementer, slik at det er lett å bruke og forstå. Designere har det gøy med grensesnitt stilen med lyse farger og mange fine animasjoner.
Skjult navigasjon er overalt
Dette er en av de overføringene som virkelig endrer måten du tenker på på hjemmesiden. Skjult navigasjon har et stort øyeblikk akkurat nå.
Den diskuterbare utformingen av hamburgerikonet er det mest brukte programmet, med et ikon som dukker opp en full meny. Nettsted designere velger for ett av to alternativer: En meny som dukker opp over en del av skjermen eller fullskjermnavigasjon. Alternativet fullskjerm fungerer nesten identisk med hvordan skyve ut stiler fungerer i apper, og med de ekstra eiendomsdesignerne har mye plass til å lage en navigasjonsside som er mer enn bare noen få interne lenker.
Det som er spesielt hyggelig med overdimensjonerte navigasjonsstiler er at de er enkle å lese og klikke gjennom. (Ingenting er verre enn små navigasjonselementer som er designet nesten som en ettertanke.)
Kort, kort og flere kort
Du kan knapt surfe på nettet uten å komme over et kortstil-grensesnitt. Disse innholdsbeholdere er svært brukbare og stabler godt i responsive rammer.
Kort er et populært alternativ fordi de kan være mye moro å designe også. Kortene kan skreddersys for å passe alle designstil og jobbe med nesten hvilken som helst innholdstype. De en ting å huske om kort er at hver beholder skal holde en gangs innhold og koble til ett klikk. Denne "tingen" kan aktivere en video, sende inn et skjema, flytte til en annen side, kjøpe et element eller et annet antall enkelt handlinger. Ulike kort på samme nettside kan alle gjøre forskjellige ting. (Så lenge brukerne forstår handlingene.)
Det er en grensesnitt stil som trenger svært liten forklaring også. Sosiale medier nettsteder som Facebook, Twitter og Pinterest er forankret i kortstilte grensesnitt med uendelig rulling, slik at nytt innhold er stadig populær. Brukere overveldende synes å like og aksepterer dette mønsteret.
Mikro-interaksjoner er essensielle
Ikke så lenge siden var mikro-interaksjoner nesten utelukkende et appelement. Du vil kanskje revurdere den ideen. Linjen mellom apper og nettsteder er helt sløret. Brukere vil besøke en app og deretter kanskje nettstedet senere og få nøyaktig samme opplevelse.
Dette gjelder også mikro-interaksjoner. En mikro-interaksjon er noe som hjelper brukeren til å kommunisere med grensesnittet, se en handling som finner sted eller manipulere grensesnittet. Hver av disse kommunikasjonsbitene er så liten brukeren nesten ikke synes om det, for eksempel en alarm, tekstmelding eller sveipe for å oppdatere innholdet. (Tenk bare på hvor mange møtevarsler du får på arbeidsdatamaskinen eller telefonen, det er mikro-interaksjoner.)
Sammenkoblingsfaktoren for å gjøre denne sømløse overgangen er et snev av personalisering og mange alternativer for brukertilpasning. Bruk av mikro-interaksjoner er vanskelig fordi det er en fin linje mellom ønskede meldinger eller alarmer eller meldinger og overveldende brukeren.
Når du integrerer mikro-interaksjoner, holder du deg til noen av de mest grunnleggende funksjonene først for å se hvordan brukerne reagerer. Deretter kan du legge til blandingen hvis brukerbasen din godtar det.
Og nå ... slitasje
Den neste fasen av nettstedet design skjer allerede. Som bærbare enheter øker i popularitet, så vil designe elementer fra disse små skjermbildene.
Elementer som vil ha innflytelse, inkluderer små, statusbaserte animasjoner, for eksempel rullehjul som fyller opp for å vise resultater, flere mikro-interaksjoner og mange sporingsspor. (Brukere er praktisk talt besatt av data akkurat nå, fra treningsbaserte data til tjenerpoeng for shopping.)
Wearables legger også til et annet lag av gamification til dagliglivet. Dette vil trolig overføre til webdesign også.
Hva slitasje vil virkelig gjøre er videre linjen mellom alle våre enheter. Nettsteder, apps, wearables - de trenger alle å gi integrerte opplevelser for brukere, slik at flytting fra enhet til enhet er sømløs og opplevelsen er konsistent.
Konklusjon
Som skjermene endrer størrelse, det gjør vi også for dem. For å skape forvirrende interaksjoner som brukere ønsker å engasjere seg med, uavhengig av enhet, må hvert grensesnitt fungere på samme måte. Ideen har en dramatisk innvirkning på måten alle nettsteder utformes på (selv de som ikke nødvendigvis har app eller bærbare kolleger).
Ved å skape noe som brukerne liker på de minste skjermene og utvide det til større enheter, kan designere bygge grensesnitt som er enkle å forstå. Det gjør også grensesnittet ditt litt mer i etterspørsel.