Portfolio Marc Smeehuijzen Freelance User Experience Designer. Interactie ontwerp. User research. Een selectie van mijn werk:

Transcriptie

1 Marc Smeehuijzen Maasstraat BL Amsterdam Mobiel: Een selectie van mijn werk: Interactie ontwerp User research Voor meer uitgebreide werkvoorbeelden, neem contact met mij op.

2 ING SEPA en andere vernieuwingen 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 Jun (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 2015 Marc Smeehuijzen 2

3 Wireframe voor de Mijn ING Homepage (met fictieve gegevens en zonder grafische vormgeving) 2015 Marc Smeehuijzen 3

4 Schetsen van een nieuw concept in de mobiele app 2015 Marc Smeehuijzen 4

5 Wireframe voor SEPA overschrijvingen 2015 Marc Smeehuijzen 5

6 Marc bij een interne promotie van het SEPA overschrijfscherm bij de livegang 2015 Marc Smeehuijzen 6

7 Marc en participant bij paper prototyping demo 2015 Marc Smeehuijzen 7

8 Knab Nieuwe online bank 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 Jun (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 2015 Marc Smeehuijzen 8

9 Wireframe voor geld overmaken (met fictieve gegevens en zonder grafische vormgeving) 2015 Marc Smeehuijzen 9

10 Wireframe voor af- en bijschrijvingen overzicht 2015 Marc Smeehuijzen 10

11 Wireframe voor de spaarrekening details 2015 Marc Smeehuijzen 11

12 Wireframe voor doelsparen Marc Smeehuijzen 12

13 Wireframe voor doelsparen Marc Smeehuijzen 13

14 Dienst Justitiële Inrichtingen Inrichtingen registratie 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 '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 Feb (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 2015 Marc Smeehuijzen 14

15 Wireframe justitiabelen zoekresultaten (met fictieve data en zonder grafische vormgeving) 2015 Marc Smeehuijzen 15

16 Wireframe justitiabele dossier - tab: samenvatting 2015 Marc Smeehuijzen 16

17 Wireframe justitiabele dossier - tab: zaken 2015 Marc Smeehuijzen 17

18 Wireframe voor het registreren van een schorsing 2015 Marc Smeehuijzen 18

19 Flowdiagram van enkele belangrijke CA- JIS schermen 2015 Marc Smeehuijzen 19

20 Innovam Online examenregistratie 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 2015 Marc Smeehuijzen 20

21 Deel van het profiel van de externe gebruikers 2015 Marc Smeehuijzen 21

22 Stukje uit het expert review rapport 2015 Marc Smeehuijzen 22

23 De usability testruimte met de testpersoon links en de interviewer (ik zelf) rechts 2015 Marc Smeehuijzen 23

24 De observatieruimte tijdens de usability test (er was een audio- en videoverbinding met de testruimte) 2015 Marc Smeehuijzen 24

25 Voorbeeld van één van de 28 usability test bevindingen en aanbevelingen 2015 Marc Smeehuijzen 25

26 Zylab Juridische review documenten 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 2015 Marc Smeehuijzen 26

27 Bevinding 9: overbodige informatie op het Login scherm 2015 Marc Smeehuijzen 27

28 Bevinding 12: mogelijk onduidelijke navigatie iconen 2015 Marc Smeehuijzen 28

29 Bevinding 23: drop- down menu versus radioknoppen 2015 Marc Smeehuijzen 29

30 Bevinding 42: onvolledige foutmelding 2015 Marc Smeehuijzen 30

31 Dienst Justitiële Inrichtingen Inrichtingen registratie 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 '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 Feb (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 2015 Marc Smeehuijzen 31

32 Deel van het field study verslag van een bezoek aan de Penitentiaire Inrichting Scheveningen 2015 Marc Smeehuijzen 32

33 Een van de gebruikersprofielen 2015 Marc Smeehuijzen 33

34 Paper prototyping sessie 2015 Marc Smeehuijzen 34

35 Pagina uit het expert review verslag 2015 Marc Smeehuijzen 35

36 Usability testsessie 2015 Marc Smeehuijzen 36