ux en mobile design voor recruitmentsites. online recruitment bootcamp presentatie van han rusman

115
UX-DESIGN & RECRUITMENT E-mail: [email protected] Twitter: @hanrusman Google Plus: +HanRusman LinkedIn: nl.linkedin.com/in/hanrusman/

Upload: netwerven

Post on 15-Jun-2015

60 views

Category:

Recruiting & HR


0 download

DESCRIPTION

Tijdens deze sessie geven we een uitgebreide introductie tot de mogelijkheden en ervaringen met gebruikerservaring, design en mobiel design. Vragen die we onderzoeken tijdens deze sessie zijn bijvoorbeeld: - Moet je kiezen voor een lijst of tegeloverzicht in je vacature-overzicht? Werkt een slider, en wat zijn de alternatieven? Hoe moet een vacature-detailpagina eruit zien? En wat werkt wel en wat niet met betrekking tot mobiel (solliciteren)?

TRANSCRIPT

Page 1: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

UX-DESIGN & RECRUITMENT

E-mail: [email protected]: @hanrusmanGoogle Plus: +HanRusmanLinkedIn: nl.linkedin.com/in/hanrusman/

Page 2: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

WAT IS UX?

Page 3: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

WAT IS UX?

Page 4: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

WAT IS UX?

Page 5: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

WAT IS UX?

Versie A 368,5% beter

Page 6: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

WAT IS UX?

Page 7: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

WAT IS UX?

Versie A 110% beter

Page 8: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

WAT IS UX?

Page 9: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

WAT IS UX?

Versie B 12,6% beter

Page 10: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

AGENDA

1.Algemene trends2.Vertaling naar recruitment

1.Bekende valkuilen2.Inspiratie:

1.Homepage2.Vacature-overzicht3.Vacature-detailpagina4.Sollicitatieformulieren

3.Mobiel

Page 11: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

TRENDS

Page 12: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

1. VAN SLIDER NAAR HERO AREA

Page 13: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

1. VAN SLIDER NAAR HERO AREA

Page 14: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

1. VAN SLIDER NAAR HERO AREA

Page 15: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

2. VIDEO ZEGT MEER DAN FOTO’S OF TEKST

Page 16: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

2. VIDEO ZEGT MEER DAN FOTO’S OF TEKST

Page 17: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

3. MEER RUIMTE

Page 19: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

4. WEG MET DE SIDEBAR

Page 20: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

5. EEN BLOK CONTENT TEGELIJK

Page 21: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

5. EEN BLOK CONTENT TEGELIJK

Page 22: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

5. EEN BLOK CONTENT TEGELIJK

Page 23: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

6. ANIMATIE WORDT BETER GEBRUIKT

Page 24: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

6. ANIMATIE WORDT BETER GEBRUIKT

Page 25: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

7. FLAT DESIGN / KISS

Page 26: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

8. STORYTELLING WORDT PROMINENTER

Page 28: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

9. CARDS, TILES & BLOCKS

Page 29: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

9. CARDS, TILES & BLOCKS

Page 30: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

9. CARDS, TILES & BLOCKS

Page 32: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

UX-DESIGN & RECRUITMENT

Page 33: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

BEKENDE VALKUILEN&

ONZE OPLOSSINGEN

Page 34: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

HOMEPAGEGEEN KEUZES DURVEN MAKEN

Page 35: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

HOMEPAGEGEEN KEUZES DURVEN MAKEN

Page 36: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

HOMEPAGEGEEN KEUZES DURVEN MAKEN

Page 37: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

HOMEPAGEGEEN KEUZES DURVEN MAKEN

Page 38: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

HOMEPAGEGEEN KEUZES DURVEN MAKEN

Page 39: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-OVERZICHT

Page 40: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-OVERZICHTZOEKRESULTATEN

Page 41: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-OVERZICHTZOEKRESULTATEN

Page 42: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-OVERZICHTZOEKRESULTATEN

Page 43: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-OVERZICHTZOEKRESULTATEN

Page 44: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-OVERZICHTVAN BINNEN NAAR BUITEN DENKEN

Page 45: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-OVERZICHTELASTIC SEARCH

Page 47: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-DETAILPAGINA

Page 48: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-DETAILPAGINAALLES IN TEKST

Page 49: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-DETAILPAGINAALLES IN TEKST

Page 50: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-DETAILPAGINAALLES IN TEKST

Page 51: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-DETAILPAGINAVISUEEL

Page 52: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-DETAILPAGINAVISUEEL

Page 53: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-DETAILPAGINAVISUEEL

Page 54: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-DETAILPAGINAVIDEO

Page 55: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-DETAILPAGINAVIDEO

Page 56: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-DETAILPAGINACONTEXT

Page 57: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VACATURE-OVERZICHTLOCATION-BASED

Page 58: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

SOLLICITATIEPROCES

Page 59: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

SOLLICITATIEPROCES

Page 60: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

SOLLICITATIEPROCES

Page 61: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

SOLLICITATIEPROCES

Page 62: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

SOLLICITATIEPROCES

Page 63: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

SOLLICITATIEPROCES

Page 64: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

SOLLICITATIEPROCES

Page 65: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

SOLLICITATIEPROCES

Page 66: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

SOLLICITATIEPROCES

Page 67: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

SOLLICITATIEPROCESDUIDELIJKE FEEDBACK

Page 68: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

CONTACT

Page 69: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

CONTACT

Page 70: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

CONTACT

Page 71: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

CONTACT

Page 72: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

CONTACT

Page 73: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

MOBIEL

Page 74: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

Responsive websites zijn nu waar het web in

1996 was.

STATISTIEKEN

Page 75: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

• In 1995 had 30% uit de fortune 500 een website.• In 1999 was dit 98%

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

STATISTIEKEN

Page 76: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

• In juni 2013 heeft slechts 6% daarvan een mobiele site

• In januari 2014 is dit al 25%

Bron: http://designsite.com/blog/

STATISTIEKEN

Page 77: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

• Het aantal ‘mobiele breedband aansluitingen’ is > 10 miljoen–8,9 daarvan zijn echt mobiel–(maart 2013)–Dataverbruik verdubbeld–(juni 2014)

STATISTIEKEN

Page 78: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

STATISTIEKEN

• 2015 is het mobiele web voor het eerst groter dan het desktop web– Morgan Stanley (2010)

Page 79: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

STATISTIEKEN

• In 2012 werden er meer smartphones en tablets verkocht dan pc’s.

Page 80: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

STATISTIEKEN

Page 81: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

STATISTIEKEN

Page 82: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

STATISTIEKEN

Page 83: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

STATISTIEKEN

Page 84: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

STATISTIEKEN

Page 85: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

STATISTIEKEN

Page 86: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

STATISTIEKEN

• YouTube 40% mobiel

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

Page 87: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

STATISTIEKEN

• Facebook mobile ads 53% van alle ads is mobile

Page 88: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

STATISTIEKEN

Page 89: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

MOBIEL & RECRUITMENT

Page 90: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

MOBIEL & RECRUITMENT

Page 91: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

MOBIEL & RECRUITMENT

Page 92: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

GOOGLE ANALYTICS - MOBIEL

Page 93: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

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

Page 94: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

APPARATEN

Page 95: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

APPARATEN

Page 96: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

APPARATEN

Page 97: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

APPARATEN

Ultra HD: 7680 x 4320

Page 98: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

APPARATEN

Ultra HD: 7680 x 4320

Page 99: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

APPARATEN

Ultra HD: 7680 x 4320

Page 100: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

APPARATEN

Ultra HD: 7680 x 4320

Page 101: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

APPARATEN

Page 102: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

OPLOSSING? RESPONSIVE!

Page 103: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

OPLOSSING? RESPONSIVE!

Page 104: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

RESPONSIVE

Page 105: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VOORDELEN VAN RESPONSIVE

• Flexibel - One size fits most• Goed voor SEO• 1 CMS• Biedt veel mogelijkheden tot

specifieke optimalisatie

Page 106: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

RESPONSIVE VS MOBILE

Mobiel vs. Responsive

Page 107: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

CASE MOBIEL: ASR

Page 108: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

CASE MOBIEL: ASR

Page 109: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

CASE MOBIEL: ASR

Page 110: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

CASE MOBIEL: ASR

Page 111: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

WPRF & RESPONSIVE

Talent

Page 112: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

ERVARINGEN

• ‘Volledige’ tekst/content wordt gewaardeerd • Er is absoluut een intentie om te

solliciteren• Herinner mij wordt ook gebruikt• Ook op mobiel keert men terug

(43 vs 57 zelfs nog meer dan op desktop)• Thuisverkeer op tablet en mobile

is hoger• Organic verkeer bij responsive

sites is een stuk hoger op mobile.

Page 113: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

TOT SLOT

Page 114: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

ASSUMPTIES TESTEN

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

Page 115: UX en mobile design voor recruitmentsites. Online Recruitment Bootcamp presentatie van Han Rusman

VRAGEN?

E-mail: [email protected]: @hanrusmanGoogle Plus: +HanRusmanLinkedIn: nl.linkedin.com/in/hanrusman/