Ux design
Transcript of Ux design
UX-Design & Recruitment Knowledge Session
UX-Design & Recruitment
Wat is UX?
2
The content UI UX
UX-Design & Recruitment
Wat is UX?
3
UX-Design & Recruitment 4
Wat is UX?
UX-Design & Recruitment 5
Wat is UX?
Versie A 368% beter
UX-Design & Recruitment
Wat is UX?
6
UX-Design & Recruitment
Wat is UX?
7
Versie A 110% beter
UX-Design & Recruitment
Agenda
● Algemene trends● Vertaling naar recruitment
○ Bekende valkuilen ○ Inspiratie
■ Home page ■ Vacature-overzicht ■ Vacature-detailpagina ■ Sollicitatieformulieren
○ Mobiel
8
UX-Design & Recruitment
Trends
9
UX-Design & Recruitment
1. Van slider naar hero area
10
UX-Design & Recruitment
1. Van slider naar hero area
11
UX-Design & Recruitment
1. Van slider naar hero area
12
UX-Design & Recruitment
2. Video zegt meer dan foto’s of tekst
13
UX-Design & Recruitment
2. Video zegt meer dan foto of tekst
14
UX-Design & Recruitment
3. Meer ruimte
15
UX-Design & Recruitment
4. Weg met de sidebar
16
UX-Design & Recruitment
5. Een blok content tegelijk
17
UX-Design & Recruitment
5. Een blok content tegelijk
18
UX-Design & Recruitment
6. Animatie wordt beter gebruikt
19
UX-Design & Recruitment
7. Flat design/kiss
20
UX-Design & Recruitment
8. Storytelling wordt prominenter
21
UX-Design & Recruitment
9. Cards, tiles & blocks
22
UX-Design & Recruitment
Card, tiles & blocks
23
UX-Design & Recruitment
10. Alles wordt mobile ready
24
UX-Design & Recruitment
UX-Design & Recruitment
25
Bekende valkuilen &
onze oplossingen
UX-Design & Recruitment
Home page geen keuzes durven maken
26
UX-Design & Recruitment
Home pagegeen keuzes durven maken
27
UX-Design & Recruitment
Vacature overzicht
28
UX-Design & Recruitment
Vacature overzicht Zoekresultaten
29
UX-Design & Recruitment
Vacature overzicht Zoekresultaten
30
UX-Design & Recruitment
Vacature-overzicht Van binnen naar buiten denken
31
UX-Design & Recruitment
Vacature-overzicht Elastic search
32
UX-Design & Recruitment
Vacature-overzichtZelfhulp
33
UX-Design & Recruitment
Vacature-detailpagina
34
UX-Design & Recruitment
Vacature-detailpagina Alles in tekst
35
UX-Design & Recruitment
Vacature-detailpagina Visueel
36
UX-Design & Recruitment
Vacature-detailpagina Video
37
UX-Design & Recruitment
Vacature-detailpagina Context
38
UX-Design & Recruitment
Vacature-overzicht Location-based
39
UX-Design & Recruitment
Sollicitatieproces
40
UX-Design & Recruitment
Sollicitatieproces
41
UX-Design & Recruitment
Sollicitatieproces
42
UX-Design & Recruitment
Sollicitatieproces
43
UX-Design & Recruitment
Sollicitatieproces
44
UX-Design & Recruitment
SollicitatieprocesDuidelijke feedback
45
UX-Design & Recruitment
Contact
46
UX-Design & Recruitment
Contact
47
UX-Design & Recruitment
Mobiel
48
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/
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
UX-Design & Recruitment
Statistieken
51
UX-Design & Recruitment
Statistieken
52
UX-Design & Recruitment
Staistieken
53
UX-Design & Recruitment
Statistieken
● YouTube 40% mobiel
Bron: https://www.youtube.com/yt/press/en-GB/statistics.html
54
UX-Design & Recruitment
Statistieken
55
Facebook mobile ads 53% van alle ads is mobile
UX-Design & Recruitment
Mobiel & Recruitment
56
UX-Design & Recruitment
Mobiel & Recruitment
57
UX-Design & Recruitment
Google analytics - Mobiel
58
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
UX-Design & Recruitment
Apparaten
60
UX-Design & Recruitment
Apparaten
61
Ultra HD: 7680 x 4320
UX-Design & Recruitment
Apparaten
62
UX-Design & Recruitment
Oplossing? Responsive!
63
UX-Design & Recruitment
Oplossing? Responsive!
64
UX-Design & Recruitment
Voordelen van responsive
» Flexibel - one size fits most » Goed voor SEO » 1CMS » Biedt veel mogelijkheden tot specifieke optimalisatie
65
UX-Design & Recruitment
Responsive vs Mobile
66
UX-Design & Recruitment
Case mobiel: ASR
67
UX-Design & Recruitment
Case mobiel: ASR
68
UX-Design & Recruitment
Case mobiel: ASR
69
UX-Design & Recruitment
Case mobiel: ASR
70
UX-Design & Recruitment
Werf & Responsive
71
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
UX-Design & Recruitment
Tot slot
73
UX-Design & Recruitment
Assumpties testen
74
“Is anyone else struggling with these new Dyson urinals?”