In hoeverre
is front-end kennis relevant voor een UX designer tijdens een designproces?
Door: Wessel Grift
Onderzoeksvraag In hoeverre is het hebben van front-end development kennis relevant voor een ux-designer tijdens een designproces?
Deelvragen Wat zijn front-end vaardigheden? Wat zijn UX vaardigheden? Hoe vullen deze vaardigheden elkaar aan ten opzichte van een designproces?
Deelvraag #1
frontEnd({ show: “vaardigheden”, amount: 3 });
#1. Front-end vaardigheden
Front-end is Programmeren voor wat de gebruiker te zien krijgt en hoe hij of zij interacteert met het product.
http://blog.teamtreehouse.com/i-dont-speak-your-language-frontend-vs-backend
#1. Front-end vaardigheden
Front-end is Programmeren voor wat de gebruiker te zien krijgt en hoe hij of zij interacteert met het product. Client side development, de “voorkant”.
http://www.frankwatching.com/archive/2014/12/09/front-end-developers-van-codeklopper-naar-spin-in-hetdevelopment-web/
#1. Front-end vaardigheden
Product? Apps Websites
http://info.cern.ch/hypertext/WWW/TheProject.html
Vaardigheid #1
Hyper Text Markup Language HTML
#1. Front-end vaardigheden / HTML
#1. Front-end vaardigheden / HTML
HTML “HTML is a markup language for describing web documents (web pages).” Tags die content omschrijven
http://www.w3schools.com/html/html_intro.asp
http://www.jeannettehon.com/uglysite/
#1. Front-end vaardigheden / HTML / CSS
Vaardigheid #2
Cascading Style Sheets CSS
#1. Front-end vaardigheden / HTML / CSS
CSS “CSS describes how HTML elements are to be displayed on screen, paper, or in other media”
http://www.w3schools.com/css/css_intro.asp
#1. Front-end vaardigheden / HTML / CSS / JS
#1. Front-end vaardigheden / HTML / CSS / JS
Javascript “JavaScript Can Change HTML Content”
http://www.w3schools.com/js/default.asp
Front-end vaardigheden HTML5
Structuur
CSS3
Visueel
Javascript
Interactie
#1. Front-end vaardigheden
Front-ender
Brengt product tot leven
Deelvragen Wat zijn front-end vaardigheden? Wat zijn UX vaardigheden? Hoe vullen deze vaardigheden elkaar aan tenopzichte van een designproces?
#2. UXD vaardigheden
Deelvraag #2
User_Experience_Design({ show: “vaardigheden”, amount: “undifined” });
#2. UXD vaardigheden
UXD is
Loading...
#2. UXD vaardigheden / definitie
UXD is ‘A holistic, multidisciplinary approach to the design of user interfaces for digital products, defining their form, behavior, and content. User experience design integrates interaction design, industrial design, information architecture, information design, visual interface design, user assistance design, and user-centered design, ensuring coherence and consistency across all of these design dimensions.’ - Pabini Gabriel-Petit, UX Matters
#2. UXD vaardigheden / definitie
UXD is ‘UXD aims to improve customer satisfaction and loyalty through the utility, ease of use, and pleasure provided in the interaction with a product.’ - UX Curve, Oxford Journal, Oxford University
#2. UXD vaardigheden / designproces
Vaardigheden?
Goal-directed Proces, Kim Goodwin, Designing For The Digital Age.
Irene Au
Voormalig “head of design”, Google & Yahoo.
User Research
Visual Design
Interaction & Productdesign
Prototyping
#2. UXD vaardigheden / User Research
User Research Kennis hebben van UX onderzoeksmethodes en deze kunnen toepassen. Weten wanneer je welke onderzoeksmethode het beste kunt toepassen. Datamodelling en insights genereren.
#2. UXD vaardigheden / User Research / Interaction & Prd. Design
Interaction & Product Design Conceptualiseren. Wat bouwen we wel en wat bouwen we niet a.d.v. onderzoek, visie, principes, waardes, missie, content en touchpoints. Design frameworks opstellen en deze itereren Interactie documentatie kunnen opstellen. Wireframes, flowcharts, interactie en functionele ontwerpen, customer journeymaps.
#2. UXD vaardigheden / User Research / Interaction & Prod. Design / Visual Design
Visual Design Design toepassen in het kader van functionele/ interactie ontwerpen en bedrijfs/product identiteit. Gevoel voor en kennis van visuele hiërarchie, typografie, kleur, layout en gridmethodiek kunnen toepassen in het kader van een device en gebruiker gedreven omgeving.
#2. UXD vaardigheden / User Research / Interaction & Prod. Design / Visual Design / Prototyping
Prototyping Kennis hebben van prototyping tools en HTML/ CSS/JS of andere front-end frameworks in het kader van iteraties en snelheid. Deze kennis snel kunnen toepassen met behoud van design en met focus op interactie.
#2. UXD vaardigheden
User Research
Visual Design
Interaction & Productdesign
Prototyping
Deelvragen Wat zijn front-end vaardigheden? Wat zijn UX vaardigheden? Hoe vullen deze vaardigheden elkaar aan ten opzichte van een designproces?
Deelvraag #3
fed_UX(loop){ show: “both” });
#3. Hoe vullen deze vaardigheden elkaar aan?
Designproces
Goal-direct Design Proces, Kim Goodwin
#3. Hoe vullen deze vaardigheden elkaar aan?
Design Engineer
Design Engineer AKA Front-ender
#3. Hoe vullen deze vaardigheden elkaar aan?
Verband
Visual Design
User Research Interaction & Pr. Design
Prototyping
#3. Hoe vullen deze vaardigheden elkaar aan?
Als beide partijen net genoeg leren van elkanders vak zodat ze een geïnformeerd dialoog kunnen voeren en samen beslissingen kunnen maken.
Jared Zimmerman, Google Voiceplatform
#3. Hoe vullen deze vaardigheden elkaar aan?
Communiceren Dezelfde taal spreken, elkaar aanvullen Kennis kan ook een handicap zijn Het zijn twee aparte vakken
Jared Zimmerman, Google Voiceplatform
#3. Hoe vullen deze vaardigheden elkaar aan?
Verband
Visual Design
User Research Interaction & Pr. Design
Prototyping
In hoeverre
is front-end kennis relevant voor een UX designer tijdens een designproces?
Conclusie
Visual Design
User Research Interaction & Pr. Design
Prototyping
Conclusie
Relevantie per discipline
User Research
Interaction & Product Design
Visual Design
Prototyping 5 4 3 2 1
Thanks!