SlideShare a Scribd company logo
1 of 30
Download to read offline
MOBIELE ONTWERPTRAJECT
How to Guide- Content is de ster
DE OPDRACHT
“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.”
CONCEPT
Content is de ster
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.
KERNWOORDEN
Het concept in 5 kernwoorden
- Content is de ster
- Persoonlijk verhaal
- Luchtig/ Speels
- Minimalistisch
- Chronologisch
CONTENT
Wat wordt er verteld?
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
“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.”
WIREFRAMES
HET DESIGN
KLEUR
FONT
BEELDMATERIAAL
UITLEG PRODUCT
How to guide- mobiele ontwerptraject
CONCLUSIE
- Voor een leek te begrijpen (brede doelgroep)
- Op mobiel gepresenteerd (zelfde medium als het
onderwerp)
- Vrolijk en speels
- Persoonlijk
- Makkelijk in gebruik
THE END

More Related Content

Similar to Het ontwerptraject voor mobiel

User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteersHans Kemp
 
Ader van innovatie: hoe werkt het platform?
Ader van innovatie: hoe werkt het platform?Ader van innovatie: hoe werkt het platform?
Ader van innovatie: hoe werkt het platform?Venturespring
 
Presentatie Concept
Presentatie ConceptPresentatie Concept
Presentatie ConceptLotte Witty
 
Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronenHans Kemp
 
Concept-ontwikkeling - een introductie
Concept-ontwikkeling - een introductieConcept-ontwikkeling - een introductie
Concept-ontwikkeling - een introductieRaoul Teeuwen
 
Smart Lighting in Eindhoven - door U-Approach
Smart Lighting in Eindhoven - door U-ApproachSmart Lighting in Eindhoven - door U-Approach
Smart Lighting in Eindhoven - door U-ApproachJimmy Rentmeester
 
Business sprint loot 20 maart ledenraad loot
Business sprint loot 20 maart ledenraad lootBusiness sprint loot 20 maart ledenraad loot
Business sprint loot 20 maart ledenraad lootMadelief Keyser
 
Curriculum vitae Len Heezemans
Curriculum vitae Len Heezemans  Curriculum vitae Len Heezemans
Curriculum vitae Len Heezemans Len Heezemans
 
MonkeyTalk FALL 2012 - Talk 06 content ux
MonkeyTalk FALL 2012 - Talk 06 content uxMonkeyTalk FALL 2012 - Talk 06 content ux
MonkeyTalk FALL 2012 - Talk 06 content uxMonkeyshot
 
Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0708Q2 Hoorcollege 1   Structuur, Flow En NavigatieIad1 0708Q2 Hoorcollege 1   Structuur, Flow En Navigatie
Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En NavigatieHans Kemp
 
webcommunicatie / college 1
webcommunicatie / college 1webcommunicatie / college 1
webcommunicatie / college 1Igor ter Halle
 
Masterclass Prototyping
Masterclass PrototypingMasterclass Prototyping
Masterclass PrototypingAggeris Media
 
App development step by step
App development   step by stepApp development   step by step
App development step by stepPhilippe De Pauw
 
Informele introductie Zicht
Informele introductie ZichtInformele introductie Zicht
Informele introductie ZichtDaniël Plazier
 
0809 Deeltijd: Structuur, flow en navigatie
0809 Deeltijd: Structuur, flow en navigatie0809 Deeltijd: Structuur, flow en navigatie
0809 Deeltijd: Structuur, flow en navigatieHans Kemp
 
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...Rasin Bekkevold
 
Mobiele strategie online_pixel
Mobiele strategie online_pixelMobiele strategie online_pixel
Mobiele strategie online_pixelGuido Gihaux
 
Apps voor folders en magazines: doen of niet doen?
Apps voor folders en magazines: doen of niet doen?Apps voor folders en magazines: doen of niet doen?
Apps voor folders en magazines: doen of niet doen?Peter Luit
 
13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomenten13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomentenJacqueline van Leeuwen
 

Similar to Het ontwerptraject voor mobiel (20)

User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteers
 
Ader van innovatie: hoe werkt het platform?
Ader van innovatie: hoe werkt het platform?Ader van innovatie: hoe werkt het platform?
Ader van innovatie: hoe werkt het platform?
 
Presentatie Concept
Presentatie ConceptPresentatie Concept
Presentatie Concept
 
Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronen
 
Concept-ontwikkeling - een introductie
Concept-ontwikkeling - een introductieConcept-ontwikkeling - een introductie
Concept-ontwikkeling - een introductie
 
Smart Lighting in Eindhoven - door U-Approach
Smart Lighting in Eindhoven - door U-ApproachSmart Lighting in Eindhoven - door U-Approach
Smart Lighting in Eindhoven - door U-Approach
 
Business sprint loot 20 maart ledenraad loot
Business sprint loot 20 maart ledenraad lootBusiness sprint loot 20 maart ledenraad loot
Business sprint loot 20 maart ledenraad loot
 
Curriculum vitae Len Heezemans
Curriculum vitae Len Heezemans  Curriculum vitae Len Heezemans
Curriculum vitae Len Heezemans
 
MonkeyTalk FALL 2012 - Talk 06 content ux
MonkeyTalk FALL 2012 - Talk 06 content uxMonkeyTalk FALL 2012 - Talk 06 content ux
MonkeyTalk FALL 2012 - Talk 06 content ux
 
Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0708Q2 Hoorcollege 1   Structuur, Flow En NavigatieIad1 0708Q2 Hoorcollege 1   Structuur, Flow En Navigatie
Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En Navigatie
 
webcommunicatie / college 1
webcommunicatie / college 1webcommunicatie / college 1
webcommunicatie / college 1
 
Masterclass Prototyping
Masterclass PrototypingMasterclass Prototyping
Masterclass Prototyping
 
App development step by step
App development   step by stepApp development   step by step
App development step by step
 
Informele introductie Zicht
Informele introductie ZichtInformele introductie Zicht
Informele introductie Zicht
 
0809 Deeltijd: Structuur, flow en navigatie
0809 Deeltijd: Structuur, flow en navigatie0809 Deeltijd: Structuur, flow en navigatie
0809 Deeltijd: Structuur, flow en navigatie
 
Kennissessie liquid internet & persuasion design
Kennissessie liquid internet & persuasion designKennissessie liquid internet & persuasion design
Kennissessie liquid internet & persuasion design
 
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
 
Mobiele strategie online_pixel
Mobiele strategie online_pixelMobiele strategie online_pixel
Mobiele strategie online_pixel
 
Apps voor folders en magazines: doen of niet doen?
Apps voor folders en magazines: doen of niet doen?Apps voor folders en magazines: doen of niet doen?
Apps voor folders en magazines: doen of niet doen?
 
13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomenten13 ideeën voor inspirerende inspraakmomenten
13 ideeën voor inspirerende inspraakmomenten
 

Het ontwerptraject voor mobiel

  • 1. MOBIELE ONTWERPTRAJECT How to Guide- Content is de ster
  • 3. “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.”
  • 4.
  • 6. 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.
  • 8. - Content is de ster - Persoonlijk verhaal - Luchtig/ Speels - Minimalistisch - Chronologisch
  • 10. 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
  • 11. “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.”
  • 13.
  • 15.
  • 16. KLEUR
  • 17.
  • 18.
  • 19. FONT
  • 20.
  • 21.
  • 23.
  • 24. UITLEG PRODUCT How to guide- mobiele ontwerptraject
  • 25.
  • 26.
  • 27.
  • 29. - Voor een leek te begrijpen (brede doelgroep) - Op mobiel gepresenteerd (zelfde medium als het onderwerp) - Vrolijk en speels - Persoonlijk - Makkelijk in gebruik