Vigtige designtendenser, januar 2016
Apps er overalt. De er blevet en integreret del af vores daglige liv takket være antallet af smartphones og bærbare enheder, som vi ejer.
Og på grund af det er apps en af de største drivende faktorer, når det kommer til webdesigntendenser. Lad os se.
Retur af rullen
Små vertikalt orienterede skærme har bragt rullen tilbage på en større måde. Når du troede at være noget, du ønskede at undgå, fordi brugerne ikke ville flytte ned på skærmen, er scroll en ret integreret del af designprocessen igen.
Og rulning nu er bedre end det nogensinde har været. Takket være flotte animationer, parallaxeffekter og masser af kreative indholdsideer, er scrollning meget sjov og en god måde at engagere brugere på.
Stop ikke med et almindeligt ned på siden rulle; Overvej en vandret rulle eller animeret indstilling, der kan glæde brugere takket være den lille overraskelse. Bare sørg for at inkludere en visuel cue til to for brugere med rullende effekter, der ligger uden for normen, så de ikke bliver forvirrede eller forladte dit websted, fordi de ikke forstår, hvordan man bruger det.
Materialedesign går almindeligt
Googles Material Design-koncept startede som en mobil grænseflade. Den flade, inspirerede, fysikbaserede lagdelt grænseflade startede som æstetik til Android-enheder, men spredte også hurtigt til iOS-baserede apps.
Designere udvider også konceptet til brug på hjemmesider på hele skærmen.
Materialkonceptet er enkelt, intuitivt og forankret i realistiske elementer, så det er let at bruge og forstå. Designere har det sjovt med interface-stilen med lyse farver og masser af nifty animationer.
Skjult navigation er overalt
Dette er en af de overførsler, der virkelig ændrer den måde, du tænker på hjemmeside design. Skjult navigation har et stort øjeblik lige nu.
Hamburger-ikonets diskutable design er den mest anvendte applikation med et ikon, der viser en fuld menu. Website designere vælger en af to muligheder: En menu, der dukker op over en del af skærmen eller fuldskærmnavigation. Alternativet fuld skærm fungerer næsten ens for, hvordan glidende stilarter virker i apps, og med de ekstra ejendomsdesignere har der meget plads til at oprette en navigationsside, der er mere end blot et par interne links.
Hvad der er særligt godt om overdimensionerede navigeringsstil er, at de er nemme at læse og klikke igennem. (Intet er værre end små navigationselementer, der er designet næsten som en eftertanke.)
Kort, kort og flere kort
Du kan næppe surfe på nettet uden at komme på tværs af en kortstil interface. Disse indholdsbeholdere er meget anvendelige og stabler godt i lydhørige rammer.
Kort er en populær mulighed, fordi de kan være meget sjovt at designe så godt. Kort kan tilpasses til enhver form for design og arbejde med næsten enhver indholdstype. De en ting at huske om kort er, at hver container skal holde et enkelt stykke indhold og oprette forbindelse til et enkelt klik. Denne ene ting kan aktivere en video, indsende en formular, flytte til en anden side, købe et emne eller et andet antal enkelt handlinger. Forskellige kort på samme website kan alle gøre forskellige ting. (Så længe brugerne forstår handlingerne.)
Det er en grænseflade stil, der også kræver meget lidt forklaring. Sociale medier hjemmesider som Facebook, Twitter og Pinterest er forankret i kort-stil grænseflader med uendelig scrolling, så nyt indhold er stadig befolkning. Brugere overvældende synes at kunne lide og acceptere dette designmønster.
Mikro-interaktioner er essentielle
Ikke så længe siden var mikrointeraktioner næsten udelukkende et appelement. Du ønsker måske at genoverveje den idé. Linjen mellem apps og websites er fuldstændig sløret. Brugere ønsker at besøge en app og derefter måske hjemmesiden senere og få nøjagtig samme oplevelse.
Dette gælder også for mikro-interaktioner. En mikro-interaktion er noget, der hjælper brugeren med at kommunikere med grænsefladen, se en handling, der finder sted eller manipulere grænsefladen. Hver af disse kommunikationsb dele er så lille, at brugeren næsten ikke tænker på det, som f.eks. En alarm, tekstbesked eller swipe for at opdatere indhold. (Tænk bare på, hvor mange mødemeddelelser du får på din arbejdscomputer eller telefon, det er mikro-interaktioner.)
Den sammenkoblede faktor til at gøre denne sømløse overgang er et strejf af personliggørelse og masser af muligheder for brugertilpasning. Brug af mikro-interaktioner er vanskelig, fordi der er en fin linje mellem ønskede meddelelser eller alarmer eller meddelelser og overvældende brugeren.
Når integrering af mikrointeraktioner holder sig til nogle af de mest grundlæggende funktioner, skal du først se, hvordan brugerne reagerer. Derefter kan du føje til blandingen, hvis din brugerbase accepterer det.
Og nu ... bærbare
Den næste fase af website design er allerede sket. Som bærbare enheder øges i popularitet, så vil design elementer fra disse små skærme.
Elementer, der vil have indflydelse, omfatter små, statusbaserede animationer, såsom rullehjul, der fylder op for at vise resultater, flere mikro-interaktioner og masser af sporingsmaskiner. (Brugere er praktisk taget besat med data lige nu, fra fitnessbaserede data til indtjeningspoint for shopping.)
Wearables tilføjer også et andet lag af gamification til det daglige liv. Dette vil sandsynligvis overføre til website design også.
Hvad wearables virkelig vil gøre er yderligere linjen mellem alle vores enheder. Websites, apps, wearables - de har alle brug for at levere integrerede oplevelser til brugere, så at flytte fra enhed til enhed er problemfri, og oplevelsen er konsistent.
Konklusion
Da skærme ændrer størrelse, gør det også den måde, vi designer på dem. For at skabe omhyggelige interaktioner, som brugerne ønsker at engagere sig i, uanset enhed, skal hver grænseflade fungere på samme måde. Ideen har en dramatisk indflydelse på den måde, hvorpå alle hjemmesider er designet (selv dem, der ikke nødvendigvis har app eller bærbare modparter).
Ved at skabe noget, som brugerne kan lide på de mindste skærme og udvide det til større enheder, kan designere opbygge grænseflader, der er lette at forstå. Det gør også din grænseflade lidt mere i efterspørgsel.