2. Interactie Visueel
Idee Frontend Backend
ontwerp ontwerp
interactie ontwerp
Het begint, allemaal met een goed idee. Je hebt het getest en je wilt er mee aan de slag.
3. Interactie Visueel
Idee Frontend Backend
ontwerp ontwerp
interactie ontwerp
Op basis van het idee wordt een interactie ontwerp gecreëerd waarin staat wat, waar op de pagina’s komt te staan. Zeg maar een
bouwtekening.
4. Interactie Visueel
Idee Frontend Backend
ontwerp ontwerp
interactie ontwerp
Aan de hand van het interactie ontwerp en eventueel een huisstijl vertaalt een visueel ontwerper het interactie ontwerp naar de site
zoals hij er uiteindelijk uit komt te zien.
5. Interactie Visueel
Idee Frontend Backend
ontwerp ontwerp
interactie ontwerp
De Frontend programmeur zorgt ervoor dat alle elementen werkend zijn op de pagina zoals je ze ziet.
6. Interactie Visueel
Idee Frontend Backend
ontwerp ontwerp
interactie ontwerp
De Backend programmeur bouwt alles van de website wat je niet ziet. Denk hierbij bijvoorbeeld aan databases, zoek functionaliteiten en
dat de content op de goede plek terecht komt op de site.
7. Interactie Visueel
Idee Frontend Backend
ontwerp ontwerp
interactie ontwerp
De grootte van de blokken representeren gemiddelde genomen de te benodigde tijd (en kosten) per fase...
8. Interactie Visueel
Idee Frontend Backend
ontwerp ontwerp
interactie ontwerp
Tijdens de idee- en interactie ontwerp fases wordt bepaald wat de latere looptijd en investeringen van het project
worden.
Vaak wordt er juist bezuinigd op de eerste fases...
21. Missie Missie Project Feature
Hoe wij een missie graag zien
interactie ontwerp
22. Missie Missie Project Feature
Hoe wij een missie graag zien
‣ Er is een hoofddoel
interactie ontwerp
23. Missie Missie Project Feature
Hoe wij een missie graag zien
‣ Er is een hoofddoel
‣ Mogelijke secundaire doelen
interactie ontwerp
24. Missie Missie Project Feature
Hoe wij een missie graag zien
‣ Er is een hoofddoel
‣ Mogelijke secundaire doelen
‣ Een vaste looptijd
interactie ontwerp
25. Missie Missie Project Feature
Hoe wij een missie graag zien
‣ Er is een hoofddoel
‣ Mogelijke secundaire doelen
‣ Een vaste looptijd
Bouwstenen: concept omschrijving, persona omschrijving, flowchart, user testing
interactie ontwerp
26. Missie Missie Project Feature
Hoe wij een missie graag zien
‣ Er is een hoofddoel
‣ Mogelijke secundaire doelen
‣ Een vaste looptijd
Bouwstenen: concept omschrijving, persona omschrijving, flowchart, user testing
Voorbeelden: product verkopen, een community bedienen, support verlenen
interactie ontwerp
28. Missie Missie Project Feature
Hoe wij een project graag zien
interactie ontwerp
29. Missie Missie Project Feature
Hoe wij een project graag zien
‣ Zo klein mogelijk
interactie ontwerp
30. Missie Missie Project Feature
Hoe wij een project graag zien
‣ Zo klein mogelijk
‣ Op zichzelf staand
interactie ontwerp
31. Missie Missie Project Feature
Hoe wij een project graag zien
‣ Zo klein mogelijk
‣ Op zichzelf staand
‣ Meetbare resultaten
interactie ontwerp
32. Missie Missie Project Feature
Hoe wij een project graag zien
‣ Zo klein mogelijk
‣ Op zichzelf staand
‣ Meetbare resultaten
Bouwstenen: functioneel ontwerp, interactie ontwerp, prototype, user testing
interactie ontwerp
33. Missie Missie Project Feature
Hoe wij een project graag zien
‣ Zo klein mogelijk
‣ Op zichzelf staand
‣ Meetbare resultaten
Bouwstenen: functioneel ontwerp, interactie ontwerp, prototype, user testing
Voorbeelden: basic presence, chat systeem, product presentatie
interactie ontwerp
35. Missie Missie Project Feature
Hoe wij een feature graag zien
interactie ontwerp
36. Missie Missie Project Feature
Hoe wij een feature graag zien
‣ Alleen als het nodig is
interactie ontwerp
37. Missie Missie Project Feature
Hoe wij een feature graag zien
‣ Alleen als het nodig is
‣ Zo veel mogelijk resultaat
interactie ontwerp
38. Missie Missie Project Feature
Hoe wij een feature graag zien
‣ Alleen als het nodig is
‣ Zo veel mogelijk resultaat
‣ Meetbare resultaten
interactie ontwerp
39. Missie Missie Project Feature
Hoe wij een feature graag zien
‣ Alleen als het nodig is
‣ Zo veel mogelijk resultaat
‣ Meetbare resultaten
Bouwstenen: wireframes, paterns, prototyping, user testing
interactie ontwerp
40. Missie Missie Project Feature
Hoe wij een feature graag zien
‣ Alleen als het nodig is
‣ Zo veel mogelijk resultaat
‣ Meetbare resultaten
Bouwstenen: wireframes, paterns, prototyping, user testing
Voorbeelden: photo tag, trending topics, status notifier
interactie ontwerp
43. Missie Project Feature
Kortom
'Met deze strategie weet je waar je aan begint en wat je kan bereiken'
interactie ontwerp
44. Missie Project Feature
Kortom
'Met deze strategie weet je waar je aan begint en wat je kan bereiken'
‣ Overzicht; haalbaarheid, looptijd en budget
interactie ontwerp
45. Missie Project Feature
Kortom
'Met deze strategie weet je waar je aan begint en wat je kan bereiken'
‣ Overzicht; haalbaarheid, looptijd en budget
‣ Stap voor stap; meerdere op zichzelf staande projecten
interactie ontwerp
46. Missie Project Feature
Kortom
'Met deze strategie weet je waar je aan begint en wat je kan bereiken'
‣ Overzicht; haalbaarheid, looptijd en budget
‣ Stap voor stap; meerdere op zichzelf staande projecten
‣ Zekerheid; meetbare conversie van features
interactie ontwerp
47. Missie Project Feature
Kortom
'Met deze strategie weet je waar je aan begint en wat je kan bereiken'
‣ Overzicht; haalbaarheid, looptijd en budget
‣ Stap voor stap; meerdere op zichzelf staande projecten
‣ Zekerheid; meetbare conversie van features
‣ Efficiëntie; shared understanding van alle betrokken partijen
interactie ontwerp