SlideShare a Scribd company logo
1 of 22
Design Principles & Guidelines
Dxf café #019 – Maandag 17 september 2012




                                            © 2010 Exact |
Design Principles & Guidelines




Wat zijn design principles?
De toegevoegde waarde
Vormgeven en integreren




                                 © 2010 Exact |
Design Principles & Guidelines




Waarom ben ik bezig met dit onderwerp?




                                         © 2010 Exact |
Waarom dit onderwerp?




9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 4
Waarom dit onderwerp?



             De gebruiker
            moet zelf kunnen
            besluiten hoe te
            werken, hoe gek
              dat ook is.




9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 5
Waarom dit onderwerp?



   A                                                               A
                         B
                                             A




                     A                                             A

       C                                         B




9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 6
Waarom dit onderwerp?



   A                                                               A
                         A
                                             A




                     A                                             A

       A                                         A




9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 7
Waarom dit onderwerp




            UX vision                 Roadmap                 Development




             Vision                   Principles                Guidelines




9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf    © 2010 Exact | 8
Design Principles & Guidelines




Wat zijn design principles?
De toegevoegde waarde
Vormgeven en integreren




                                 © 2010 Exact |
Wat zijn design principles?



Visie > principes > richtlijnen

Vision statement
Principles (values) als tool
Guidelines beschrijven het
ontwerp in detail
- Style
- Patterns
- Building blocks




9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 10
Wat zijn design principles?



“Design principles zijn de grondwetten van een product. Ze
leggen het karakter vast en communiceren dit naar alle
stakeholders. Design principles zijn de fundamentele doelen,
waaraan je elke ontwerpbeslissing kunt toetsen. Ze zorgen
ervoor dat er in losse projecten uniforme beslissingen
gemaakt worden.”




9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 11
Wat zijn design principles?



Voorwaarden
    Cross-feature en toch specifiek
    Niet conflicterend
    Begrijpelijk voor iedereen
    Memorabel geschreven


“Fast is better than slow”




9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 12
Design Principles & Guidelines




Wat zijn design principles?
De toegevoegde waarde
Vormgeven en integreren




                                 © 2010 Exact |
De toegevoegde waarde


                                                                            A
Een gezamelijke definitie van goed
- Vergemakkelijkt het kiezen van het
  juiste concept
- Vergemakkelijkt het maken van
  ontwerpbeslissingen
- Helpt ontwerpbeslissingen naderhand te motiveren
- Helpt bij gegrond feedback geven of verwerken
- Bevordert kennisdeling
- Het opzetten helpt je nadenken over het karakter en de
  kern (functionaliteit) van je product



9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 14
Design Principles & Guidelines




Wat zijn design principles?
De toegevoegde waarde
Vormgeven en integreren




                                 © 2010 Exact |
Vormgeven en integreren



Aanpak in detail afstemmen op
doelen, bedrijf, product etc.


Brainstorms en discussie met het
UX team


Onze doelen:
- Creëren ownership (ter
  bevordering acceptatie)
- Verzamelen input

Interactieve brainstormsessies
met diverse groep deelnemers



9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 16
Vormgeven en integreren



Interactieve brainstormsessies
- Persoonlijke kit
- Onverwachte opdeling groepen
- Geen slechte ideeën, geen functietitels
 - Opwarm activiteit en korte presentatie
 - Ideeën genereren
 - Samen principles maken
 - Presenteren
 - Hele ruimte gebruiken
 - Geen afleiding (telefoons, laptops e.d.)

9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 17
Vormgeven en integreren



Resultaten verwerken
- Inzichten vanuit
  verschillende functies
- Veel overlap in de
  gemaakte principles
- Veel overlap met UX team
- Destilleren tot heldere niet
  conflicterende principes
- Vroeg en vaak feedback
  vragen is belangrijk voor
  acceptatie en integratie


9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 18
Vormgeven en integreren



En nu verder
- Communicatieplan
- Prioriteit in focus
- Interne website
- Participanten betrekken bij launch
- Andere stakeholders betrekken bij launch
- Communicatie van praktijkvoorbeelden
- Launch tegelijk met nieuwe roadmaps
- Visuele communicatie
- Handouts

9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 19
Design Principles & Guidelines




Tot slot




                                 © 2010 Exact |
Tot slot



Afhankelijk van het bedrijf, is het managen van acceptatie de
belangrijkste en grootste uitdaging bij het opzetten en
integreren van design principles


Mijn ervaring is dat wanneer mensen de principes
aannemen, ze enthousiast en bijna fanatiek gebruik maken
van de mogelijkheden die ze bieden


Samenvoeging bedrijfsfilosofie




9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 21
9/25/2012   Design Principles & Guidelines – Dxf café #019 – Bob de Graaf   © 2010 Exact | 22

More Related Content

Similar to Design Principles & Guidelines

Relatiemiddag klantgroep bedrijfsgebouwen 20111115
Relatiemiddag klantgroep bedrijfsgebouwen 20111115Relatiemiddag klantgroep bedrijfsgebouwen 20111115
Relatiemiddag klantgroep bedrijfsgebouwen 20111115
Heembouw
 
Toegankelijkheid loont! en de praktijk (Operatie NUP congres 2013)
Toegankelijkheid loont! en de praktijk  (Operatie NUP congres 2013)Toegankelijkheid loont! en de praktijk  (Operatie NUP congres 2013)
Toegankelijkheid loont! en de praktijk (Operatie NUP congres 2013)
OperatieNUP
 

Similar to Design Principles & Guidelines (20)

Een praktische invulling van TOGAF
Een praktische invulling van TOGAFEen praktische invulling van TOGAF
Een praktische invulling van TOGAF
 
SEO Consultancy & Project Management at Scale | Marloes Zweers | Reprise Digital
SEO Consultancy & Project Management at Scale | Marloes Zweers | Reprise DigitalSEO Consultancy & Project Management at Scale | Marloes Zweers | Reprise Digital
SEO Consultancy & Project Management at Scale | Marloes Zweers | Reprise Digital
 
mtenv Academie programma 2016
mtenv Academie programma 2016mtenv Academie programma 2016
mtenv Academie programma 2016
 
Relatiemiddag klantgroep bedrijfsgebouwen 20111115
Relatiemiddag klantgroep bedrijfsgebouwen 20111115Relatiemiddag klantgroep bedrijfsgebouwen 20111115
Relatiemiddag klantgroep bedrijfsgebouwen 20111115
 
Toegankelijkheid loont! en de praktijk (Operatie NUP congres 2013)
Toegankelijkheid loont! en de praktijk  (Operatie NUP congres 2013)Toegankelijkheid loont! en de praktijk  (Operatie NUP congres 2013)
Toegankelijkheid loont! en de praktijk (Operatie NUP congres 2013)
 
Masterclass Kwaliteitsnetwerk Bouw: "BIM in relatie tot kwaliteitsmanagement"
Masterclass Kwaliteitsnetwerk Bouw: "BIM in relatie tot kwaliteitsmanagement"Masterclass Kwaliteitsnetwerk Bouw: "BIM in relatie tot kwaliteitsmanagement"
Masterclass Kwaliteitsnetwerk Bouw: "BIM in relatie tot kwaliteitsmanagement"
 
David presentatie 21 jan 2010
David presentatie 21 jan 2010David presentatie 21 jan 2010
David presentatie 21 jan 2010
 
Webwinkel Vakdagen - RFP
Webwinkel Vakdagen - RFPWebwinkel Vakdagen - RFP
Webwinkel Vakdagen - RFP
 
Drupal Ncrv
Drupal NcrvDrupal Ncrv
Drupal Ncrv
 
Keynote CEO Catherine Gressens zonder roadmap
Keynote CEO Catherine Gressens zonder roadmapKeynote CEO Catherine Gressens zonder roadmap
Keynote CEO Catherine Gressens zonder roadmap
 
Website bouwen in 10 stappen
Website bouwen in 10 stappenWebsite bouwen in 10 stappen
Website bouwen in 10 stappen
 
Presentatie midoffice themamiddag gemeente Halderberge
Presentatie midoffice themamiddag gemeente HalderbergePresentatie midoffice themamiddag gemeente Halderberge
Presentatie midoffice themamiddag gemeente Halderberge
 
Booosting BIM II - BIR en EGM architecten - 15 december 2014
Booosting BIM II - BIR en EGM architecten - 15 december 2014Booosting BIM II - BIR en EGM architecten - 15 december 2014
Booosting BIM II - BIR en EGM architecten - 15 december 2014
 
BIM - Statusreport Belgium 2016 - Cloudalize
BIM - Statusreport Belgium 2016 - CloudalizeBIM - Statusreport Belgium 2016 - Cloudalize
BIM - Statusreport Belgium 2016 - Cloudalize
 
Pilot open source bim server bij arcadis
Pilot open source bim server bij arcadisPilot open source bim server bij arcadis
Pilot open source bim server bij arcadis
 
Bureaupresentatie novius linked in
Bureaupresentatie novius linked inBureaupresentatie novius linked in
Bureaupresentatie novius linked in
 
Drs 2.0 juni 2014- tbi
Drs 2.0  juni 2014- tbiDrs 2.0  juni 2014- tbi
Drs 2.0 juni 2014- tbi
 
Figlo implementatie van visie tot implementatie
Figlo implementatie   van visie tot implementatieFiglo implementatie   van visie tot implementatie
Figlo implementatie van visie tot implementatie
 
Architectuur van een geslaagde sourcing strategie
Architectuur van een geslaagde sourcing strategieArchitectuur van een geslaagde sourcing strategie
Architectuur van een geslaagde sourcing strategie
 
Obeya op de werkvloer
Obeya op de werkvloerObeya op de werkvloer
Obeya op de werkvloer
 

Design Principles & Guidelines

  • 1. Design Principles & Guidelines Dxf café #019 – Maandag 17 september 2012 © 2010 Exact |
  • 2. Design Principles & Guidelines Wat zijn design principles? De toegevoegde waarde Vormgeven en integreren © 2010 Exact |
  • 3. Design Principles & Guidelines Waarom ben ik bezig met dit onderwerp? © 2010 Exact |
  • 4. Waarom dit onderwerp? 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 4
  • 5. Waarom dit onderwerp? De gebruiker moet zelf kunnen besluiten hoe te werken, hoe gek dat ook is. 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 5
  • 6. Waarom dit onderwerp? A A B A A A C B 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 6
  • 7. Waarom dit onderwerp? A A A A A A A A 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 7
  • 8. Waarom dit onderwerp UX vision Roadmap Development Vision Principles Guidelines 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 8
  • 9. Design Principles & Guidelines Wat zijn design principles? De toegevoegde waarde Vormgeven en integreren © 2010 Exact |
  • 10. Wat zijn design principles? Visie > principes > richtlijnen Vision statement Principles (values) als tool Guidelines beschrijven het ontwerp in detail - Style - Patterns - Building blocks 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 10
  • 11. Wat zijn design principles? “Design principles zijn de grondwetten van een product. Ze leggen het karakter vast en communiceren dit naar alle stakeholders. Design principles zijn de fundamentele doelen, waaraan je elke ontwerpbeslissing kunt toetsen. Ze zorgen ervoor dat er in losse projecten uniforme beslissingen gemaakt worden.” 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 11
  • 12. Wat zijn design principles? Voorwaarden Cross-feature en toch specifiek Niet conflicterend Begrijpelijk voor iedereen Memorabel geschreven “Fast is better than slow” 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 12
  • 13. Design Principles & Guidelines Wat zijn design principles? De toegevoegde waarde Vormgeven en integreren © 2010 Exact |
  • 14. De toegevoegde waarde A Een gezamelijke definitie van goed - Vergemakkelijkt het kiezen van het juiste concept - Vergemakkelijkt het maken van ontwerpbeslissingen - Helpt ontwerpbeslissingen naderhand te motiveren - Helpt bij gegrond feedback geven of verwerken - Bevordert kennisdeling - Het opzetten helpt je nadenken over het karakter en de kern (functionaliteit) van je product 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 14
  • 15. Design Principles & Guidelines Wat zijn design principles? De toegevoegde waarde Vormgeven en integreren © 2010 Exact |
  • 16. Vormgeven en integreren Aanpak in detail afstemmen op doelen, bedrijf, product etc. Brainstorms en discussie met het UX team Onze doelen: - Creëren ownership (ter bevordering acceptatie) - Verzamelen input Interactieve brainstormsessies met diverse groep deelnemers 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 16
  • 17. Vormgeven en integreren Interactieve brainstormsessies - Persoonlijke kit - Onverwachte opdeling groepen - Geen slechte ideeën, geen functietitels - Opwarm activiteit en korte presentatie - Ideeën genereren - Samen principles maken - Presenteren - Hele ruimte gebruiken - Geen afleiding (telefoons, laptops e.d.) 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 17
  • 18. Vormgeven en integreren Resultaten verwerken - Inzichten vanuit verschillende functies - Veel overlap in de gemaakte principles - Veel overlap met UX team - Destilleren tot heldere niet conflicterende principes - Vroeg en vaak feedback vragen is belangrijk voor acceptatie en integratie 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 18
  • 19. Vormgeven en integreren En nu verder - Communicatieplan - Prioriteit in focus - Interne website - Participanten betrekken bij launch - Andere stakeholders betrekken bij launch - Communicatie van praktijkvoorbeelden - Launch tegelijk met nieuwe roadmaps - Visuele communicatie - Handouts 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 19
  • 20. Design Principles & Guidelines Tot slot © 2010 Exact |
  • 21. Tot slot Afhankelijk van het bedrijf, is het managen van acceptatie de belangrijkste en grootste uitdaging bij het opzetten en integreren van design principles Mijn ervaring is dat wanneer mensen de principes aannemen, ze enthousiast en bijna fanatiek gebruik maken van de mogelijkheden die ze bieden Samenvoeging bedrijfsfilosofie 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 21
  • 22. 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 22

Editor's Notes

  1. Met het laatste onderdeel kan ik (bijna) alleen uit mijn eigen ervaring putten en ben benieuwd naar jullie gedachten hierover.
  2. Misschien vraag je je af hoe ik bij dit onderwerp terecht ben gekomen
  3. CAD software en 3D modeling voor installatiebranche (intelligent kunnen ontwerpen van alle soorten installaties mbt ventilatie, leidingwerk, riolering, electra etc.). 20 jaar oud, 100 FTE (Benelux, Frankrijk, Roemenië) Marktleider in Nederland.
  4. Ik ontdekte principes in hoofden van mensen (langer werkzaam)Voorbeeld geen restricties voor de gebruiker bij het tekenen, soms installaties getekend voor situaties die wij nooit hadden kunnen voorzien > gebruiker totale vrijheidNieuwsgierig: waren er meer?
  5. Overlap, mensen kennen verschillende principes, varianten (of misconcepties) van principes
  6. Het leek me een goed idee de principes helder te krijgen en vast te leggen en gebruiken in ‘Design Meetings’Oud document technische principes software architectuur, herzien, aanvullen (veel interviews, product managers, management, software architect, oude garde developersenz)Ontwerpteam betrokken voor ze af waren, gingen er al direct mee aan de slagOntwerpbeslissingen, knopen doorhakken, verantwoorden eerder gemaakte beslissingenOvertuigd meerwaardeBoekje voor alle medewerkers in alle talen
  7. In Maart naar ExactVision team in place (UX vision, projecten op roadmap, development)Hard gemaakt voor opzetten Design Principles en vastleggen GuidelinesAanpak licht ik straks verder toe
  8. Wil wat kwijt over hoe Design Principles in een groter plaatje passenDeze jongen denkt na over later en heeft een bepaalde visieVision statement: Het beschrijft ambitie op lange termijn, wat je wilt zijn of bereiken (> Later bijzonder macho man zijn)Niet te verwarren met een mission statement die beschrijft waarom een organisatie bestaat en beschrijft wat je doet om de visie te bereikenOnze visie specifiek vanuit UX oogpunt, lobby (UX op de kaart zetten binnen de organisatie)Design Principles kun je gebruiken om je visie te realiseren (ik denk dat je zonder visie nog steeds design principles kunt maken)Voor onze jongen zou dit <Gespierde armen zijn belangrijker dan van eten genieten> kunnen zijnGuidelines in detail (t-shirt moet grijs zijn)Style (tone of voice, iconografie, typgrafie, kleurgebruik)Patterns (gestures, hoe notificeer je de gebruiker, hoe werkt selectie)Building blocks (controls, knoppen, velden, dialogen)
  9. Stakeholders: collega’s, partners, klanten, allesGuidelines beschrijven het ontwerp zelf op een gedetailleerder niveau
  10. Cross-feature en NIET specifiek genoeg is bijvoorbeeld “Easy touse”Voorbeeld: We geven de gebruiker altijd voorbeelden voor input (e.g. invoervelden) zodat het product makkelijker te gebruiken isGoogle, voorheen “Everymillisecondcounts”
  11. Vertel over eilandvorming (geen gezamelijke definitie van goed)Bij grote bedrijven speelt het risico van 'eilandvorming', waarbij de eilanden elk hun eigen oplossingen bedenken voor hetzelfde probleemKennisdeling: Ideeën in hoofden niet verloren bij vertrek personeelPrinciples kunnen langer meegaan dan het product zelfKarakter/kern: Waar moet het product in de kern het beste in zijn? Als mensen aan je product denken, wat wil je dan dat er in ze opkomt? Al het andere is irrelevant, afleiding, rommel.
  12. Belangrijkste en grootste uitdaging is het betrekken van mensen tijdens creatie en integratieBasis voor sessies Dan Saffer, “DesigningforInteraction”Verder kan ik hier alleen uitweiden over mijn eigen ervaringMensen uitgenodigd uit de hele organisatie (alle facetten, hot shots, jong/oud, nieuw/ervaren, brand manager)
  13. Kit (pen, post-its, naamkaartje, booklet met definitie en voorwaarden, groep kaartje)Google webshop brainstorm > match met principles (zelf ervaren wat het is en doet)Eerst 3 kernwoorden (principes) opschrijven PP voor EOL, uitleggen aan teamPrinciples maken (groeperen, discussie, meer post-its, extra input beschikbaar, titel en omschrijving) UX begeleiding per groepBooklet gebruiken om te toetsen aan definite design principles
  14. Overlap kan goed of slecht zijn. Goed: al veel ‘common ground’, of slecht: te algemeen (niet product eigen genoeg)Ik denk zelf dat alles al beter is dan niksVerrassend veel ‘feeling’ voor UX, meer dan vroeger denk ikGroeperen, discussie, schrijven, herschrijven, feedback vragenVoorbeeld feedback Mobile > Context (zonder die communicatie kan je op weerstand stuiten)
  15. Comm plan nodig om levend te maken en houden, op den duur moet het werkenFocus op propositie teams en buitenlandWebsitevision statement, principles en guidelinesBetrekken door vertellen bij launch evenementInterviews publiseren over proces en gebruik in teams (voorbeelden)Meer aandacht en serieusheid met roadmap (niet ene oor in, andere oor uit)Beeldmerken per principleHandout op zakformaat, meenemen naar meetings, branding
  16. Wanneer is integratie succesvol: toepassing in dagelijks werk, mensen kennen de principles uit hun hoofd,Gevolg: Het geefteenbepaaldezekerheid en houvast die uitnodigdom door tegaan.Google heeft de UX design principles samengevoegd met hun bedrijfsfilosofieIk hoop dat jullie hier wat aan gehad hebben, jullie het interessant vonden, jullie inspiratie hebben gekregen om zelf aan de slag te gaan
  17. Dank