Design - den första användartesten
-
Upload
jessica-engstroem -
Category
Design
-
view
3.280 -
download
0
Transcript of Design - den första användartesten
![Page 1: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/1.jpg)
Design – Den första användartesten
Jessica Engström – Antropoid
SWETUGG 10:50 – 11:30
![Page 2: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/2.jpg)
Användare bedömmer kvalité baserat på design
![Page 3: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/3.jpg)
Mål
Ta er förbi första användartesten
![Page 4: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/4.jpg)
Om mig
![Page 5: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/5.jpg)
Om mig
![Page 6: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/6.jpg)
Coding After Work
![Page 7: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/7.jpg)
![Page 8: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/8.jpg)
![Page 9: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/9.jpg)
Branding
![Page 10: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/10.jpg)
![Page 11: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/11.jpg)
![Page 12: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/12.jpg)
Färg
![Page 13: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/13.jpg)
Färg
![Page 14: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/14.jpg)
#0044CC
Färg
![Page 15: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/15.jpg)
Färg
![Page 16: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/16.jpg)
Färg
Billigt
![Page 17: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/17.jpg)
Färg
Favoritfärg tjejer
![Page 18: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/18.jpg)
Färg
Favoritfärg killar
![Page 19: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/19.jpg)
Färg
![Page 20: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/20.jpg)
Färg
![Page 21: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/21.jpg)
Färg
Ljus
are
färg
Mör
kare
färg
Basf
ärg
Kont
rastf
ärg
![Page 22: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/22.jpg)
![Page 23: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/23.jpg)
![Page 24: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/24.jpg)
![Page 25: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/25.jpg)
![Page 26: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/26.jpg)
![Page 27: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/27.jpg)
Färg
FärgpalettDelad resursTänk igenom färgval
![Page 28: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/28.jpg)
Typsnitt
TypsnittTypsnitt
TypsnittTypsnittTypsnitt
![Page 29: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/29.jpg)
Typsnitt
The New York Times
![Page 30: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/30.jpg)
Typsnitt
![Page 31: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/31.jpg)
Typsnitt
![Page 32: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/32.jpg)
Typsnitt
cats
![Page 33: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/33.jpg)
Typsnitt
Times New RomanRockwellGeorgia Baskerville
![Page 34: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/34.jpg)
Typsnitt
cats
![Page 35: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/35.jpg)
Typsnitt
ArialVerdanaComic SansSegoe UI
![Page 36: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/36.jpg)
Typsnitt
![Page 37: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/37.jpg)
Typsnitt
Upprätta och följ god typografisk hierarki
![Page 38: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/38.jpg)
Typsnitt
Var försiktig med liten stil
![Page 39: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/39.jpg)
Typsnitt
Undvik marginaljustering
![Page 40: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/40.jpg)
Typsnitt
Var sparsam med specialeffekter
![Page 41: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/41.jpg)
Typsnitt
MyterHierarkiAvskalat
![Page 42: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/42.jpg)
Logotyp
9% Inget företagsnamn
![Page 43: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/43.jpg)
Logotyp
41% Enbart text
![Page 44: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/44.jpg)
Logotyp
![Page 45: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/45.jpg)
Logotyp
i*metro**droid
![Page 46: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/46.jpg)
Logotyp
Metrostudio 3The nounproject
![Page 47: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/47.jpg)
Logotyp
95% en eller två färger
![Page 48: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/48.jpg)
Logotyp
93% Igenkänningsbara vid liten
storlek
![Page 49: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/49.jpg)
Logotyp
![Page 50: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/50.jpg)
Logotyp
![Page 51: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/51.jpg)
![Page 52: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/52.jpg)
![Page 53: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/53.jpg)
![Page 54: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/54.jpg)
Logotyp
NamnSimplicitetStorlek
![Page 55: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/55.jpg)
Foto & Bild
Foton eller inte?
![Page 56: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/56.jpg)
Foto & Bild
![Page 57: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/57.jpg)
Foto & Bild
![Page 58: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/58.jpg)
Foto & Bild
![Page 59: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/59.jpg)
Den här bilden är tagen på Rismyrliden i
Skellefteå
![Page 60: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/60.jpg)
Den här bilden är tagen på Rismyrliden i
Skellefteå
![Page 61: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/61.jpg)
Den här bilden är tagen på Rismyrliden i
Skellefteå
![Page 62: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/62.jpg)
![Page 63: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/63.jpg)
Foto & Bild
![Page 64: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/64.jpg)
Foto & Bild
![Page 65: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/65.jpg)
Foto & Bild
![Page 66: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/66.jpg)
Foto & Bild
Stockfoto
![Page 67: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/67.jpg)
![Page 68: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/68.jpg)
Foto & Bild
![Page 69: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/69.jpg)
Foto & Bild
KontrastSkalbarhetKvalité
![Page 70: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/70.jpg)
![Page 71: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/71.jpg)
![Page 72: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/72.jpg)
Tänk på detaljerna
Modern DesignHuman Interface guidelinesMaterial Design
![Page 73: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/73.jpg)
Resurserbrandcolors.netlogos.wikia.com/wiki/Logopedia
Color.adobe.comColourlovers.com
syncfusion.comThenounproject.com
![Page 74: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/74.jpg)
Summering
Plattformsoberoende namnSnygg ikonVälgenomtänkt design
![Page 75: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/75.jpg)
Målbekräftelse
Tagit er förbi första användartesten
![Page 77: Design - den första användartesten](https://reader036.fdocument.pub/reader036/viewer/2022062902/58eec9101a28abda6a8b4619/html5/thumbnails/77.jpg)
Glöm inte utvärderingen är du snäll.
Hjälper både talare och konferens☺☹