Design Principles & Guidelines

1,008 views

Published on

Presentation on incorporating design principles and guidelines for Dxf café on september the 17th, 2012.

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,008
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Met het laatste onderdeel kan ik (bijna) alleen uit mijn eigen ervaring putten en ben benieuwd naar jullie gedachten hierover.
  • Misschien vraag je je af hoe ik bij dit onderwerp terecht ben gekomen
  • 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.
  • 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?
  • Overlap, mensen kennen verschillende principes, varianten (of misconcepties) van principes
  • 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
  • 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
  • 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)
  • Stakeholders: collega’s, partners, klanten, allesGuidelines beschrijven het ontwerp zelf op een gedetailleerder niveau
  • 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”
  • 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.
  • 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)
  • 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
  • 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)
  • 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
  • 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
  • Dank
  • Design Principles & Guidelines

    1. 1. Design Principles & GuidelinesDxf café #019 – Maandag 17 september 2012 © 2010 Exact |
    2. 2. Design Principles & GuidelinesWat zijn design principles?De toegevoegde waardeVormgeven en integreren © 2010 Exact |
    3. 3. Design Principles & GuidelinesWaarom ben ik bezig met dit onderwerp? © 2010 Exact |
    4. 4. Waarom dit onderwerp?9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 4
    5. 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. 6. Waarom dit onderwerp? A A B A A A C B9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 6
    7. 7. Waarom dit onderwerp? A A A A A A A A9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 7
    8. 8. Waarom dit onderwerp UX vision Roadmap Development Vision Principles Guidelines9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 8
    9. 9. Design Principles & GuidelinesWat zijn design principles?De toegevoegde waardeVormgeven en integreren © 2010 Exact |
    10. 10. Wat zijn design principles?Visie > principes > richtlijnenVision statementPrinciples (values) als toolGuidelines beschrijven hetontwerp in detail- Style- Patterns- Building blocks9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 10
    11. 11. Wat zijn design principles?“Design principles zijn de grondwetten van een product. Zeleggen het karakter vast en communiceren dit naar allestakeholders. Design principles zijn de fundamentele doelen,waaraan je elke ontwerpbeslissing kunt toetsen. Ze zorgenervoor dat er in losse projecten uniforme beslissingengemaakt worden.”9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 11
    12. 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. 13. Design Principles & GuidelinesWat zijn design principles?De toegevoegde waardeVormgeven en integreren © 2010 Exact |
    14. 14. De toegevoegde waarde AEen 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 product9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 14
    15. 15. Design Principles & GuidelinesWat zijn design principles?De toegevoegde waardeVormgeven en integreren © 2010 Exact |
    16. 16. Vormgeven en integrerenAanpak in detail afstemmen opdoelen, bedrijf, product etc.Brainstorms en discussie met hetUX teamOnze doelen:- Creëren ownership (ter bevordering acceptatie)- Verzamelen inputInteractieve brainstormsessiesmet diverse groep deelnemers9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 16
    17. 17. Vormgeven en integrerenInteractieve 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. 18. Vormgeven en integrerenResultaten 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 integratie9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 18
    19. 19. Vormgeven en integrerenEn 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- Handouts9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 19
    20. 20. Design Principles & GuidelinesTot slot © 2010 Exact |
    21. 21. Tot slotAfhankelijk van het bedrijf, is het managen van acceptatie debelangrijkste en grootste uitdaging bij het opzetten enintegreren van design principlesMijn ervaring is dat wanneer mensen de principesaannemen, ze enthousiast en bijna fanatiek gebruik makenvan de mogelijkheden die ze biedenSamenvoeging bedrijfsfilosofie9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 21
    22. 22. 9/25/2012 Design Principles & Guidelines – Dxf café #019 – Bob de Graaf © 2010 Exact | 22

    ×