ux design

UX-Design & Recruitment Knowledge Session

UX-Design & Recruitment

Wat is UX?

2

The content UI UX


Wat is UX?

3

UX-Design & Recruitment 4

Wat is UX?

UX-Design & Recruitment 5

Wat is UX?

Versie A 368% beter


Wat is UX?

6


Wat is UX?

7

Versie A 110% beter


Agenda

● Algemene trends● Vertaling naar recruitment

○ Bekende valkuilen ○ Inspiratie

■ Home page ■ Vacature-overzicht ■ Vacature-detailpagina ■ Sollicitatieformulieren

○ Mobiel

8


Trends

9


1. Van slider naar hero area

10



11



12


2. Video zegt meer dan foto’s of tekst

13


2. Video zegt meer dan foto of tekst

14


3. Meer ruimte

15


4. Weg met de sidebar

16


5. Een blok content tegelijk

17


5. Een blok content tegelijk

18


6. Animatie wordt beter gebruikt

19


7. Flat design/kiss

20


8. Storytelling wordt prominenter

21


9. Cards, tiles & blocks

22


Card, tiles & blocks

23


10. Alles wordt mobile ready

24



25

Bekende valkuilen &

onze oplossingen


Home page geen keuzes durven maken

26


Home pagegeen keuzes durven maken

27


Vacature overzicht

28


Vacature overzicht Zoekresultaten

29


Vacature overzicht Zoekresultaten

30


Vacature-overzicht Van binnen naar buiten denken

31


Vacature-overzicht Elastic search

32


Vacature-overzichtZelfhulp

33


Vacature-detailpagina

34


Vacature-detailpagina Alles in tekst

35


Vacature-detailpagina Visueel

36


Vacature-detailpagina Video

37


Vacature-detailpagina Context

38


Vacature-overzicht Location-based

39


Sollicitatieproces

40


Sollicitatieproces

41


Sollicitatieproces

42


Sollicitatieproces

43


Sollicitatieproces

44


SollicitatieprocesDuidelijke feedback

45


Contact

46


Contact

47


Mobiel

48


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/

http://www.csulb.edu/web/journals/jecr/issues/20003/paper1.pdf

http://designsite.com/blog/


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


Statistieken

51


Statistieken

52


Staistieken

53


Statistieken

● YouTube 40% mobiel

Bron: https://www.youtube.com/yt/press/en-GB/statistics.html

54


Statistieken

55

Facebook mobile ads 53% van alle ads is mobile


Mobiel & Recruitment

56


Mobiel & Recruitment

57


Google analytics - Mobiel

58


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


Apparaten

60


Apparaten

61

Ultra HD: 7680 x 4320


Apparaten

62


Oplossing? Responsive!

63


Oplossing? Responsive!

64


Voordelen van responsive

» Flexibel - one size fits most » Goed voor SEO » 1CMS » Biedt veel mogelijkheden tot specifieke optimalisatie

65


Responsive vs Mobile

66


Case mobiel: ASR

67


Case mobiel: ASR

68


Case mobiel: ASR

69


Case mobiel: ASR

70


Werf & Responsive

71


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


Tot slot

73


Assumpties testen

74

“Is anyone else struggling with these new Dyson urinals?”