Curriculum Vitae (user design research) Naam: Dirk van de Mortel (PD.Eng) Geboortedatum: 26 maart 1976 Woonplaats: Eindhoven Huidige functie: User-System interaction specialist IT-ervaring sinds: 1995
Profiel van Dirk van de Mortel Dirk van de Mortel is specialist op het vlak van front-end design, user experience en heeft ervaring met ontwikkeltrajecten voor business-to-consumer/business-to-business internettoepassingen en applicaties. Hij is kritisch en pragmatisch ingesteld en in staat complexe vraagstukken te vertalen naar gebruikersvriendelijke interfaces, robuuste business logica en dit mondeling en schriftelijk te communiceren, visualiseren en programmeren.
“Mijn passie gaat uit naar het bedenken en verbeteren, het optimaliseren van de interactie van producten, services en systemen. Met een plezierige en gedenkwaardige user experience. Dat doe ik met de middelen die ik tot mijn beschikking heb waarbij het gebruik van o.a. grafische- en programmeerkennis gereedschappen zijn. Bij voorkeur in een gevarieerd samengesteld team en met een diversiteit aan activiteiten die een beroep doen op mijn creativiteit, communicatie en technische competenties. Betrokken hierbij worden de eindgebruikers, stakeholders en andere belanghebbenden in het hele iteratieve ontwerp/ontwikkelproces, van idee naar eindresultaat. Specifieke branchekennis en technieken worden gedurende het proces opgedaan en laatste wetenschappelijke inzichten bestudeerd en indien haalbaar en nodig, toegepast.” Expertisegebieden User Research
Research & Development
UML Modeling / Design Patterns
Usability Evaluation
Project management / Communicatie
PHP / HTML5 / CSS3 / JavaScript
User Interface Design
Adobe Master Suite / Microsoft pakketten
GIT / SubVersion source control
Interaction Design Methods
Fluid / Responsive Design
WordPress / Joomla / CodeIgniter
Meest recente werkervaring Periode
Functie
Maanden
Branche
01/2015 – heden
PHP Developer
2
-
06/2009 – 10/2014
User-System interaction expert / IT-lead
48
Horeca, leisure branche
04/2008 – 04/2009
Usability Consultant / Front-end developer
12
Musea, intern
Certificering Afgerond
Programma
2006
ID Introduction Program for Core Team Members
Publicaties Mortel van de, D. (2008). Use of WebLabs as a platform for remote customer research. Eindverslagen Stan Ackermans Instituut. Uitgegeven door Technische Universiteit Eindhoven. ISBN: 978-90-444-0812-6. Hendrix K., Guo Y., Mortel van de D., Tijs T. (2008). Designing a Head-Up Game for Children. HCI2008 Culture, Creativity, Interaction. September 1-5, 2008. Mortel van de D., Hu J. (2007). ApartGame: a Multi-User Tabletop Game Platform for Intensive Public Use. In International Conference over Intelligent User Interfaces 2007 (IUI'07), workshop Tangible Play. Rauterberg M., Salem B., Mortel van de D. (2005). From passive to active forms. L. Feijs, S. Kyffin & B. Young (eds.) Design and semantics of form and movements. Koninklijke Philips N.V., pp. 110-117.
Dirk van de Mortel – versie 25 maart 2015
1
Curriculum Vitae (user design research) OPLEIDINGSOVERZICHT MBO, Middelbaar Laboratorium Onderwijs (MLO) – Technische Microbiologie Technisch Lyceum Eindhoven 1992 – 1997 Diploma behaald
Bachelor of Art and Technlogy (with Honours) – Interaction Design
Hogeschool voor de Kunsten Utrecht, Hilversum, faculteit Kunst, Media en Technologie 1999 – 2003 Diploma behaald
Graduated in Interaction Design and the European Media Master of Arts in Interactive Multi Media European Multi Media Master of Arts, Utrecht School of the Arts and The Open University 2002 – 2003 Diploma behaald
Post-Graduate – User-System Interaction, Professional Doctorate in Engineering Technische Universiteit Eindhoven, faculteit Industrial Design 2006 – 2008 Diploma behaald
ERVARINGSOVERZICHT Materiedeskundigheid
Ervaring*
Interaction Design Tools
Adobe Creative Master Suite Task Analysis Wireframing (Balsamique, OmniGraffle) Prototyping Interviews Brainstorming Card Sorting Google Webmaster Tools (Analytics, AdWords) Personas \ Scenarios Focus Groups Online surveys (e.g. System Usability Scale)
4 4 3 4 3 3 2 4 3 2 2
Methoden en Technieken
Vertalen requirements Procedureel programmering OO programmering Design patterns UML Agile \ Scrum Software development
5 5 4 4 1 1
Ontwikkeltalen
PHP HTML \ CSS \ JavaScript \ JQuery \ JSON Adobe Director Lingo Responsive Design (Bootstrap) HTML 5 Java XML \ XSD \ XSLT C# MVC 5 C++ REST \ SOAP PHP Frameworks (Zend, CakePHP, Symfony)
5 5 5 3 3 2 2 2 2 2 2 3
Templating
Smarty CodeIgniter KickstartJS Symfony 2
3 3 2 2
Dirk van de Mortel
2
Curriculum Vitae (user design research) Web/CMS platform
WordPress WordPress Theme development Joomla Drupal
4 2 2 2
IDE’s
Eclipse Visual Studio.Net TortoiseSVN \ Git Microsoft Visual Sourcesafe Windows (3.x/9x/NT/2008/XP/Vista/7/8) Linux (Redhat, Slackware, Ubuntu) Xampp / Apache / Nginx IIS MySQL
4 2 4 1 4 3 4 2 4
Versiebeheer systemen Besturingssystemen Web- en Applicatieservers Databases
* Ervaring: 1: Theoretische kennis, 2: 1 jaar ervaring, 3: 1-3 jaar ervaring, 4: meer dan 3 jaar ervaring, 5: Expert Talen Nederlands Engels (Amerikaans)
Mondeling Moedertaal Vloeiend
Schriftelijk Moedertaal Vloeiend
WERKERVARING Periode Werkgever: Functie: Werkzaamheden: Expertise:
Februari 2015 Risa-IT BV; corporate website Web developer Consultatie \ Websiteontwikkeling WordPress WordPress, PHP, HTML, CSS, Javascript, MySQL, IIS, Google Webmaster Tools en SEO, Adobe Photoshop
Achtergrond De marketingafdeling heeft de ontwikkeling van de eigen corporate website uitbesteed. Na ontevredenheid is dat gestaakt en heeft Dirk de website afgerond. Taken en verantwoordelijkheden In overleg met verschillende disciplines/afdelingen binnen het bedrijf zijn met name front-end aanpassingen gedaan. De nieuwe website in WordPress heeft ook een optimalisatie gekregen in: 1. Performance/prestatiesnelheid, 2. Beveiliging d.m.v. actualiseren versies en aanleggen restricties 3. Designaanpassingen en kwaliteit van afbeeldingen, 4. SEO optimalisatie en vindbaarheid. Periode Werkgever: Functie: Werkzaamheden: Expertise:
Dirk van de Mortel
Januari 2015 Alliander NV Web developer Ontwikkeling van complexe web-formulieren PHP, Elgg, Github
3
Curriculum Vitae (user design research) Achtergrond Alliander is een bekende energiemaatschappij. Zij hebben een intranet in-house ontwikkeld op basis van een relatief nieuw sociaal networking platform, genaamd Elgg. Alle vestigingen verspreid in Nederland (en later ook daarbuiten) zullen hiervan gebruik gaan maken. Voor de afhandeling van interne vraagstukken worden wizards gebruikt om de collega-gebruiker informatie te ontrafelen, om deze zodoende via een mail naar de juiste personen te sturen. Taken en verantwoordelijkheden Als programmeur is Dirk verantwoordelijk voor het aanleveren van de uitbreidingen voor het nieuwe platform, de web formulieren. De formulieren waren voorbereid door Alliander en werden aangeleverd in Word formaat. Deze werden rechtstreeks uitgewerkt in het Elgg engine platform met een aansluitende front-end en user experience. Periode Opdrachtgever: Functie: Werkzaamheden: Expertise:
Oktober 2010 – Juni 2014 Next Level Serious Software BV User-System interaction specialist \ Web developer Ontwikkeling desktopapplicatie, corporate website, klant website, UX-ontwikkeling Project management, user research methoden, interaction design, content strategy, PHP, MySQL, HTML5, Java, CodeIgniter, Joomla, WordPress, Symfony, Linux, Brainstorm, testing, Adobe Master Suite
Achtergrond Next Level Serious Software BV heeft in-house (met een outsource team) interactieve narrow casting software ontwikkeld voor met name de horeca en Leisure branche. In 2008 is het idee uitgewerkt naar een verkoopbaar product dat gaandeweg stabieler, meer functionaliteit en gebruikersvriendelijk geworden is. De applicatie bevat een aantal verschillende interactie lagen waaronder sms en social media. De software bestaat uit drie ingangen waarbij er voor de klant een gebruikersportaal is om haar content te beheren in het CMS, voor medewerkers een CRM om deze accounts te beheren en acquisitie te doen. Daarnaast is er een desktopapplicatie ontwikkeld in Java dat de narrow cast vertoond op beeldschermen. Taken en verantwoordelijkheden Dirk heeft zich als een ware multidisciplinaire held getoond door alle denkbare IT-activiteiten op zich te nemen. Van het communiceren met management, aandeelhouders, eindgebruikers en klanten en het verbeteren van het product en productervaring door software testen, gebruikerstesten, uitschrijven van gebruikersdocumentatie en het geven van presentaties. Ook het aansturen van technische outsource teams, requirements formuleren, software evalueren, herschrijven en nieuwe features uitwerken. Hierbij zijn een veel schetsen en wireframes gemaakt ter ondersteuning. Ook werd gebruik gemaakt van diverse API’s en de laatste web standaarden. Opstarten en begeleiden van nieuwe narrow casting netwerken in het buitenland. Middels BI processen met een goede front-end inzichtelijk maken en software acties met fijne user interactie hier aan te koppelen. Periode Opdrachtgever: Functie: Werkzaamheden: Expertise:
Dirk van de Mortel
Augustus 2012 – Januari 2014 Next Level Serious Software BV User-System interaction specialist \ Web developer UX-website ontwikkeling Content strategy, interactive design methodes, user research, PHP, HTML, CodeIgniter, Balsamique, Photoshop
4
Curriculum Vitae (user design research) Achtergrond Het bedrijf heeft een nieuw verdienmodel geïntroduceerd. In plaats van abonnement verkoop wordt zendtijd in de vorm van advertentieverkoop aangeboden door telefonisten. Dit betekent dat naast het aansluiten van locaties, op deze locaties advertentieruimte verkocht moeten worden. Hiervoor is zoveel mogelijk relevante informatie uit het narrow casting CRM en CMS nodig. Taken en verantwoordelijkheden Na interviews met toekomstige gebruikers (voor het doen van telefonische acquisitie) en doorgronden van het business model, is via pen en paper testing een concept ontstaan. Dat is via User Centered Design, iteratief verbeterd eerst via wireframing en een click model. Vervolgens is een web applicatie ontwikkeld met een unieke front-end en interfacing waar de telefonisten een eigen login hebben. Zo kan hun performance worden gemeten en kunnen zij hun eigen orders met een persoonlijk kwinkslag afhandelen. De telefoniste shopt als het ware locaties in één order waarbij details van deze verkoop worden ingevoerd en details van de huidige locatie zichtbaar zijn gemaakt, o.a. huidige adverteerders en looptijden, eigenschappen van locatie zoals bezoekersaantallen en leeftijden. Periode Opdrachtgever: Functie: Werkzaamheden: Expertise:
Maart 2011 – April 2012 Sam BV User-System interaction specialist UX-ontwikkeling, user testing Project management, Linux, PHP, iOS, test
Achtergrond Het bedrijf heeft een idee laten ontwikkelen bij een partij geoutsourcet: Via een iPhone applicatie kunnen meerder camera’s worden beheerd en live worden bekeken. Dit alles wordt via een centrale computer geregeld die de beelden ook kan opslaan. Taken en verantwoordelijkheden Het project moest worden gemanaged en software verbeterd. De iOS app en de software van de centrale computer is getest op diverse gebieden, zoals functionaliteit en gebruikersvriendelijkheid. De installatie is versimpeld voor monteurs in het veld documentatie geschreven. De app is uitgebreid getest door verschillende gebruikers, zoals het uitvoeren van taken in de app, Card Sorting heeft hierbij geholpen. Periode Opdrachtgever: Functie: Werkzaamheden: Expertise:
Mei 2010 – Oktober 2010 Next Level Serious Software UX-designer \ Web developer Web shop ontwikkeling Project management, interaction design methoden, PHP, MySQL, CodeIgniter
Achtergrond Het bedrijf heeft een klantenbestand opgebouwd en wil deze gepersonaliseerde gebruiksvoorwerpen en relatiegeschenken aanbieden. Taken en verantwoordelijkheden Gezien het hier een nieuw idee betrof zijn eerst een aantal gesprekken gevoerd met de medewerkers van het bedrijf. Niet op de laatste plaats om iedereen achter het idee te krijgen. Iedereen heeft gedachten over het plan en via brainstormsessies die daarop volgden, leverde dit nieuwe inzichten op om het product initieel neer te zetten. Eerst werden schetsen gebruikt om gedachten opgang te zetten, later wireframes. Door de medewerkers te observeren werd duidelijk welke punten verbeterd konden worden. Met CodeIgniter is een CMS in elkaar gezet waarmee items in de shop beheerd, gecategoriseerd kunnen worden. De front-end is een web shop met winkelmandje en betaalsysteem (iDeal). De klant is een bestande klant van Next Level Serious Software waardoor reeds bestaande informatie zoals bedrijfsnaam, logo etc. gebruikt wordt om de vertoonde items met deze informatie te tonen. Dit werd gedaan door de afbeeldingen real time te renderen.
Dirk van de Mortel
5
Curriculum Vitae (user design research) Periode Opdrachtgever: Functie: Werkzaamheden: Expertise:
Maart 2009 – Maart 2010 Bikkels BV Usability consultancy, Web Developer Research, design Interaction design research, PHP frameworks
Taken en verantwoordelijkheden Bij Bikkels heeft Dirk diverse taken uitgevoerd. Het meedenken en uitwerken van een zgn. historische browser voor een museum installatie. Vernieuwen van het interne intranet van het bedrijf. Hiervoor is een Card Sorting ingezet onder de werknemers om de website opnieuw in te richten. Van een Microsoft Sharepoint website naar een Joomla omgeving, waar alleen noodzakelijke features, overzichtelijk worden weergegeven. Voorafgaand zijn andere PHP platforms onderzoekt, waaronder CakePHP, Zend, Symfony, Drupal. Periode Opdrachtgever: Functie: Werkzaamheden: Expertise:
Januari 2008 – Oktober 2008 Philips Research, Natlab, High Tech Campus Research Trainee Gebruikersonderzoek applicaties Usability evaluatie methoden, Interaction design research, scenarios, survey, interviews, SPSS, SUS, heuristic evaluation, usability testing
Taken en verantwoordelijkheden Onderzoeker in het Simplicity Labs project (simplicitylabs.net) en een rol usability expert in concept applicaties waaronder een geautomatiseerd fotoboek. Ontwikkelde en voerde een vergelijkbaar (kwantitatief) onderzoek tussen de traditionele laboratorium en online experimenteren van gebruikersonderzoek en gebruikersfeedback. Het onderzoek betrof meer dan 50 deelnemers zowel online als in het lab. Het betrof twee verschillende software applicaties die vooraf en tijdens het onderzoek zijn (door)ontwikkeld. Periode Opdrachtgever: Functie: Werkzaamheden: Expertise:
2006 Technische Universiteit Eindhoven Project manager \ ontwikkelaar Opstarten research project en ondersteunde software ontwikkeling Project management, Director Lingo, XML, HTML, interaction design research
Achtergrond Voor een research project dat onderzoek doet naar cultural computing, genaamd ALICE. Het project doel in het kort: onderzoek naar/van het opschudden van de wereldkijk van de gebruiker door een ervaring aan te bieden in een fysieke installatie. Deze ervaring volgt op grote lijnen het verhaal van Alice in Wonderland. Taken en verantwoordelijkheden Opzetten van een internationaal en multidisciplinair team waarin het project concept uitgewerkt wordt naar een interactief en fysieke installatie. Hierbij is een universiteitsruimte omgebouwd, zijn elektronische sensoren gemaakt, een virtuele CAVE gerealiseerd, stages digitaal verbonden met een zgn. stage server (in Director Lingo, via XML communicatie). Onderzoeken uitgevoerd naar de ontwikkeling van de belevingen van verschillende ervaringen en naar andere onderzoeken in hetzelfde domein. Dirk leidde wekelijkse meetings, brainstorms, discussies en bereidde deze voor en legde verslag. Coachte studenten en managede het project zodat het snel gestalte kreeg. Niet op de laatste plaats door projectdeelnemers snel met elkaar te koppelen of aansluiting te vinden bij andere faculteiten op de universiteit.
Periode Opdrachtgever: Functie: Werkzaamheden: Dirk van de Mortel
Augustus 2005 – Juli 2006 Technische Universiteit Eindhoven, faculteit Industrial Design Project- en student coach Opzetten van projecten en begeleiden van studenten 6
Curriculum Vitae (user design research) Expertise:
Interaction design research
Achtergrond In een competentiegerichte opleiding trad Dirk op als coach voor studenten in het Domein Play als iemand van de praktijk uit een creatieve sector. Daarnaast organiseerde hij per kwartaal een andere opdracht de groepsprojecten voor de studenten. Taken en verantwoordelijkheden De omgeving en leermethode moedigt aan om studenten individueel te begeleiden via een tal van competenties. Per kwartaal zijn dit tussen de 6 en 9 verschillende studenten die uiteindelijk tweemaal per studiejaar een persoonlijk assessment krijgen ter beoordeling. Vier keer in een studiejaar werd een andere groep op hun voortuitgang gecoacht. Het geven van feedback en begeleiden van studenten werd via groepslessen en studiematerialen ondersteund en resulteerde in een certificaat.
Periode Opdrachtgever: Functie: Werkzaamheden: Expertise:
November 2004 – April 2006 JHV Gaming Product BV Software / Web Developer Ontwikkeling web applicaties en games Management, interaction design, Director Lingo, C++
Achtergrond Na de ontwikkeling van een succesvol afstudeerproject had JVH interesse om de ApartGame naar een volgend niveau te tillen. Tegelijkertijd vond er een verandering plaats in de markt waarbij ze van kansspelen naar spelbeleving groeide. Dirk was een medeoprichter van een nieuwe R&D afdeling. Taken en verantwoordelijkheden Een nieuwe afdeling genaamd New Entertainment; een speelweide voor de ontwikkeling van nieuwe amusement games en het vermarkten van ApartGame; van prototype tot panklaar product van hardware en software. Gebruikersonderzoeken en productstudies uitgevoerd met een grote diversiteit aan methodes en strategien. Brainstorms, observeraties, (contextual) interviews, prototypen, taak analyses, focus groepen. Huidige game software verbeterd, proof of concepts en een game table simulator ontwikkeld in Director Lingo ook in combinatie met C++ Xtra’s en PHP/MySQL koppeling. Daarnaast gebruik gemaakt van industriestandaard hardware zoals ticketing en coin-intake systemen en touch screens. Gedurende deze periode heb ik in totaal 4 design studenten begeleidt: 1 afstudeerstage begeleidt en 3 stages. Periode Opdrachtgever: Functie: Werkzaamheden: Expertise:
Dirk van de Mortel
Sinds juni 2003 MKB, zelfstandigen, semioverheid Software/Web Developer en interactie ontwerper Voornamelijk ontwikkeling web applicaties voor klanten PHP, MySQL, HTML, CSS, JavaScript, VB, CodeIgniter, XML, interaction design
7
Curriculum Vitae (user design research) Taken en verantwoordelijkheden Ontwikkeling van simpele en complexe websites en web applicaties. Meestal van front-end tot back-end in eigen beheer, soms in samenwerking met andere disciplines. Visuele representaties, klant specifieke content-managementsystemen met inlogniveaus voor bedrijfs- en productpresentaties, web shops etc. Enkele voorbeelden: Schrijfwrite.nl, Thewatershedeindhoven.nl, dvdm-i.nl (2014): WordPress; Strikers.nl (2014): Responsive website, modulaire opbouw met data bestand; Evojet.nl (2013): Product website; SeriousLab.net (2010): Webshop; Cretus.com en Errèl.com voor JVH (2007): Ontwikkeling van dynamische websites met een CMS; Illume Candles voor Sun Valley, California (2006); NJoylive.nl, JVH gaming (2005): Dynamische website met CMS; Incodelta Zuid-Nederland (2004): Onderzoek, design, ontwikkeling en implementatie van een overheidsproject, intranet applicatie voor projectmanagement van 100+ gebruikers; Roots.nl (2001): Webshop.
Periode Opdrachtgever: Functie: Werkzaamheden: Expertise:
April 1999 – November 2001 Interplein B.V. Web developer Voornamelijk ontwikkeling websites voor pleinen-concept HTML, CSS, JavaScript, VB, Java
Taken en verantwoordelijkheden Ontwikkeling van websites en web applicaties/rekenmodules. De websites meestal van begin tot eind betrokken in het project, natuurlijk ook in samenwerking met andere disciplines. Visualisatie en design maar ook programmeren en implementeren van modules. Begeleiden studenten. Enkele voorbeelden: Webhyp.nl (1999) – een hypotheekkeuze wizard; Voetbalplein.nl (2000) – verzamelwebsite voor het EK 2000; Rekenmodules.nl (2000) (erkenning in Ilse Internet Gids als “Beste Rekenmodules website” 2001)
Dirk van de Mortel
8