4 tricks til at designe data-tunge applikationer
Selv om store data giver nyttige applikationer, kan det også stå i vejen for rene, brugbare grænsefladedesign. Med flere og flere webapplikationer bygget på bjerge af data indsamlet i skyen, hvordan kan du levere alle de data uden at gøre den resulterende applikation til et visuelt togvrag?
Balancering af komplekse databehov med en simpel brugergrænseflade er en udfordring for enhver webapplikationsdesigner i dag. Stripping away information vil forenkle brugergrænsefladen, men mindre data betyder ofte en mindre funktionel og nyttig applikation. Alligevel kan opretholdelse af alle de kontekstuelle data skabe et ubrugbart monster af en app.
Gennem processen med at omformulere vores kundeservice-applikation lærte vi flere vigtige lektioner til at designe enkle grænseflader bygget på komplekse data. Vi deler et par tips her:
1. Kend din brugssag
Det centrale princip for god UI-design er at starte med det problem, du forsøger at løse, ikke de data, du har eller det design, du ønsker. Hvis dit hovedmål er "vi vil have det til at se glat ud", baserer du designbeslutninger på de forkerte kriterier.
Definer en brugssag, der vil guide din designproces. Hvordan bruger de fleste dit værktøj? Forstå, at du ikke kan behage hver enkelt bruger. Som designer skal dit mål være at levere det bedste værktøj til de fleste af dine brugere, mesteparten af tiden.
I Zendesks sag ønskede vi at gøre processen med at løse kundeproblemer hurtigere og mere personlig, hvilket betyder at supportpersonen bør kende kunden så meget som muligt. Dette kriterium formede hver design beslutning og gav os en ramme for at prioritere alle de data, vi havde.
2. Start med alt, og forenkle derefter
Design af datatunge applikationer er mere som skulptur end maleri. I stedet for at starte med et blankt lærred begynder du med noget massivt og begynder at mejle væk. Når det drejer sig om at designe en del af din app, skal du starte med alle de data, der muligvis passer ind i afsnittet, og derefter begynde at organisere og prioritere dataene i overensstemmelse med din hovedbrug.
For eksempel, da det var tid til at designe supportbilletsiden i den nye Zendesk, inkluderede vi alt, hvad der potentielt var relateret til en faktisk supportbillet og gjorde det samme skrifttype, størrelse og farve. Resultatet var et forfærdeligt og uigennemtrængeligt rod. Vi satte os derefter for at whittle ned, prioritere og organisere oplysningerne. Vi gemte elementer, ændrede skrifttypevægt og tilføjet interaktivitet, hvor det var nødvendigt. Hver beslutning var baseret på vores brugssagerprioriteter som defineret ovenfor.
3. Brug selve indholdet som dine designelementer
Med datatunge applikationer er der ingen grund til at tilføje ekstra krom. Drop skygger, fejende gradienter, flere teksturer og andre ekstra designelementer tilføjer kun visuel kompleksitet til en allerede kompleks applikation.
Dette betyder ikke, at dit design skal være sort tekst på en hvid baggrund. I stedet stole på indholdet og dataene selv for at skabe visuelt tiltalende oplevelser.
Invester din tid i typografi; reducere ord, hvor du kan med solid og meningsfuld ikonografi og brug farve til at gruppere data og indhold på ensartede måder.
4. Hold alt fleksibelt
Hvert design kan redesignes, og hvert redesign kan redesignes igen.
Da flere og flere mennesker bruger din ansøgning, vil du opdage områder, der kan forbedres og forenkles yderligere. For at iterere mod et bedre og renere design hjælper det med at nedbryde alle elementerne i applikationen (data, funktionalitet, design) i de mindste mulige komponenter på bagsiden.
Opbygning af din maskine, så den let kan skilles fra hinanden og omarrangeres, hjælper dig med at gøre forbedringer og opfylde skiftende behov, mens du går.
Konklusion
Sammenfattende behøver de dobbelte mål for enkelhed og datarigdom ikke at gensidigt udelukkes. Faktisk kan store data føre til stor innovation i brugergrænseflade design.
Uanset ansøgningen kan lektierne fra at starte med en brugskasse, skulptur snarere end maleri, design med dit indhold og opretholde fleksibilitet bidrage til at skabe enkelhed ud over kompleksitet.
Har du designet en smuk brugergrænseflade til en stor mængde data? Hvilke tip og tricks kan du dele? Lad os vide i kommentarerne.
Fremhævet billede / miniaturebillede, data billede via Shutterstock.