MultiMedia Management – WEEK 4 Marcel Jansens 11Mei 2011
Agenda komende weken Week 1: Internet Model en Internet proces Week 2: Van visie naar moodboard Week 3: Wireframing & Use Cases Week 4: Wireframing & Use Cases (#omdathetkan) Week 5: Fotografie Week 6: Schrijven voor beeldscherm Week 7: Gastcollege
Agenda week 4 Persona’s (done) User Story User Lines Wireframes
USER STORIES
Verdieping Van User Story naar Story Lines Van Story Lines naar Multi WireFlows
User stories Writing Good User Stories
Story line
MAAK PER PERSONA ÉÉN VERHAALLIJN Tip: gebruik pen & papier
Multi WireFlows tiuser-wireflows/ Bron:
WAT ZIJN WIREFRAMES ZWART-WIT tekeningen Draadmodel van je website Denk in verhoudingen
WAAROM WIREFRAMES Overzicht en hiërarchie Focus layout Communicatie klant & ontwikkelaar Sneller tweaken
HOE? Met de hand Grafische software Web prototyping software Flowchart
VOORWAARDEN Logo Primaire navigatie Functionele gebieden Optioneel Secundaire navigatie (footer) Zoeken
DO’s Keep it grayscale Simpel Focus op het doel Wat komt waar?
DON’T’s Rommelig Te gedetailleerd Teveel kleur en design Gebruik van lettertypes Gebruik van afbeeldingen Tenzij: HIGH FIDELITY WIREFRAMING
MAAK EEN WIREFRAME VAN DE HOMEPAGE Tip: gebruik
VRAGEN