Data Visualisering: Design for mobile enheder - dummier

For en par år siden, da en designer lavede en papirbaseret annonce eller brochure, gjorde hun kunne planlægge præcis, hvordan det ville se efter, at det var trykt. Designeren kendte formatet og hvordan kunderne ville se det. Populariteten af ​​mobile enheder er imidlertid steget, og designere har haft to nye designproblemer:

• Design af mobilenhedens grænseflader

• Oprettelse af apps til mobile enheder

Med fremkomsten af ​​internettet brugte online designere de få webbrowsere, der var tilgængelige for at planlægge, hvordan deres designs ville se på skærmen. De tilgængelige værktøjer var noget rå, men design var ret ligetil. Hvis han testede hver webbrowser, kunne en designer bestemme, hvad han havde brug for at rette, så designet ville se rigtigt online.

Nu skal designere designe for en lang række mobilenheder, som hver især har sine egne særlige behov. Følgelig er kompleksiteten ved at designe visualiseringer vokset.

Embracing responsive design

For at løse problemet med flere skærmstørrelser og operativsystemer bruger designere princippet om responsivt design (RD). RD refererer til en grænseflade eller et layout, der kan omkonfigurere sig selv, baseret på hvor det ses. Udtrykket blev udarbejdet af Ethan Marcotte i en artikel i 2010, der anerkendte behovet for designere til at løse problemet med flere skærmkrav.

Et webdesign, der er lydhørt, ser stadig godt ud, om du ser det på din stationære computer eller på din smartphone. De afrundede kanter og ikoner, der er almindelige på mindre enheder, falder automatisk på plads.

Marcotte citerede i sine artikler de tre områder, hvor RD kan have mest effekt i webdesign:

• Væskenetværk: Gitteret er det værktøj, som designere bruger til at udforme deres designs, uanset om de design vil blive vist online eller offline. I den følgende figur er et gitterdesign blevet transformeret til tre skærmformer.

  

  Gitterdesign oversat til forskellige skærme.

• Fleksible billeder: Når du har billeder i et blogindlæg eller på din hjemmeside, vil du sikre dig, at de ikke bliver afskåret eller forvrænget. Sørg for, at dine billeder kan reformatere sig selv, er vigtigt.

• Medieforespørgsler: Når du indtaster et søgeord i en søgemaskine som Google eller Bing, vil du kunne se resultaterne på en af ​​dine skærmbilleder. Dette er et centralt princip for RD. Indholdet skal ses på enhver mobil enhed, som en bruger måtte have. Hvad der gør det på en række forskellige enheder, er en udfordring, at designeren ikke har nogen mulighed for at vide, hvad det returnerede resultat bliver.

Disse ideer gælder også for datavisualiseringer. Du vil sikre dig, at dit net ikke forvrænges, når dataene vises på en mobilenhed. Billederne skal være klare, og billedforholdet (længde til bredde) skal justeres uanset hvilken enhed brugeren arbejder med.

Følgende app designstandarder

Designere ønsker ikke kun, at en grænseflade ser godt ud, men vil også have det til at gøre alle mulige tricks. Som et resultat er appdesign blevet en disciplin for sig selv.

Du kan undre dig over, hvorfor du bør bekymre sig om app design. Alle, der skal visualisere noget online, er underlagt de samme standarder som enhver appdesigner.

Pete Pachal beskriver i sin artikel "Apples 6 enkle regler for udformning af en Killer iOS App", hvad han skulle gøre for at få sin nyheds app Spun certificeret til Apples App Store. (På denne skrivning er appen ikke tilgængelig i USA App Store.) Pachals team var nødt til at arbejde sammen med Apple i fem måneder for at få alt perfekt. I løbet af den tid kodificerede Pachal seks regler for sit hold, hvoraf fire vedrører data, nemlig design:

• Enkelhed er styrke. Denne regel er nok den vigtigste regel for datavisualiseringer. Målet er at forklare eller afdække nye oplysninger, der kan bruges til at udvikle indsigt. Hvis du fokuserer på for mange datapunkter, går historien tabt. Hvis du opretter et dashboard, er denne regel særligt vigtig, fordi hvert enkelt data skal understøtte det hele.

• Opoffér ikke kvalitet for tiden. Denne regel er vigtig for data visualisering. Hvis du slap sammen en visualisering, der er svært at dechiffrere eller bare slette sjusket, vil ingen gerne bruge den. Tag dig tid til at udvikle noget godt, og fortsæt med at forbedre det med tiden.

• Beløn ​​brugeren med hvert enkelt tryk. Hvert menupunkt skal gøre noget nyttigt. Printlinken skal fungere, for eksempel. Hvert klik skal også give oplysninger.

• Detaljer sagen. Før brugeren klikker på et link i en datavisualisering, skal det være tydeligt, hvor det pågældende link vil tage hende eller hvilken type data, hun vil se.