Presentation in Swedish about design - the first user test. En användare kommer bedömma kvalitén på din app baserat på hur den ser ut. Genom att ha en tydlig branding/varumärke kan du ge din applikation det där lilla extra, ibland kan det vara skillnaden mellan att de laddar ner appen eller väljer en annan. Under sessionen kommer vi titta på hur man tar fram sitt egna varumärke och vad man ska tänka på om man implementerar ett befintligt. Design behöver inte vara skrämmande eller svårt, men hur funkar det i praktiken? Ni kommer få praktiska tips o tricks och resurser för att ta er app till nästa nivå. De flesta exempel kommer att visas ur perspektivet "app" men kan självklart appliceras öven på en webbsida.

1. Design – Den första
användartesten
Jessica Engström – Antropoid
SWETUGG 10:50 – 11:30

2. Användare bedömmer kvalité
baserat på design

3. Mål
Ta er förbi första användartesten

4. Om mig

5. Om mig

6. Coding After Work

9. Branding

12. Färg

13. Färg

14. #0044CC
Färg

15. Färg

16. Färg
Billigt

17. Färg
Favoritfärg tjejer

18. Färg
Favoritfärg killar

19. Färg

20. Färg

21. Färg
Ljusarefärg
Mörkarefärg
Basfärg
Kontrastfärg

27. Färg
Färgpalett
Delad resurs
Tänk igenom färgval

28. Typsnitt
Typsnitt
Typsnitt
Typsnitt
Typsnitt
Typsnitt

29. Typsnitt
The New York Times

30. Typsnitt

31. Typsnitt

32. Typsnitt

33. Typsnitt
Times New Roman
Rockwell
Georgia
Baskerville

34. Typsnitt

35. Typsnitt
Arial
Verdana
Comic Sans
Segoe UI

36. Typsnitt

37. Typsnitt
Upprätta och följ god
typografisk hierarki

38. Typsnitt
Var försiktig med liten stil

39. Typsnitt
Undvik marginaljustering

40. Typsnitt
Var sparsam med
specialeffekter

41. Typsnitt
Myter
Hierarki
Avskalat

42. Logotyp
9%
Inget företagsnamn

43. Logotyp
41%
Enbart text

44. Logotyp

45. Logotyp
i*
metro*
*droid

46. Logotyp
Metrostudio 3
The nounproject

47. Logotyp
95%
en eller två färger

48. Logotyp
93%
Igenkänningsbara vid liten
storlek

49. Logotyp

50. Logotyp

54. Logotyp
Namn
Simplicitet
Storlek

55. Foto & Bild
Foton eller inte?

56. Foto & Bild

57. Foto & Bild

58. Foto & Bild

59. Den här bilden är tagen
på Rismyrliden i
Skellefteå

60. Den här bilden är tagen
på Rismyrliden i
Skellefteå

61. Den här bilden är tagen
på Rismyrliden i
Skellefteå

63. Foto & Bild

64. Foto & Bild

65. Foto & Bild

66. Foto & Bild
Stockfoto

68. Foto & Bild

69. Foto & Bild
Kontrast
Skalbarhet
Kvalité

72. Tänk på detaljerna
Modern Design
Human Interface guidelines
Material Design

73. Resurser
brandcolors.net
logos.wikia.com/wiki/Logopedia
Color.adobe.com
Colourlovers.com
syncfusion.com
Thenounproject.com

74. Summering
Plattformsoberoende namn
Snygg ikon
Välgenomtänkt design

75. Målbekräftelse
Tagit er förbi första användartesten

76. jessica@catoholic.se
@grytlappen
catoholic.se
CodingAfterWork.se

77. Glöm inte utvärderingen är du snäll.
Hjälper både talare och konferens
☺☹