Download - DB — Den digitala identiteten först
![Page 1: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/1.jpg)
Den digitalaidentiteten först…eller konsten att skapa rätt förutsättning för en god användarupplevelse.
![Page 2: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/2.jpg)
› 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.
![Page 3: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/3.jpg)
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.
![Page 4: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/4.jpg)
Nyttig
Användbar
Förståelig
Trovärdig
Tillgänglig
Önskvärd
Värdefull
![Page 5: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/5.jpg)
Betänk detta
Plötsligt blir utformningen av ett formulär avgörande för en affär!
![Page 6: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/6.jpg)
Tiden då det var tillräckligt att avhandla den digitala identiteten på en sida är förbi.
sedan länge
![Page 7: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/7.jpg)
OLIKA KANALER KRÄVER OLIKA LÖSNINGAR
![Page 8: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/8.jpg)
![Page 9: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/9.jpg)
Traditionell identitet
Digitalidentitet
Den digitala identiteten behöver inte vara exakt likadan som den traditionella.
Men självklart ska man känna igen sig.
≈
![Page 10: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/10.jpg)
![Page 11: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/11.jpg)
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.
![Page 12: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/12.jpg)
Det är framför allt i formgivningen av gränssnittet skillnaden i krav blir tydliga.
![Page 13: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/13.jpg)
”Form följer funktion”Louis Sullivan 1896
![Page 14: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/14.jpg)
Digital design är menadatt interagera med.Stora likheter med industridesign där krav på funktion är högt ställda.
![Page 15: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/15.jpg)
![Page 16: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/16.jpg)
![Page 17: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/17.jpg)
![Page 18: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/18.jpg)
Vanliga problem:
› Grafik som är för detaljeradLogotypen‚ illustrationer‚ pictogram…
› FärgerEnbart rött, inga gråskalor, för få…
› Typsnitt som inte är lämpligaExtra bold, extra light, ingen webblicens…
![Page 19: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/19.jpg)
![Page 20: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/20.jpg)
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.
![Page 21: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/21.jpg)
Exempel på skillnader:
› Djup uppstår inte automatiskt
› 100% svart är 100%
› Skarpa hörn blir skarpa
› Brus och struktur måste simuleras
![Page 22: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/22.jpg)
Ta bortGrafik för att locka uppmärksamhet.
Justeringar att göra
OmprioriteraDekormönstret gör sig
bättre i sidfoten.
Lägg tillFler färger för att
säkra god interaktion.
AnpassaVälj en annan skärning
av ert typsnitt.
![Page 23: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/23.jpg)
![Page 24: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/24.jpg)
![Page 25: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/25.jpg)
![Page 26: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/26.jpg)
Skillnader även mellan de digitala
plattformarna.
![Page 27: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/27.jpg)
![Page 28: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/28.jpg)
SÅ VAD SKA MAN TÄNKA PÅ?
![Page 29: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/29.jpg)
› Förstå och omfamna skillnaderna
› Optimera identiteten för kanalen
› Värna igenkänning
› Tänk digitalt från start
![Page 30: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/30.jpg)
Fungerar vår logotyp i små storlekar?
Är uppsatta regler tänkta att gälla för en mobilapplikation?
Vilken funktion är vårt typsnitt skapat för?
Har vi en tillräckligt bred färgpalett?
Vad var de krav som ställdes vid framtagande av vår identitet?
Fråga er själva
![Page 31: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/31.jpg)
![Page 32: DB — Den digitala identiteten först](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55911a0e1a28ab7f758b4654/html5/thumbnails/32.jpg)
Tack!www.deasign.com
www.danielbruce.se