Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Marc Smeehuijzen Maasstraat 190-‐3 1079 BL Amsterdam
Mobiel: 06 – 24 525 136
[email protected] www.easytech.nl
Een selectie van mijn werk:
Interactie ontwerp
User research
Voor meer uitgebreide werkvoorbeelden, neem contact met mij op.
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
ING
SEPA en andere vernieuwingen
www.ing.nl
Project ING is de grootste bank van Nederland en de meeste van hun services lopen inmiddels via hun website en mobiele app. In 2013 moesten delen van de site klaar worden gemaakt voor SEPA (Single European Payments Area) en moesten de Mijn ING homepage en andere pagina's geupdated worden wat betreft stijl en usability. Hiernaast werden veel, tot voorheen papieren, processen gedigitaliseerd in zogenaamde 'wasstraten' en werden er nieuwe mobiele concepten uitgedacht. Tot slot moesten usability tests begeleid worden.
Timeline Okt. 2012 -‐ Jun. 2014 (1 jaar en 9 maanden)
Activiteiten Ik heb interactie ontwerpen gemaakt van o.a. de volgende schermen/processen: Mijn ING Homepage, overschrijven, verzendlijst, overzichten van ingeplande en geweigerde opdrachten, batch-‐betalingen, batch-‐incasso's, af-‐ en bijschrijvingen, opzeggen spaarrekeningen, aanvragen zakelijk krediet, en aanvragen iDEAL. Daarnaast heb ik conceptuele ontwerpen gemaakt voor een nieuwe service in de mobiele app en usability testen begeleid van de Mijn ING homepage en beleggen.
Deliverables Wireframes, visual designs, schetsen, en usability test draaiboek.
Technologie Website in HTML, CSS en Javascript (Angular), wireframing in Illustrator en Indesign (website) en Fireworks (mobiel), visual designs in Photoshop, usability test met TechSmith Morae.
Samenwerking Informaat
2
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Wireframe voor de Mijn ING Homepage (met fictieve gegevens en zonder grafische vormgeving)
3
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Schetsen van een nieuw concept in de mobiele app
4
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Wireframe voor SEPA overschrijvingen
5
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Marc bij een interne promotie van het SEPA overschrijfscherm bij de livegang
6
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Marc en participant bij paper prototyping demo
7
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Knab
Nieuwe online bank
www.knab.nl
Project Knab is een online bank, gesteund door Aegon, die van de grond af aan moest worden opgebouwd (werknaam was 'Bank van Morgen'). Zij levert vanaf september 2012 online diensten zoals betalen, sparen, beleggen, vermogensbeheer en financiële planning met een focus op klantvriendelijkheid.
Timeline Nov. 2010 -‐ Jun. 2011 (8 maanden)
Activiteiten Mijn activiteiten bestonden uit het maken van een interactie ontwerp voor het betaal-‐ en spaargedeelte van de website (bijv. geld overmaken, periodieke overboekingen, transactieoverzicht, openen van spaarrekeningen en deposito's). Daarnaast heb ik een website-‐breed ontwerp gemaakt van alle controls (bijv. tabs, tekstvelden, drop downs, radio buttons en tooltips) en patterns (bijv. helpteksten, foutmeldingen, validaties, formulieren, tabellen en lightboxen). Tot slot heb ik een usability test uitgevoerd met een klikbaar prototype van het betaalgedeelte van de site.
Deliverables Wireframes, algemeen interactie ontwerp, klikbaar prototype, usability rapportage en video.
Technologie Webapplicatie voor PC en iPad op basis van Microsoft .NET. Wireframing en prototyping in Axure. Usability test met TechSmith Morae.
Samenwerking Virtual Affairs
8
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Wireframe voor geld overmaken (met fictieve gegevens en zonder grafische vormgeving)
9
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Wireframe voor af-‐ en bijschrijvingen overzicht
10
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Wireframe voor de spaarrekening details
11
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Wireframe voor doelsparen 1
12
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Wireframe voor doelsparen 2
13
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Dienst Justitiële Inrichtingen
Inrichtingen registratie
www.dji.nl
Project Dienst Justitiële Inrichtingen (DJI) is onderdeel van het Ministerie van Veiligheid en Justitie. Zij sluit mensen in na uitspraak van een rechter. Jaarlijks herbergt DJI, voor korte of langere tijd, zo'n 70.000 'justitiabelen' in o.a. gevangenissen, penitentiaire inrichtingen en justitiële jeugdinrichtingen. Voor de registratie van deze insluitingen werd een aantal oude informatiesystemen gebruikt die vervangen moesten worden door één overkoepelende webapplicatie: CA-‐JIS (Capaciteit en Justiabelen InformatieSysteem).
Timeline Feb. 2006 -‐ Feb. 2008 (2 jaar)
Activiteiten Mijn activiteiten bestonden uit het maken van interactie ontwerpen voor de webapplicatie, o.a. voor het justitiabele-‐zoeksysteem, het jusitiabele dossier en de registratie van zaken, strafbare feiten en vonnissen. Verder heb ik een usability test, een expert review en meerdere paper prototyping sessies uitgevoerd van een aantal ontwerpen. Ook heb ik een field study uitgevoerd door enkele dagen mee te lopen met het administratiepersoneel van een aantal inrichtingen. Tot slot heb ik algemene interactie guidelines opgesteld voor de CA-‐JIS ontwikkelaars.
Deliverables Wireframes, flowdiagrammen, gebruikersprofielen, expert review rapport, usability test rapport, field study rapport, interactie guidelines document.
Technologie Webapplicatie in o.a. Java, wireframing in Axure, documentatie in MS Word, usability testing met TechSmith Morae.
Samenwerking Logica
14
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Wireframe justitiabelen zoekresultaten (met fictieve data en zonder grafische vormgeving)
15
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Wireframe justitiabele dossier -‐ tab: samenvatting
16
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Wireframe justitiabele dossier -‐ tab: zaken
17
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Wireframe voor het registreren van een schorsing
18
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Flowdiagram van enkele belangrijke CA-‐JIS schermen
19
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Innovam
Online examenregistratie
www.innovam.nl
Project Innovam is een kennis-‐ en opleidingsinstituut voor de mobiliteitsbranche en verzorgt o.a. trainingen en examens in auto-‐ en tweewielertechniek. De registratie van de examens wordt gedaan door hun dochterorganisatie IBKI en verliep grotendeels via papieren formulieren. Besloten was om hier een webapplicatie voor te ontwikkelen. De applicatie kende interne gebruikers (ca. 50 IBKI medewerkers) die dagelijks examens moesten plannen, deelnemers uitnodigen en cijfers verwerken. Daarnaast kende de applicatie externe gebruikers (ca. 50 duizend deelnemers, werkgevers, examinatoren en opleidingsinstituten) die zich met de applicatie moesten kunnen inschrijven voor de examens en resultaten kunnen inzien.
Timeline Jan. -‐ Mei 2009 (5 maanden)
Activiteiten Mijn verantwoordelijkheid bestond uit het gebruikersvriendelijk maken van de webapplicatie. Hiervoor heb ik de gebruikersgroepen in kaart gebracht, gebruiksscenario's opgesteld en een expert review uitgevoerd op een prototype van de webapplicatie. Tenslotte heb ik een usability test uitgevoerd met zes eindgebruikers en een aantal van mijn user interface aanbevelingen uitgewerkt in wireframes.
Deliverables Gebruikersprofiel, gebruiksscenario's, expert review rapport, usability test rapport en video, wireframes.
Technologie Webapplicatie in Microsoft .NET. Alle rapportages in MS Word, usability test met TechSmith Morae en wireframes in Axure.
Samenwerking Nubiko
20
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Deel van het profiel van de externe gebruikers
21
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Stukje uit het expert review rapport
22
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
De usability testruimte met de testpersoon links en de interviewer (ik zelf) rechts
23
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
De observatieruimte tijdens de usability test (er was een audio-‐ en videoverbinding met de testruimte)
24
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Voorbeeld van één van de 28 usability test bevindingen en aanbevelingen
25
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Zylab
Juridische review documenten
www.zylab.com
Project ZyLab maakt zogenaamde eDiscovery software waaronder de webapplicatie Legal Review. Hiermee kunnen organisaties die zijn verwikkeld in een rechtzaak, in korte tijd hun complete databezit doorzoeken en archiveren (denk aan e-‐mails, documenten, foto's, video's, tweets, etc.) ZyLab had een nieuwe versie van Legal Review ontwikkeld en wilde graag weten hoe gebruikersvriendelijk het was.
Timeline Maart 2010 (1 maand)
Activiteiten Ik heb een expert review uitgevoerd van ZyLab's webapplicatie Legal Review. Hiervoor heb ik de applicatie getoetst aan een groot aantal, in de praktijk bewezen, usability guidelines.
Deliverables Expert review rapport.
Technologie Webapplicatie op basis van XML, rapportage in MS Word.
Samenwerking Okapion
26
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Bevinding 9: overbodige informatie op het Login scherm
27
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Bevinding 12: mogelijk onduidelijke navigatie iconen
28
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Bevinding 23: drop-‐down menu versus radioknoppen
29
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Bevinding 42: onvolledige foutmelding
30
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Dienst Justitiële Inrichtingen
Inrichtingen registratie
www.dji.nl
Project Dienst Justitiële Inrichtingen (DJI) is onderdeel van het Ministerie van Veiligheid en Justitie. Zij sluit mensen in na uitspraak van een rechter. Jaarlijks herbergt DJI, voor korte of langere tijd, zo'n 70.000 'justitiabelen' in o.a. gevangenissen, penitentiaire inrichtingen en justitiële jeugdinrichtingen. Voor de registratie van deze insluitingen werd een aantal oude informatiesystemen gebruikt die vervangen moesten worden door één overkoepelende webapplicatie: CA-‐JIS (Capaciteit en Justiabelen InformatieSysteem).
Timeline Feb. 2006 -‐ Feb. 2008 (2 jaar)
Activiteiten Mijn activiteiten bestonden uit het maken van interactie ontwerpen voor de webapplicatie, o.a. voor het justitiabele-‐zoeksysteem, het jusitiabele dossier en de registratie van zaken, strafbare feiten en vonnissen. Verder heb ik een usability test, een expert review en meerdere paper prototyping sessies uitgevoerd van een aantal ontwerpen. Ook heb ik een field study uitgevoerd door enkele dagen mee te lopen met het administratiepersoneel van een aantal inrichtingen. Tot slot heb ik algemene interactie guidelines opgesteld voor de CA-‐JIS ontwikkelaars.
Deliverables Wireframes, flowdiagrammen, gebruikersprofielen, expert review rapport, usability test rapport, field study rapport, interactie guidelines document.
Technologie Webapplicatie in o.a. Java, wireframing in Axure, documentatie in MS Word, usability testing met TechSmith Morae.
Samenwerking Logica
31
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Deel van het field study verslag van een bezoek aan de Penitentiaire Inrichting Scheveningen
32
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Een van de gebruikersprofielen
33
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Paper prototyping sessie
34
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Pagina uit het expert review verslag
35
© 2015 Marc Smeehuijzen
Portfolio Marc Smeehuijzen | Freelance User Experience Designer
Usability testsessie
36
© 2015 Marc Smeehuijzen