ux design & recruitment

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

Upload: han-rusman

Post on 29-Jun-2015

345 views

Category:

Recruiting & HR


1 download

DESCRIPTION

Dit is een Nederlandse presentatie over webdesign / ux-design en recruitment.

TRANSCRIPT

Page 1: UX Design & Recruitment

UX-DESIGN & RECRUITMENT

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

Page 2: UX Design & Recruitment

WAT IS UX?

Page 3: UX Design & Recruitment

WAT IS UX?

Page 4: UX Design & Recruitment

WAT IS UX?

Page 5: UX Design & Recruitment

WAT IS UX?

Versie A 368,5% beter

Page 6: UX Design & Recruitment

WAT IS UX?

Page 7: UX Design & Recruitment

WAT IS UX?

Versie A 110% beter

Page 8: UX Design & Recruitment

WAT IS UX?

Page 9: UX Design & Recruitment

WAT IS UX?

Versie B 12,6% beter

Page 10: UX Design & Recruitment

AGENDA

1.Algemene trends2.Vertaling naar recruitment

1.Bekende valkuilen2.Inspiratie:

1.Elastic Search2.Vacature-detailpagina3.Homepage4.Over ons pagina’s5.Sollicitatieformulieren

3.Mobiel

Page 11: UX Design & Recruitment

TRENDS

Page 12: UX Design & Recruitment

1. VAN SLIDER NAAR HERO AREA

Page 13: UX Design & Recruitment

1. VAN SLIDER NAAR HERO AREA

Page 14: UX Design & Recruitment

1. VAN SLIDER NAAR HERO AREA

Page 15: UX Design & Recruitment

2. VIDEO ZEGT MEER DAN FOTO’S OF TEKST

Page 16: UX Design & Recruitment

2. VIDEO ZEGT MEER DAN FOTO’S OF TEKST

Page 17: UX Design & Recruitment

3. MEER RUIMTE

Page 19: UX Design & Recruitment

4. WEG MET DE SIDEBAR

Page 20: UX Design & Recruitment

5. EEN BLOK CONTENT TE GELIJK

Page 21: UX Design & Recruitment

5. EEN BLOK CONTENT TE GELIJK

Page 22: UX Design & Recruitment

5. EEN BLOK CONTENT TE GELIJK

Page 23: UX Design & Recruitment

6. ANIMATIE WORDT BETER GEBRUIKT

Page 24: UX Design & Recruitment

6. ANIMATIE WORDT BETER GEBRUIKT

Page 25: UX Design & Recruitment

7. FLAT DESIGN / KISS

Page 26: UX Design & Recruitment

8. STORYTELLING WORDT PROMINENTER

Page 28: UX Design & Recruitment

9. CARDS, TILES & BLOCKS

Page 29: UX Design & Recruitment

9. CARDS, TILES & BLOCKS

Page 30: UX Design & Recruitment

9. CARDS, TILES & BLOCKS

Page 32: UX Design & Recruitment

UX-DESIGN & RECRUITMENT

Page 33: UX Design & Recruitment

BEKENDE VALKUILEN&

ONZE OPLOSSINGEN

Page 34: UX Design & Recruitment

HOMEPAGEGEEN KEUZES DURVEN MAKEN

Page 35: UX Design & Recruitment

HOMEPAGEGEEN KEUZES DURVEN MAKEN

Page 36: UX Design & Recruitment

HOMEPAGEGEEN KEUZES DURVEN MAKEN

Page 37: UX Design & Recruitment

HOMEPAGEGEEN KEUZES DURVEN MAKEN

Page 38: UX Design & Recruitment

HOMEPAGEGEEN KEUZES DURVEN MAKEN

Page 39: UX Design & Recruitment

VACATURE-OVERZICHT

Page 40: UX Design & Recruitment

VACATURE-OVERZICHTZOEKRESULTATEN

Page 41: UX Design & Recruitment

VACATURE-OVERZICHTZOEKRESULTATEN

Page 42: UX Design & Recruitment

VACATURE-OVERZICHTZOEKRESULTATEN

Page 43: UX Design & Recruitment

VACATURE-OVERZICHTZOEKRESULTATEN

Page 44: UX Design & Recruitment

VACATURE-OVERZICHTVAN BINNEN NAAR BUITEN DENKEN

Page 45: UX Design & Recruitment

VACATURE-OVERZICHTELASTIC SEARCH

Page 47: UX Design & Recruitment

VACATURE-DETAILPAGINA

Page 48: UX Design & Recruitment

VACATURE-DETAILPAGINAALLES IN TEKST

Page 49: UX Design & Recruitment

VACATURE-DETAILPAGINAALLES IN TEKST

Page 50: UX Design & Recruitment

VACATURE-DETAILPAGINAALLES IN TEKST

Page 51: UX Design & Recruitment

VACATURE-DETAILPAGINAVISUEEL

Page 52: UX Design & Recruitment

VACATURE-DETAILPAGINAVISUEEL

Page 53: UX Design & Recruitment

VACATURE-DETAILPAGINAVISUEEL

Page 54: UX Design & Recruitment

VACATURE-DETAILPAGINAVIDEO

Page 55: UX Design & Recruitment

VACATURE-DETAILPAGINAVIDEO

Page 56: UX Design & Recruitment

VACATURE-DETAILPAGINACONTEXT

Page 57: UX Design & Recruitment

VACATURE-OVERZICHTLOCATION-BASED

Page 58: UX Design & Recruitment

SOLLICITATIEPROCES

Page 59: UX Design & Recruitment

SOLLICITATIEPROCES

Page 60: UX Design & Recruitment

SOLLICITATIEPROCES

Page 61: UX Design & Recruitment

SOLLICITATIEPROCES

Page 62: UX Design & Recruitment

SOLLICITATIEPROCES

Page 63: UX Design & Recruitment

SOLLICITATIEPROCES

Page 64: UX Design & Recruitment

SOLLICITATIEPROCES

Page 65: UX Design & Recruitment

SOLLICITATIEPROCES

Page 66: UX Design & Recruitment

SOLLICITATIEPROCES

Page 67: UX Design & Recruitment

SOLLICITATIEPROCESDUIDELIJKE FEEDBACK

Page 68: UX Design & Recruitment

CONTACT

Page 69: UX Design & Recruitment

CONTACT

Page 70: UX Design & Recruitment

CONTACT

Page 71: UX Design & Recruitment

CONTACT

Page 72: UX Design & Recruitment

CONTACT

Page 73: UX Design & Recruitment

MOBIEL

Page 74: UX Design & Recruitment

Responsive websites zijn nu waar het web in 1996 was.

STATISTIEKEN

Page 75: UX Design & Recruitment

• 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 Design & Recruitment

• 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 Design & Recruitment

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

STATISTIEKEN

Page 78: UX Design & Recruitment

STATISTIEKEN

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

Page 79: UX Design & Recruitment

STATISTIEKEN

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

Page 80: UX Design & Recruitment

STATISTIEKEN

Page 81: UX Design & Recruitment

STATISTIEKEN

Page 82: UX Design & Recruitment

STATISTIEKEN

Page 83: UX Design & Recruitment

STATISTIEKEN

Page 84: UX Design & Recruitment

STATISTIEKEN

Page 85: UX Design & Recruitment

STATISTIEKEN

Page 86: UX Design & Recruitment

STATISTIEKEN

• YouTube 40% mobiel

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

Page 87: UX Design & Recruitment

STATISTIEKEN

• Facebook mobile ads 53% van alle ads is mobile

Page 88: UX Design & Recruitment

STATISTIEKEN

Page 89: UX Design & Recruitment

MOBIEL & RECRUITMENT

Page 90: UX Design & Recruitment

MOBIEL & RECRUITMENT

Page 91: UX Design & Recruitment

MOBIEL & RECRUITMENT

Page 92: UX Design & Recruitment

GOOGLE ANALYTICS - MOBIEL

Page 93: 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

Page 94: UX Design & Recruitment

APPARATEN

Page 95: UX Design & Recruitment

APPARATEN

Page 96: UX Design & Recruitment

APPARATEN

Page 97: UX Design & Recruitment

APPARATEN

Ultra HD: 7680 x 4320

Page 98: UX Design & Recruitment

APPARATEN

Ultra HD: 7680 x 4320

Page 99: UX Design & Recruitment

APPARATEN

Ultra HD: 7680 x 4320

Page 100: UX Design & Recruitment

APPARATEN

Ultra HD: 7680 x 4320

Page 101: UX Design & Recruitment

APPARATEN

Page 102: UX Design & Recruitment

OPLOSSING? RESPONSIVE!

Page 103: UX Design & Recruitment

OPLOSSING? RESPONSIVE!

Page 104: UX Design & Recruitment

RESPONSIVE

Page 105: UX Design & Recruitment

VOORDELEN VAN RESPONSIVE

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

specifieke optimalisatie

Page 106: UX Design & Recruitment

RESPONSIVE VS MOBILE

Mobiel vs. Responsive

Page 107: UX Design & Recruitment

CASE MOBIEL: ASR

Page 108: UX Design & Recruitment

CASE MOBIEL: ASR

Page 109: UX Design & Recruitment

CASE MOBIEL: ASR

Page 110: UX Design & Recruitment

CASE MOBIEL: ASR

Page 111: UX Design & Recruitment

WPRF & RESPONSIVE

Talent

Page 112: UX Design & Recruitment

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 Design & Recruitment

TOT SLOT

Page 114: UX Design & Recruitment

ASSUMPTIES TESTEN

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

Page 115: UX Design & Recruitment

VRAGEN?

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