My presentation from Webbdagarna in Gothenburg on september 12, 2012. In Swedish.

1. Den digitala
identiteten först
…eller konsten att skapa rätt förutsättning för en god användarupplevelse.

2. › För många företag är de digitala
plattformarna numera den vanligaste
kontaktytan med sina kunder.
› Inte sällan är den även en del av
företagets produkt.

3. Användarupplevelsen är allt.
Det är genom den en tjänst
eller företag bedöms.
DÄRFÖR ÄR DET AV STÖRSTA VIKT ATT DEN GES MÖJLIGHET ATT SKAPA EN GOD SÅDAN.

4. Nyttig
Användbar Önskvärd
Värdefull
Förståelig Tillgänglig
Trovärdig

5. Betänk detta
Plötsligt blir utformningen av ett
formulär avgörande för en affär!

6. Tiden då det var tillräckligt att avhandla
den digitala identiteten på en sida är förbi.
sedan länge

7. OLIKA KANALER
KRÄVER OLIKA
LÖSNINGAR

9. Den digitala identiteten behöver inte vara
exakt likadan som den traditionella.
Men självklart ska man känna igen sig.
Digital
identitet
≈ Traditionell
identitet

11. Justeringar görs av två anledningar:
1. För att identiteten inte möjliggör
en god användarupplevelse.
2. För att identiteten direkt
överförd inte blir korrekt.

12. Det är framför allt i formgivningen av
gränssnittet skillnaden i krav blir tydliga.

13. ”Form följer funktion”
Louis Sullivan 1896

14. Digital design är menad
att interagera med.
Stora likheter med industridesign där
krav på funktion är högt ställda.

18. Vanliga problem:
› Grafik som är för detaljerad
Logotypen‚ illustrationer‚ pictogram…
› Färger
Enbart rött, inga gråskalor, för få…
› Typsnitt som inte är lämpliga
Extra bold, extra light, ingen webblicens…

20. Justeringar görs av två anledningar:
1. För att identiteten inte möjliggör
en god användarupplevelse.
2. För att identiteten direkt
överförd inte blir korrekt.

21. Exempel på skillnader:
› Djup uppstår inte automatiskt
› 100% svart är 100%
› Skarpa hörn blir skarpa
› Brus och struktur måste simuleras

22. Justeringar att göra
Lägg till Ta bort
Fler färger för att Grafik för att locka
säkra god interaktion. uppmärksamhet.
Anpassa Omprioritera
Välj en annan skärning Dekormönstret gör sig
av ert typsnitt. bättre i sidfoten.

26. Skillnader även
mellan de digitala
plattformarna.

28. SÅ VAD SKA
MAN TÄNKA PÅ?

29. › Förstå och omfamna skillnaderna
› Optimera identiteten för kanalen
› Värna igenkänning
› Tänk digitalt från start

30. Fungerar vår logotyp i små
storlekar?
Är uppsatta regler tänkta att gälla
för en mobilapplikation?
Fråga er Vilken funktion är vårt typsnitt
själva skapat för?
Har vi en tillräckligt bred
färgpalett?
Vad var de krav som ställdes vid
framtagande av vår identitet?

32. Tack!
www.deasign.com
www.danielbruce.se