4 triks för att designa data-tunga applikationer
Medan stora data gör det möjligt att använda användbara applikationer, kan den också stå i vägen för rena, användbara gränssnitt. Med fler och fler webbapplikationer byggda på berg av data samlade i molnet, hur kan du leverera all den informationen utan att göra den resulterande applikationen till ett visuellt tågavverk?
Att balansera komplexa databehov med ett enkelt användargränssnitt är en utmaning för alla webbapplikationsdesigners idag. Stripping away information kommer att förenkla användargränssnittet, men mindre data betyder ofta en mindre funktionell och användbar applikation. Ändå kan att hålla all den kontextuella data skapa ett oanvändbart monster av en app.
Genom processen att omforma vår kundserviceapplikation lärde vi oss flera viktiga lektioner för att utforma enkla gränssnitt som byggdes på komplexa data. Vi delar några tips här:
1. Känn ditt användningsfall
Den centrala principen om bra UI-design är att börja med det problem du försöker lösa, inte de data du har eller den design du vill ha. Om ditt nyckelmål är "vi vill att det ska se smidigt", kommer du att basera designbeslut på fela kriterier.
Definiera ett användningsfall som kommer att styra din designprocess. Hur använder de flesta ditt verktyg? Förstå att du inte kan behaga varje enskild användare. Som designer bör du ha det bästa verktyget för de flesta av dina användare, oftast.
I Zendesks fall ville vi göra processen att lösa kundproblem snabbare och mer personligt, vilket innebär att supportpersonen borde känna kunden så mycket som möjligt. Detta kriterium bildade varje designbeslut och gav oss en ram för att prioritera all data vi hade.
2. Börja med allt och förenkla sedan
Att designa data-tunga applikationer är mer som skulpterande än målning. Snarare än att börja med en tomt duk börjar du med något massivt och börja mejla bort. När det gäller att utforma en del av din app, börja med alla data som eventuellt passar in i avsnittet, och börja sedan organisera och prioritera data enligt ditt huvudanvändningsfall.
När det till exempel var dags att utforma supportbiljettsidan i den nya Zendesknämnden inkluderade vi allt som var potentiellt relaterat till en faktiskt supportbiljett och gjorde det samma typsnitt, storlek och färg. Resultatet var en skrämmande och ogenomtränglig röra. Vi bestämde oss för att smyga ner, prioritera och organisera informationen. Vi gömde föremål, ändrade teckensnitt och tillsatte interaktivitet vid behov. Varje beslut grundades på ovanstående användningsfallsprioriteringar.
3. Använd själva innehållet som dina designelement
Med data-tunga applikationer behöver man inte lägga till extra krom. Drop skuggor, svepande gradienter, flera texturer och andra extra designelement lägger bara till visuell komplexitet till en redan komplex applikation.
Detta betyder inte att din design behöver vara svart text på en vit bakgrund. I stället förlita sig på innehållet och data i sig för att skapa visuellt tilltalande upplevelser.
Investera din tid i typografi; minska ord där du kan med solid och meningsfull ikonografi och använd färg för att gruppera data och innehåll på ett enhetligt sätt.
4. Håll allt smidigt
Varje design kan omdesignas och varje redesign kan omkonstrueras igen.
När fler och fler människor använder din ansökan kommer du att upptäcka områden som kan förbättras och förenklas ytterligare. För att iterera mot en bättre och renare design, hjälper det att bryta ner alla element i applikationen (data, funktionalitet, design) till de minsta möjliga komponenterna på baksidan.
Bygga din maskin så att den enkelt kan tas ifrån varandra och omorganiseras hjälper dig att göra förbättringar och möta förändrade behov när du än går.
Slutsats
Sammanfattningsvis behöver de dubbla målen för enkelhet och datarika inte vara ömsesidigt exklusiva. Faktum är att stora data kan leda till stor innovation i användargränssnittet.
Oavsett ansökan kan lektionerna från att börja med ett användningsfall, skulptera istället för att måla, designa med ditt innehåll och vara smidigt hjälpa till att bygga enkelhet i komplexitet.
Har du skapat ett vackert användargränssnitt för en stor mängd data? Vilka tips och tricks kan du dela med dig? Låt oss veta i kommentarerna.