Introduction into UX-design & recruitment

1. UX-Design & Recruitment
Knowledge Session

2. UX-Design & Recruitment
Wat is UX?
2
The content UI UX

3. UX-Design & Recruitment
Wat is UX?
3

4. UX-Design & Recruitment 4
Wat is UX?

5. UX-Design & Recruitment 5
Wat is UX?
Versie A 368% beter

6. UX-Design & Recruitment
Wat is UX?
6

7. UX-Design & Recruitment
Wat is UX?
7
Versie A 110% beter

8. UX-Design & Recruitment
Agenda
● Algemene trends
● Vertaling naar recruitment
○ Bekende valkuilen
○ Inspiratie
■ Home page
■ Vacature-overzicht
■ Vacature-detailpagina
■ Sollicitatieformulieren
○ Mobiel
8

9. UX-Design & Recruitment
Trends
9

10. UX-Design & Recruitment
1. Van slider naar hero area
10

11. UX-Design & Recruitment
1. Van slider naar hero area
11

12. UX-Design & Recruitment
1. Van slider naar hero area
12

13. UX-Design & Recruitment
2. Video zegt meer dan foto’s of tekst
13

14. UX-Design & Recruitment
2. Video zegt meer dan foto of tekst
14

15. UX-Design & Recruitment
3. Meer ruimte
15

16. UX-Design & Recruitment
4. Weg met de sidebar
16

17. UX-Design & Recruitment
5. Een blok content tegelijk
17

18. UX-Design & Recruitment
5. Een blok content tegelijk
18

19. UX-Design & Recruitment
6. Animatie wordt beter gebruikt
19

20. UX-Design & Recruitment
7. Flat design/kiss
20

21. UX-Design & Recruitment
8. Storytelling wordt prominenter
21

22. UX-Design & Recruitment
9. Cards, tiles & blocks
22

23. UX-Design & Recruitment
Card, tiles & blocks
23

24. UX-Design & Recruitment
10. Alles wordt mobile ready
24

25. UX-Design & Recruitment
UX-Design & Recruitment
25
Bekende valkuilen
&
onze oplossingen

26. UX-Design & Recruitment
Home page
geen keuzes durven maken
26

27. UX-Design & Recruitment
Home page
geen keuzes durven maken
27

28. UX-Design & Recruitment
Vacature overzicht
28

29. UX-Design & Recruitment
Vacature overzicht
Zoekresultaten
29

30. UX-Design & Recruitment
Vacature overzicht
Zoekresultaten
30

31. UX-Design & Recruitment
Vacature-overzicht
Van binnen naar buiten denken
31

32. UX-Design & Recruitment
Vacature-overzicht
Elastic search
32

33. UX-Design & Recruitment
Vacature-overzicht
Zelfhulp
33

34. UX-Design & Recruitment
Vacature-detailpagina
34

35. UX-Design & Recruitment
Vacature-detailpagina
Alles in tekst
35

36. UX-Design & Recruitment
Vacature-detailpagina
Visueel
36

37. UX-Design & Recruitment
Vacature-detailpagina
Video
37

38. UX-Design & Recruitment
Vacature-detailpagina
Context
38

39. UX-Design & Recruitment
Vacature-overzicht
Location-based
39

40. UX-Design & Recruitment
Sollicitatieproces
40

41. UX-Design & Recruitment
Sollicitatieproces
41

42. UX-Design & Recruitment
Sollicitatieproces
42

43. UX-Design & Recruitment
Sollicitatieproces
43

44. UX-Design & Recruitment
Sollicitatieproces
44

45. UX-Design & Recruitment
Sollicitatieproces
Duidelijke feedback
45

46. UX-Design & Recruitment
Contact
46

47. UX-Design & Recruitment
Contact
47

48. UX-Design & Recruitment
Mobiel
48

49. UX-Design & Recruitment
Statistieken
» Responsive websites zijn nu waar het web in 1996 was
» In 1995 had 30% uit de fortune 500 een website
» In 1999 was dit 98%
» In juni 2013 heeft slechts 6% een mobiele site
» In januari 2014 is dit al 25%
49
● Bron: http://www.csulb.edu/web/journals/jecr/issues/20003/paper1.pdf
● Bron: http://designsite.com/blog/

50. UX-Design & Recruitment
Statistieken
» Het aantal “mobiele breedband aansluitingen” is >10 miljoen
» 8,9 daarvan zijn echt mobiel (maart 2013)
» Dataverbruik verdubbeld (juni 2014)
» 2015 is het mobiele web voor het erst groter dan het desktop web (Morgan
Stanely, 2010)
» In 2012 werden er meer smartphones en tablets verkocht dan pc’s
50

51. UX-Design & Recruitment
Statistieken
51

52. UX-Design & Recruitment
Statistieken
52

53. UX-Design & Recruitment
Staistieken
53

54. UX-Design & Recruitment
Statistieken
● YouTube 40% mobiel
Bron: https://www.youtube.com/yt/press/en-GB/statistics.html
54

55. UX-Design & Recruitment
Statistieken
55
Facebook mobile ads 53% van alle ads is mobile

56. UX-Design & Recruitment
Mobiel & Recruitment
56

57. UX-Design & Recruitment
Mobiel & Recruitment
57

58. UX-Design & Recruitment
Google analytics - Mobiel
58

59. UX-Design & Recruitment
Google analytics - Mobiel
» Wat is het verschil in zoekwoorden tussen mobiel en niet mobiel
» Mobiele indexatie
» Wat is het verschil in resoluties
» Landscape vs portrait
» In de toekomst gebruikers ipv apparaten
59

60. UX-Design & Recruitment
Apparaten
60

61. UX-Design & Recruitment
Apparaten
61
Ultra HD: 7680 x 4320

62. UX-Design & Recruitment
Apparaten
62

63. UX-Design & Recruitment
Oplossing? Responsive!
63

64. UX-Design & Recruitment
Oplossing? Responsive!
64

65. UX-Design & Recruitment
Voordelen van responsive
» Flexibel - one size fits most
» Goed voor SEO
» 1CMS
» Biedt veel mogelijkheden tot specifieke optimalisatie
65

66. UX-Design & Recruitment
Responsive vs Mobile
66

67. UX-Design & Recruitment
Case mobiel: ASR
67

68. UX-Design & Recruitment
Case mobiel: ASR
68

69. UX-Design & Recruitment
Case mobiel: ASR
69

70. UX-Design & Recruitment
Case mobiel: ASR
70

71. UX-Design & Recruitment
Werf & Responsive
71

72. UX-Design & Recruitment
Ervaringen
» ‘Volledige’ tekst/content wordt gewaardeerd
» Er is absoluut geen intentie om te solliciteren
» Herinner mij wordt ook gebruikt
» Ook op mobiel keert men terug (43 vs 57) zelfs meer dan desktop
» Thuisverkeer o ptablet en mobile is hoger
» Organic verkeer bij responsive sites is een stuk hoger op mobile
72

73. UX-Design & Recruitment
Tot slot
73

74. UX-Design & Recruitment
Assumpties testen
74
“Is anyone else struggling with these new Dyson urinals?”