Het ontwerptraject voor mobiel

30
MOBIELE ONTWERPTRAJECT How to Guide- Content is de ster

Transcript of Het ontwerptraject voor mobiel

Page 1: Het ontwerptraject voor mobiel

MOBIELE ONTWERPTRAJECTHow to Guide- Content is de ster

Page 2: Het ontwerptraject voor mobiel

DE OPDRACHT

Page 3: Het ontwerptraject voor mobiel

“Bedenk hoe je aan een brede doelgroep het mobiele ontwerp proces kunt uitleggen en hoe je dit het beste via een interactieve infographic kunt presenteren.”

Page 4: Het ontwerptraject voor mobiel
Page 5: Het ontwerptraject voor mobiel

CONCEPTContent is de ster

Page 6: Het ontwerptraject voor mobiel

Dit concept is een mobiele website waarbij de content moet uitblinken. Mijn persoonlijke verhaal over het ontwerpen voor mobiel wordt uitgelicht waarbij je van A tot Z alle stappen van het proces doorloopt.

Page 7: Het ontwerptraject voor mobiel

KERNWOORDENHet concept in 5 kernwoorden

Page 8: Het ontwerptraject voor mobiel

- Content is de ster- Persoonlijk verhaal- Luchtig/ Speels- Minimalistisch- Chronologisch

Page 9: Het ontwerptraject voor mobiel

CONTENTWat wordt er verteld?

Page 10: Het ontwerptraject voor mobiel

5 hoofdstukken:- Voortraject - Doel bepalen, Doelgroep, Inventariseren, Content

- Concept - Brainstorm, Inspiratie opdoen, Keuzes maken

- Interactie - Scenario, Flowchart, Schetsen, Wireframes, Testen

- Visual Design - Kleurenpalet, Font, Visuele elementen, User Interface

- Development - Oplevering, CMS, Front end, Back end

Page 11: Het ontwerptraject voor mobiel

“Ik vind het belangrijk om de informatie op deze manier te presenteren omdat ik merk dat veel ontwerpers gelijk beginnen met ontwerpen zonder dat ze een goed voortraject hebben gehad. Vandaar dat ik elke fase goed uitlicht in een chronologische volgorde.”

Page 12: Het ontwerptraject voor mobiel

WIREFRAMES

Page 13: Het ontwerptraject voor mobiel
Page 14: Het ontwerptraject voor mobiel

HET DESIGN

Page 15: Het ontwerptraject voor mobiel
Page 16: Het ontwerptraject voor mobiel

KLEUR

Page 17: Het ontwerptraject voor mobiel
Page 18: Het ontwerptraject voor mobiel
Page 19: Het ontwerptraject voor mobiel

FONT

Page 20: Het ontwerptraject voor mobiel
Page 21: Het ontwerptraject voor mobiel
Page 22: Het ontwerptraject voor mobiel

BEELDMATERIAAL

Page 23: Het ontwerptraject voor mobiel
Page 24: Het ontwerptraject voor mobiel

UITLEG PRODUCTHow to guide- mobiele ontwerptraject

Page 25: Het ontwerptraject voor mobiel
Page 26: Het ontwerptraject voor mobiel
Page 27: Het ontwerptraject voor mobiel
Page 28: Het ontwerptraject voor mobiel

CONCLUSIE

Page 29: Het ontwerptraject voor mobiel

- Voor een leek te begrijpen (brede doelgroep)- Op mobiel gepresenteerd (zelfde medium als het onderwerp)- Vrolijk en speels- Persoonlijk- Makkelijk in gebruik

Page 30: Het ontwerptraject voor mobiel

THE END