Mens store data gir nyttige applikasjoner, kan det også stå i veien for rene, brukbare grensesnittdesigner. Med flere og flere webprogrammer bygget på fjell med data samlet inn i skyen, hvordan kan du levere all den data uten å gjøre den resulterende søknaden til et visuelt togvrak?

Å balansere komplekse databehov med et enkelt brukergrensesnitt er en utfordring for enhver webapplikasjonsdesigner i dag. Stripping away informasjon vil forenkle brukergrensesnittet, men mindre data betyr ofte en mindre funksjonell og nyttig applikasjon. Likevel, å holde alle de kontekstuelle dataene kan skape et ubrukelig monster av en app.

Gjennom prosessen med å omarbeide vår kundeservice, lærte vi flere viktige leksjoner for å designe enkle grensesnitt basert på komplekse data. Vi deler noen tips her:

1. Kjenn din brukstilstand

Den sentrale tenet med god UI-design er å starte med det problemet du prøver å løse, ikke de dataene du har eller det designet du vil ha. Hvis ditt hovedmål er "vi vil at det skal se glatt", skal du basere designbeslutninger på feil kriterier.

Definer et brukstilfelle som vil veilede designprosessen. Hvordan bruker de fleste verktøyet ditt? Forstå at du ikke kan glede hver enkelt bruker. Som designer bør målet ditt være å gi det beste verktøyet for de fleste brukerne, mesteparten av tiden.

I Zendesks tilfelle ønsket vi å gjøre prosessen med å løse kundeproblemer raskere og mer personlig, noe som betyr at støttemannen bør kjenne kunden så mye som mulig. Dette kriteriet formet hver designbeslutning og ga oss et rammeverk for å prioritere alle dataene vi hadde.

Zendesk screenshot

2. Start med alt, og forenkle deretter

Design av datatunge applikasjoner er mer som skulptur enn maleri. Snarere enn å begynne med et tomt lerret, begynner du med noe massivt og begynner å meisle bort. Når det gjelder å designe en del av appen din, start med alle dataene som muligens passer inn i seksjonen, og start deretter å organisere og prioritere dataene i henhold til hovedbrukssaken.

For eksempel, da det var på tide å designe støttebillettsiden i den nye Zendesk, inkluderte vi alt som var potensielt relatert til en faktisk supportbillett og gjorde det samme skrifttype, størrelse og farge. Resultatet var et skremmende og ugjennomtrengelig rot. Vi satte oss da for å hakke ned, prioritere og organisere informasjonen. Vi gjemte elementer, endret skriftvekt og lagt til interaktivitet der det var nødvendig. Hver avgjørelse ble basert på våre bruksspørsmålsprioriteter som er definert ovenfor.

Zendesk screenshot

3. Bruk innholdet selv som designelementer

Med datatunge applikasjoner er det ikke nødvendig å legge til ekstra krom. Drop skygger, feiende gradienter, flere teksturer og andre ekstra designelementer legger bare til visuell kompleksitet til et allerede komplekst program.

Dette betyr ikke at designet ditt må være svart tekst på en hvit bakgrunn. I stedet stole på innholdet og dataene selv for å skape visuelt tiltalende opplevelser.

Invester din tid i typografi; redusere ord hvor du kan med solid og meningsfylt ikonografi og bruk farge for å gruppere data og innhold på konsistente måter.

Zendesk screenshot

4. Hold alt smidig

Hvert design kan redesignes, og hvert redesign kan redesignes på nytt.

Etter hvert som flere og flere bruker søknaden din, vil du oppdage områder som kan forbedres og forenkles videre. For å iterere mot en bedre og renere design, bidrar det til å bryte ned alle elementene i applikasjonen (data, funksjonalitet, design) til de minste mulige komponentene på baksiden.

Bygg maskinen slik at den enkelt kan tas fra hverandre og omarrangeres, og hjelper deg med å gjøre forbedringer og imøtekomme skiftende behov mens du reiser.

Zendesk screenshot

Konklusjon

Oppsummert må de to målene om enkelhet og datarikke ikke være gjensidig utelukkende. Faktisk kan store data føre til god innovasjon i brukergrensesnittdesign.

Uansett søknaden, vil leksjonene fra å starte med en brukskasse, skulptur i stedet for å maler, designe med innholdet, og holde seg fleksibel, bidra til å bygge enkelhet på kompleksitet.

Har du designet et vakkert brukergrensesnitt for en stor mengde data? Hvilke tips og triks kan du dele? Gi oss beskjed i kommentarene.

Utvalgt bilde / miniatyrbilde, data bilde via Shutterstock.