is front-end kennis relevant voor een UX designer

Transcriptie

1 In hoeverre is front-end kennis relevant voor een UX designer tijdens een designproces? Door: Wessel Grift

2

3

4

5 Onderzoeksvraag In hoeverre is het hebben van front-end development kennis relevant voor een ux-designer tijdens een designproces?

6 Deelvragen Wat zijn front-end vaardigheden? Wat zijn UX vaardigheden? Hoe vullen deze vaardigheden elkaar aan ten opzichte van een designproces?

7 Deelvraag #1 frontend({ show: vaardigheden, amount: 3 });

8 #1. Front-end vaardigheden Front-end is Programmeren voor wat de gebruiker te zien krijgt en hoe hij of zij interacteert met het product.

9 #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.

10 #1. Front-end vaardigheden Product? Apps Websites

11

12 Vaardigheid #1 Hyper Text Markup Language HTML

13 #1. Front-end vaardigheden / HTML

14 #1. Front-end vaardigheden / HTML HTML HTML is a markup language for describing web documents (web pages). Tags die content omschrijven

15

16

17 #1. Front-end vaardigheden / HTML / CSS Vaardigheid #2 Cascading Style Sheets CSS

18 #1. Front-end vaardigheden / HTML / CSS CSS CSS describes how HTML elements are to be displayed on screen, paper, or in other media

19

20 #1. Front-end vaardigheden / HTML / CSS / JS

21 #1. Front-end vaardigheden / HTML / CSS / JS Javascript JavaScript Can Change HTML Content

22 Front-end vaardigheden HTML5 Structuur CSS3 Visueel Javascript Interactie

23 #1. Front-end vaardigheden Front-ender Brengt product tot leven

24 Deelvragen Wat zijn front-end vaardigheden? Wat zijn UX vaardigheden? Hoe vullen deze vaardigheden elkaar aan tenopzichte van een designproces?

25 #2. UXD vaardigheden Deelvraag #2 User_Experience_Design({ show: vaardigheden, amount: u n difi n e d });

26 #2. UXD vaardigheden UXD is Loading...

27 #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

28 #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

29 #2. UXD vaardigheden / designproces Vaardigheden? Goal-directed Proces, Kim Goodwin, Designing For The Digital Age.

30 Irene Au Voormalig head of design, Google & Yahoo.

31 User Research Interaction & Productdesign Visual Design Prototyping

32 #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.

33 #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.

34 #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.

35 #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.

36 #2. UXD vaardigheden User Research Interaction & Productdesign Visual Design Prototyping

37 Deelvragen Wat zijn front-end vaardigheden? Wat zijn UX vaardigheden? Hoe vullen deze vaardigheden elkaar aan ten opzichte van een designproces?

38 Deelvraag #3 fed_ux(loop){ }); show: both

39 #3. Hoe vullen deze vaardigheden elkaar aan? Designproces Goal-direct Design Proces, Kim Goodwin

40 #3. Hoe vullen deze vaardigheden elkaar aan? Design Engineer Design Engineer AKA Front-ender

41 #3. Hoe vullen deze vaardigheden elkaar aan? Verband User Research Visual Design Interaction & Pr. Design Prototyping

42 #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

43 #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

44 #3. Hoe vullen deze vaardigheden elkaar aan? Verband User Research Visual Design Interaction & Pr. Design Prototyping

45 In hoeverre is front-end kennis relevant voor een UX designer tijdens een designproces?

46 Conclusie User Research Visual Design Interaction & Pr. Design Prototyping

47 Conclusie Relevantie per discipline User Research Interaction & Product Design Visual Design Prototyping

48 Thanks!