VISUALISATIE Rogier van der Linde & Davy De Winne, 2014.

Presentatie over: "VISUALISATIE Rogier van der Linde & Davy De Winne, 2014."— Transcript van de presentatie:

1 VISUALISATIE Rogier van der Linde & Davy De Winne, 2014

2 UX DESIGN FRAMEWORK 2 ISO 9241-210 framework YOU ARE STILL HERE AND A LITTLE BIT HERE

3 VISUALISATIE 3 Communicatie over concepten, de context, gebruikersgroepen enz… werkt best als het op een of andere manier kan gevisualiseerd worden. Enkele technieken: Context: user stories personas Concept: scenarios storyboards UX vision videos Structuur: use cases user flows user experience map Design: moodboards style guides

4 CONTEXT – USER STORY 4 Steekkaarten met telkens één zin: ‘As a [who/role] I want to [what/task] so that [why/goal]’ Voorbeelden: ‘ As a teacher, I want to upload my course material, so that my students can access it’ ‘As a tourist, I want to see pictures of the bedrooms so that i can choose a romantic room for a week-end with my partner’

5 CONTEXT – PERSONA 5 Fictief gebruikersprofiel als typevoorbeeld van een bepaalde groep gebruikers

6 CONCEPT – SCENARIO 6 Stap per stap beschrijving van een concrete gebruikssituatie van jouw app/website/idee. Kan met postits weergegeven worden, b.v. -blauw: een actie -geel: vraag -groen: commentaar -roze: idee

7 CONCEPT – STORYBOARD 7 Weergave van een scenario in stripverhaalvorm 6 tot 8 frames verhaallijn onder elke frame tekstballonnen

8 CONCEPT – STORYBOARD – ‘HELP, IK KAN NIET TEKENEN’ 8 Je hoeft niet te kunnen tekenen; je kan de ‘ster-mannetjes’ gebruiken.

9 CONCEPT – STORYBOARD – ‘HELP, IK KAN NIET TEKENEN’ 9 Je kan ook een korte comic maken met Photoshop ‘Cutout’ en ‘Poster Edges’ filters http://www.userfocus.co.uk/articles/uxvision.html

10 CONCEPT – UX VISION VIDEO 10 Je kunt zelfs een video maken van je visie op de user experience:

11 STRUCTUUR – USE CASE 11 Visualisatie van de vereisten van een toepassing of een deel van een toepassing d.m.v. UML (Universal Modelling Language), veel gebruikt in softwareontwerp. Focus ligt vooral op implementatie en functionaliteit, niet op de gebruikerservaring (en is dus minder interessant in deze cursus).

12 STRUCTUUR – USER FLOW 12 Flowchart van de mogelijke acties die een gebruiker onderneemt om tot een bepaald doel te komen.

13 STRUCTUUR – USER EXPERIENCE MAP 13 Een model van de complete ervaring die een persoon heeft met een dienst of product

14 DESIGN – MOODBOARD 14 Beeldcollage van concepten, ideeën, dromen en gevoel. Kan gebruikt worden om de stijl van je product te bepalen, maar ook om vage ideeën te visualiseren en te bepalen welke kant je opwil.

15 DESIGN – STYLE GUIDE 15 Een handleiding voor de opmaak van designelementen; kan gebruikt worden voor documenten, websites, drukwerk, of zelfs voor de hele huisstijl.