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



Vergelijkbare documenten
Grote Beer TR Rotterdam

Nico Raes User Experience Designer

Kyril Herkelman CMD deeltijd 2a Plan van aanpak

Oranje is Samen ondernemen WELKOM

WESTPOINTDIGITAL MOBILE APPS DEVELOPMENT

F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E )

Overeenkomst en voorwaarden Sparen

Curriculum Vitae PERSONALIA. Achternaam Voornamen Geslacht Geboortedatum Geboorteplaats Nationaliteit Rijbewijs CONTACTINFORMATIE

Onderzoeksdocument Rabobank

Overeenkomst en voorwaarden Zakelijk Sparen

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.

Een gebruiksvriendelijk dashboard voor leerlingen en docenten

Curriculum Vitae. Persoonlijke gegevens. Straat : Rembrandtplein 81. Geboorte datum : 01/03/1979 Geboorte plaats : Leiden Burgerlijke staat : Ongehuwd

Stedelijk Museum. Ontwerpspecificatie. VMBO leerlingen interactieve rondleiding. Meesterproef Minor UXD V Jasper Bunschoten

De strijd van de mobiele formulieren apps

Doing Things Werkgroep 3

onderzoek ontwerp realisatie implementatie

Ontwerptechnieken. MyTV

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren.

Evert Bal UX Design, Strategy & Prototyping

Het definitieve prototype van Foliostory zal op basis van een usability test getest worden.

Webuniversum.

OPEN KALENDER OPLEIDINGEN 2013 Locatie Berchem

Versie 2. Opdracht deel B Inhoud. Raoul Vos Hogeschool Leiden Studentnummer:

+ prototyping. Prototyping CMDDEV01-6. Aron Martin CMD2D

ervaring in computer training bvba open kalender opleidingen

De migratie naar SEPA

Gedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item

Hoe ga ik dit verwerken? (Begrip maken) Dit volume is goed, dit moet ik zo houden.

Trek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een globaal onderwerp en moet door jezelf nader worden bepaald)

Usability & Ontwerp processen. Les 4

Niels van den Hoek. Persoonlijke gegevens. Wie ik ben, in een notendop. Opleidingen en cursussen. Kennisniveau en vaardigheden

OPEN KALENDER OPLEIDINGEN 2015 Locatie Wilrijk. DAGOPLEIDINGEN Van en van

DFI Models & Processes Herkansingsklas 1 (V207) Nienke Griffioen [REDESIGN RTL GEMIST.NL DFI OPDRACHT]

Research for Design. Communication and Multimedia Design Amsterdam - Research for Design- B1 WC1 introductie

ONTWIKKELVOORSTEL STAPPENPLAN

Daphne Otterloo. Creative Front-end Developer. Curriculum Vitae. Daphne Otterloo Creative Front-end Developer

Betalingsverkeer over op IBAN en SEPA

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

rabb-it applicatie Ontwerpdocument avv5 Eindopdracht

Frenz Sitter concept en user interface designer

WAARDE CREËREN MET DE QUERCIS BUSINESS PORTAL RONALD VAN KESSEL

Test-plan 2 Project Portfolio

Ontwerpspecificatie. Project Second Screen. Marijke Dekker V101

Portfolio Fiona Roos. Interaction / Usability / Mindmapping / Webdesign / Concepts / Photography / Visual. Tel.: +31(0)

Web Usability. Byte seminar, 23 november Door: Gwyneth Ouwehand

Groepsopdracht 2. Zuilen voor in het Rijksmuseum

Inhoudsopgave. 1. Inleiding blz Fysio App wireframe tests blz. 5

Overeenkomst en voorwaarden Deposito

Opdrachtformulering (pagina 3 van 7)

Handleiding ASN Mobiel Bankieren voor ASN Betalen Zelfstandigen

User testing: Aan de hand van een expectation map heb ik 3 verschillende personen gevraagd om het prototype te testen.

WHITEPAPER IN 5 MINUTEN. 12. Mooier, maar vooral beter

Redesign RTL XL Gemist

Inhoudsopgave 1. Opdrachtformulering Beschouwingsgebied Binnen de opdracht Buiten de opdracht

Deutsche Bank Tarieven Zakelijk Betalingsverkeer

Testen van website. Gertjan Slappendel

Barry van Zanten. Ux Designer / Developer. Kokosnootstraat 39, 2555 XB Den Haag - barry@uthinkicreate.nl

De training bestaat uit verschillende onderdelen. Deze onderdelen kunnen zowel afzonderlijk als gecombineerd gevolgd worden:

Genereren van een webapplicatie op basis van DLA

Eindverslag. Project VolgMijnStem. Ben Teeuwen, project manager VolgMijnStem Stichting Het Nieuwe Stemmen 13 juni 2012, Utrecht

Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening

Overeenkomst en voorwaarden Zakelijk Deposito

OPEN KALENDER OPLEIDINGEN 2012 Locatie Berchem

Ontwikkelvoorstel stappenplan

User testing Evernote

Pas op voor de besmettelijke PORTFOLIOSIS!

Elektronisch factureren met Z factuur. 10 Okt.2011

Prototype/Usability testverslag

Curriculum Vitae Peter de Leeuw 18 augustus 2015

HANDLEIDING USABILITY TESTING

Research for Design Communication and Multimedia Design Amsterdam - Research for Design- B1 WC1 introductie

Plan van aanpak, 17 september 2014

Publishing & Printing Company B.V.

Philips E-motion. Protoyping/Interactieontwerp. Kwartaal 1 jaar 3. Inhoud Onderzoek Schetsen Mockups Wireframes Flowcharts

Het ALICE Project: Beeldbellen voor ouderen

Hieronder volgt eerst de planning van fase 2. Daarna worden de onderdelen van deze fase (hierboven in bold weergegeven) verder uitgelegd.

INTERACTIE. In de Appendix vindt u de wireframes.

1. Goal-directed design

Handleiding Mobiel Bankieren app

Museumbezoek onder Studenten

Design for Mobile. Projectplan CMD jaar 2. Remco Dekker Daan van Klinken Sybren Wartna CMD3A UXD

Pim Broekhof. Art Media en Me. Autobiotic Selfie Verslag G&I1A Saskia Freeke Sonja van Vuure Martin Lacet John Hennequin

Checklist. Een nieuwe website, hoe begin ik er aan?

Oriëntatieverslag, Deliverables 1+2. Research for design Hogeschool van Amsterdam

Deutsche Bank Tarieven Zakelijk Betalingsverkeer 2012

VITAS Creative Development

DE EERSTE STAP NAAR EEN ONVERGETELIJKE GEBRUIKERSERVARING

Met een LightSwitch applicatie een OData service uit de Windows Azure Marketplace consumeren

Transcriptie:

Marc Smeehuijzen Maasstraat 190-3 1079 BL Amsterdam Mobiel: 06 24 525 136 marc.smeehuijzen@easytech.nl www.easytech.nl Een selectie van mijn werk: Interactie ontwerp User research Voor meer uitgebreide werkvoorbeelden, neem contact met mij op.

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 2015 Marc Smeehuijzen 2

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

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

Wireframe voor SEPA overschrijvingen 2015 Marc Smeehuijzen 5

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

Marc en participant bij paper prototyping demo 2015 Marc Smeehuijzen 7

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 2015 Marc Smeehuijzen 8

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

Wireframe voor af- en bijschrijvingen overzicht 2015 Marc Smeehuijzen 10

Wireframe voor de spaarrekening details 2015 Marc Smeehuijzen 11

Wireframe voor doelsparen 1 2015 Marc Smeehuijzen 12

Wireframe voor doelsparen 2 2015 Marc Smeehuijzen 13

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 2015 Marc Smeehuijzen 14

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

Wireframe justitiabele dossier - tab: samenvatting 2015 Marc Smeehuijzen 16

Wireframe justitiabele dossier - tab: zaken 2015 Marc Smeehuijzen 17

Wireframe voor het registreren van een schorsing 2015 Marc Smeehuijzen 18

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

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

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

Stukje uit het expert review rapport 2015 Marc Smeehuijzen 22

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

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

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

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 2015 Marc Smeehuijzen 26

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

Bevinding 12: mogelijk onduidelijke navigatie iconen 2015 Marc Smeehuijzen 28

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

Bevinding 42: onvolledige foutmelding 2015 Marc Smeehuijzen 30

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 2015 Marc Smeehuijzen 31

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

Een van de gebruikersprofielen 2015 Marc Smeehuijzen 33

Paper prototyping sessie 2015 Marc Smeehuijzen 34

Pagina uit het expert review verslag 2015 Marc Smeehuijzen 35

Usability testsessie 2015 Marc Smeehuijzen 36