Lite inspiration för olika sorts visualisering
Vad är visualisering och vad kan man göra med det? Visualisering kan ske genom bilder, diagram och animeringar, det kan ge en översikt av stora mängder data, det kan vara ett sätt att inbjuda till interaktion och utforskande och det kan helt enkelt vara snyggt.
Datadriven visualisering
Ibland vill man förmedla komplex information på ett sätt som är överskådligt och lättillgängligt.
Genom att omvandla data i realtid kan man få kalkylark som till vardags är rätt torra saker att verka engagerande och intressanta. Listor kan bli diagram som uppdateras med data medan man interagerar med dem.
Gutfeeling Labs behövde ett sätt att kommunicera till sina kunder vad resultaten av deras analyser betyder för dem i praktiken. Vad vi gjort här är att illustrera datapunkterna i resultatet på ett sådant sätt att man kan se huruvida det är bra, hur man förhåller sig till normalspridning, eventuella förändringar över tid och vad man kan göra om man vill förbättra sitt resultat.
All denna information kommer automatiskt till användaren när analysen är utförd och hämtas av en API-koppling som vi byggt i samråd med leverantören av labbsystemet.

Illustrativ visualisering
Ibland behöver man ett mer interaktivt sätt att illustrera en berättelse eller en plats.
I fallet Täby Park ville vi ha en karta som på ett enkelt och lockande sätt berättar för boende och besökare vad som finns i området. Men vi ville inte ha en vanlig inbäddad karta från exempelvis Google Maps - i det här fallet har de för många distraherande extra funktioner. Vi valde istället att ha en karta som inte är så hårt knuten i den geografiska verkligheten, men som istället är mer lekfull, interaktiv och rolig. Och samtidigt är den datadriven och går att uppdatera snabbt och enkelt av sajtägarna.

Dekorativ visualisering
All visualisering behöver inte ha ett konkret mål, det kan bara vara en rörlig bild som bryter av och ger en känsla och en upplevelse.
I ett klassiskt fall av nöjesprogrammering fick vi för oss att det hade varit kul att ha en skärmsläckare. Nu är detta kanske inte en sådan skärmsläckare som man laddar ned och installerar på sin dator, men den fyller sin funktion som ögongodis. Klicka gärna upp den i fullskärm!
© 040 2024
Relaterade artiklar:
Visst kan man göra vad som helst med färdiga kartlösningar?
Det enkla svaret är, typ ja. Det finns många karttjänster, alla med olika begränsningar och möjligheter. Vilket som passar bäst beror på vad man vill uppnå. Men det är väldigt roligt med kartor tycker vi.
Vad är skillnaden mellan UX,UI och CX?
UI, UX och CX är alla vanliga begrepp inom webbutveckling idag. Men vad betyder de, vad är det för skillnad mellan dem och hur hör de ihop?
Vad är iframe och embedkod och hur används det?
En inbäddningskod är helt enkelt en lista med specifika instruktioner från en webbplats som beskriver hur ett visst innehåll kan visas på en annan sida - det kan vara en podd, en film, en karta eller en nyhetslista. Du kopierar en kod och vips - så visas en bit innehåll från en annan sajt på din egen sajt. Smidigt, eller hur? Men såklart finns det lite saker att tänka på, och det kan också innebära en del problem.