1 / 26

MultiMedia Management – WEEK 4

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

rufin
Download Presentation

MultiMedia Management – WEEK 4

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. MultiMedia Management – WEEK 4 Marcel Jansens 11Mei 2011

  2. Agenda komende weken • Week 1: Internet Model en Internet proces • Week 2: Van visienaarmoodboard • Week 3: Wireframing & Use Cases • Week 4: Wireframing & Use Cases (#omdathetkan) • Week 5: Fotografie • Week 6: Schrijvenvoorbeeldscherm • Week 7: Gastcollege

  3. Agenda week 4 • Persona’s(done) • User Story • User Lines • Wireframes

  4. USER STORIES

  5. Verdieping • Van User Story naar Story Lines • Van Story Lines naar Multi WireFlows

  6. User stories • Writing Good User Stories http://www.youtube.com/watch?v=DaqyLWOEObY

  7. Story line

  8. MAAK PER PERSONA ÉÉN VERHAALLIJN Tip: gebruik pen & papier

  9. Multi WireFlows • http://wireframes.linowski.ca/2009/10/multiuser-wireflows/ Bron: http://linowski.ca/thoughts/2008/12/intended-user-flows-vs-real-activity/

  10. WAT ZIJN WIREFRAMES • ZWART-WIT tekeningen • Draadmodel van je website • Denk in verhoudingen

  11. WAAROM WIREFRAMES • Overzicht en hiërarchie • Focus layout • Communicatieklant & ontwikkelaar • Snellertweaken

  12. HOE? • Met de hand • Grafische software • Web prototyping software • Flowchart

  13. VOORWAARDEN • Logo • Primairenavigatie • Functionelegebieden • Optioneel • Secundairenavigatie (footer) • Zoeken

  14. DO’s • Keep it grayscale • Simpel • Focus op het doel • Watkomtwaar?

  15. DON’T’s • Rommelig • Tegedetailleerd • Teveelkleur en design • Gebruik van lettertypes • Gebruik van afbeeldingen • Tenzij: HIGH FIDELITY WIREFRAMING

  16. MAAK EEN WIREFRAME VAN DE HOMEPAGE Tip: gebruik www.mockflow.com

  17. VRAGEN

More Related