MultiMedia Management – WEEK 4

Marcel Jansens11Mei 2011

Agenda komende weken

Week 1: Internet Model en Internet proces

Week 2: Van visie naar moodboardWeek 3: Wireframing & Use CasesWeek 4: Wireframing & Use Cases (#omdathetkan)Week 5: FotografieWeek 6: Schrijven voor beeldschermWeek 7: Gastcollege

Agenda week 4

Persona’s (done)User StoryUser LinesWireframes

USER STORIES

Verdieping

Van User Story naar Story Lines

Van Story Lines naar Multi WireFlows

User stories

Writing Good User Storieshttp://www.youtube.com/watch?v=DaqyLWOEObY

Story line

MAAK PER PERSONA ÉÉN VERHAALLIJN

Tip: gebruik pen & papier

Multi WireFlows

http://wireframes.linowski.ca/2009/10/multiuser-wireflows/

Bron: http://linowski.ca/thoughts/2008/12/intended-user-flows-vs-real-activity/

WAT ZIJN WIREFRAMES

ZWART-WIT tekeningenDraadmodel van je websiteDenk in verhoudingen

WAAROM WIREFRAMES

Overzicht en hiërarchieFocus layoutCommunicatie klant & ontwikkelaarSneller tweaken

HOE?

Met de handGrafische softwareWeb prototyping softwareFlowchart

VOORWAARDEN

LogoPrimaire navigatieFunctionele gebieden

OptioneelSecundaire navigatie (footer)Zoeken

DO’s

Keep it grayscaleSimpelFocus op het doelWat komt waar?

DON’T’s

RommeligTe gedetailleerdTeveel kleur en designGebruik van lettertypesGebruik van afbeeldingen

Tenzij: HIGH FIDELITY WIREFRAMING

MAAK EEN WIREFRAME VAN DE HOMEPAGE

Tip: gebruik www.mockflow.com

VRAGEN