Da omverdenen var delvist lukket, befandt vi os i år stadig mere til stede i det digitale univers. Dette var en enorm mulighed for de organisationer, der ønsker at intensivere deres digitale oplevelser, såvel som for de fysiske virksomheder, der overgik til onlinemiljøet og skiftede fra at kæmpe for at overleve til at trives inden for denne sammenhæng.
Reflekterer over nogle af produktdesign praksis, der løfter baren i 2020 med hensyn til innovation og effektivitet, i denne artikel vil jeg præsentere, hvad der efter vores mening er web- og mobilappdesigntendenser for 2021.
Da det er svært at finde ud af præcis, hvilke af disse trends der vil præstere bedre, anbefaler vi, at du ikke tager følgende liste som et leaderboard, men snarere som inspiration, en forståelse af, hvad det menes at vil dominere skærmene i det kommende år.
Mørk tilstand.
Vi er alle blevet begejstrede, da Apple introducerede denne funktion. Da det blev så bredt vedtaget af de fleste brugere på kort tid, blev det normen for store teknologivirksomheder som Facebook, Instagram eller Slack, såvel som små virksomheder, der ønsker at krydre deres digitale identiteter.
Brugerne ser ud til at finde mørkt tema tilføjer en nuance af kølighed til deres enheder, men udover denne æstetiske faktor er der et par andre grunde til, at denne funktion er blevet så efterspurgt for nylig, og hvorfor vi tror fortsat vil dominere UI-retningslinjerne.
· Det reducerer øjenbelastning
· Det giver sikkerhed i mørke omgivelser
· Det gør det muligt at fremhæve og poppe andre designelementer
· Det sparer enhedens batteristrøm
Hvis du også overvejer at vedtage denne tendens til din digitale oplevelse, er der nogle ting, du skal huske på, så du kan få mest muligt ud af det:
Brug en mørkegrå i stedet for en ren sort (#000000); brug lysere toner på mørke temaer, da mættede farver kan skabe en irriterende kontrast på brugergrænsefladen; test dit design i både mørke og lyse udseende, og lad dine brugere skifte mellem almindelige og mørke temaer i stedet for at indramme det som den eneste mulighed.
Der er flere tekniske detaljer bag enkelheden i denne slanke funktion, men for det foreslår vi, at du læser Nick's Babich 8 tip til mørkt tema design.
Fed typografi.
Endnu en designtrend, der ser ud til at have fundet vej tilbage til udbredt praksis i dag, fed typografi passer perfekt sammen med stort set alle tendenser, som denne artikel vil berøre. Ikke kun tilføjer det en ekstra følelse af modernitet til dit overordnede design, men det er også et effektivt middel til at skabe brugernes opmærksomhed på bestemte elementer på din web- eller mobilapp.
Husk, at når du leger med sådan tunge skrifttyper, bør du undgå at bruge dem for meget og fokusere på korte stykker tekst placeret på mere neutrale baggrunde.
Mikrointeraktioner.
Mikrointeraktioner er blevet en væsentlig del af at designe fantastisk web- og mobilapps. Disse designgimmicks er helt subtile detaljer og artikulerer en fornøjelig oplevelse og antænder en uvurderlig følelse af spænding for dem, der bruger din app eller navigerer på dit websted.
Selvom udtrykket i sig selv kan virke ganske forklarende, skal man huske, at ordet „interaktioner“ refererer til engagerende menneskelige øjeblikke, der kan forstås inden for få sekunder uden at overvælde.
Ud over at formidle et æstetisk aspekt sigter disse animationer mod at:
· Giv øjeblikkelig feedback om en afsluttet handling, der spiller på vores naturlige tendens til at søge øjeblikkelig tilfredsstillelse i alt, hvad vi gør;
· Lær funktionaliteten af den visuelle grænseflade gennem intuitivt design elementer.
· Eller opmuntre til visse handlinger på platformen, der fungerer ligesom en visuel opfordring til handling, men snarere en indirekte.
Uanset om du tænker på en swipe-animation, en ukonventionel indlæsningsskærm, en delikat opfordring til handling eller bare en cool knap, når du designer disse mikrointeraktioner, skal du altid sætte dig selv i brugerens sko, stræbe efter funktionalitet, være så mindre påtrængende som muligt og bruge almindeligt menneskeligt sprog.
Neumorfisme.
Designere fra hele verden ser ikke ud til at være kommet over denne tendens, som er noget nylig, og udgør de fleste af listerne i 2020. Alligevel kan det blive lidt forvirrende at undersøge det, fordi nogle har en tendens til at sige, at neumorfisme bare er et nyere udtryk, der er opfundet for skeuomorfisme.
Men der er en forskel.
Skeumorphism indebærer design af elementer i en realistisk og minimal stil med fokus på ligheden mellem den virkelige og digitale verden.
Mens neumorfisme også forsøger at replikere den virkelige følelse og aspekt af elementer som knapper, layouts eller kort, er det mere fokuseret på farvepaletten. Specifikt henviser denne tendens til at skabe en grænseflade, hvor de tidligere angivne elementer ser ud som om de er placeret bag baggrunden og ikke på baggrunden.
Dette er et subtilt touch, der kan gøres ved at manipulere skygge og lys.
Billedet nedenfor skal være forklarende nok, men hvis du ønsker at få et lynkursus i, hvordan du implementerer det korrekt, foreslår vi at læse dette neumorf designvejledning.
Fordybende 3D-grafik.
Det er stadig ret tidligt at sige, om VR- og AR-teknologier har opnået et modenhedsniveau, men hvad der er mærkbart er, at et øget antal produktdesignere svinger lignende hyperrealistiske billeder til websteder, såvel som web- og mobilapps. Dette giver mærker mere fordybende berøringspunkter, en ærefrygtindgydende brugeroplevelse, der let kan oversættes til konverteringer.
Succesfuldt at hoppe på vognen med denne tendens indebærer dog et fint øje for design, men også en række flittige bestræbelser på at øge din webstedets ydeevne. Du har muligvis nogle slanke animationer eller en 3D-visuel klar til at optage hele brugernes skærm og forbløffe dem, men en langsom indlæsning og dårligt optimeret platform får dem til at forlade dit websted, selv før det smarte heltebillede dukker op, så vær opmærksom på det.
Abstrakt datavisualisering.
Med så mange data tilgængelige online, der roder både vores feeds og vores sind, er det bydende nødvendigt, at du finder mere engagerende måder at vise dem på. Borte er de dage, hvor vi ville blive begejstrede ved at kigge på en farverig infografik og forbruge informationen med mere nysgerrighed, end vi ville gøre fra et kedeligt regneark.
Faktisk var det spændende at se denne pludselige overgang fra planborde til kreative dataillustrationer, men ligesom med alle visuelle funktioner ser vi ud til at være vant til dette også nu.
Du er nødt til at finde nye måder at visualisere data på. Våg at illustrere dine oplysninger abstrakt med en futuristisk design der ikke nødvendigvis stemmer overens med nogle foruddefinerede mønstre. At udfordre normerne lyder måske kliché, men når det kommer til design, er det, hvordan du bevæger dig fremad.
Mikrokopi & UX-skrivning.
Når vi taler om almindeligt menneskeligt sprog, er der ikke meget at diskutere om det, men en simpel erklæring. Folk kræver mindre jargon, mindre af de vage standardforestillinger, og mere kopi, der lyder menneskelig. Målet er at skrive, mens du taler, ideelt set så mindre formel som muligt, svarende til en afslappet dialog, som du ville have med en ven.
Selvom vi ikke var fans af udtrykket“menneskecentreret design“, da det lidt føles som BS, til vores overraskelse, er det en ting nu. Og det skal den menneskecentrerede kopi også.
Det betyder ikke noget, om du skriver en artikel eller en UX-kopi til en ny fintech-app, du skal sigte mod at definere en unik tone, baseret på autentiske ikke-virksomhedsbeskeder, som folk kan forstå og resonere med. Som indholdsforfatter selv er jeg ofte faldet i fælden med at ville lyde lige så professionel som de andre aktører i branchen, men når jeg kiggede på engagementsmålinger, fik jeg forstået, at jeg var på vej mod en blindgyde.
Det er fascinerende, hvor udfordrende det er at skrive lige så simpelt som vi taler, da de fleste af os blev skolet i en bestemt formel skrivestil, men heldigvis er der nogle organisationer, der allerede mestrer denne kunst.
Tag et kig på Uenos hjemmeside for at hente inspiration til, hvad der er engagerende UX-skrivning ser ud som.
Minimalistisk design.
Vi kan ikke være sikre på, om dette bare er en midlertidig fase eller et længe ventet comeback, men det sker helt klart. Med så mange distraktioner, prangende elementer, elektrificerende farver og nervepirrende pop-ups føles det at gå tilbage til det grundlæggende i minimalisme som et forfriskende luftpust for de fleste af os, der har brug for en pause fra distraktionerne i det nuværende altid aktive liv.
Når du lige har nævnt, at du skal turde være modig i dit design og lege med de abstrakte forestillinger, kan det virke lidt modstridende at nu opmuntre dig mod minimalisme.
Jeg siger ikke, at du er nødt til at droppe dine eksperimentelle ideer til skade for et bare design. Det, jeg foreslår, er, at du kan gøre begge dele. Bare husk, at vi i disse dage som brugere har en tendens til at føle os overvældede og ængstelige over det rod, vi er omgivet af.
Uanset branche vil en løsnet visuel grænseflade udløse en følelse af fred, som ofte korrelerer med øget engagement. Alligevel er denne praksis endnu mere effektiv for de virksomheder, der sælger komplekse løsninger såsom SaaS-produkter eller endda finansielle tjenester, da det forenkler deres fortælling og holder brugerne tilsluttet den specifikke platform.
Afsluttende tanker.
Web- og mobilappdesignområdet er overfyldt med kortvarige tendenser, men nogle af dem bestemmer branchens norm på længere sigt. I denne artikel ønskede jeg at præsentere de populære designtendenser i 2020, samtidig med at jeg forventer et par flere, der vil få øget trækkraft i 2021, baseret på vores arbejde her på RebelDot, samt en analyse af de allerede eksisterende artikler om dette emne.
Selvom ingen af disse tendenser indebar raketvidenskab, håber jeg, at læsning af dette stykke forstærkede nogle grundlæggende koncepter og fik dig inspireret til at designe de næste digitale løsninger, som I brugere ikke får nok af i 2021.
Da designfasen også er en iterativ del af produktudviklingsprocessen, kan du også læse vores supplerende indlæg om Opbygning af en MVP at forstå præcis, hvad det betyder at innovere med hurtig kundefeedback. 🚀
