Inside Design - Create team guideline

by @EmmanuelJulliot & @Mylenela
The goal of this short talk was to introduce the guideline creation process to designers and non-designers.

This event was part of the Web2day 2016.

Transcript

2. INSIDE DESIGN guidelines
3. WHAT’S A GUIDELINE?
4. A plan or explanation to guide one in setting standards or determining a course of action. General definition Wikipedia
5. Signs
6. Documents which offer developers and designers a set of recommendations. The guides enumerate specific policies. Policies are sometimes based on studies of human-computer interaction. Human interface guidelines Wikipedia
7. WHY A GUIDELINE?
8. Scale up the team
9. Keep consistency
10. Color name #6BAC1B rgba(107, 172, 27, 1) Color name #71AE1E rgba(113, 174, 30, 1) Color name #548420 rgba(84, 132, 32, 1) Color name #8CD774 rgba(140, 215, 116, 1) Color name #6BAC1B rgba(107, 172, 27, 0.4) Color name #1BC74E rgba(27, 199, 78, 1) Color name #1BC74E rgba(27, 199, 78, 1)
11. Improve communication
12. Provide tools and educate
13. Speed up creative process
14. Improve
 performance
15. Build a brand image
16. BUT HOW?
17. 2012 2015 Design timeline 2016
18. 2012 2015 2016 Design timeline First UI KIT Upgrade
 UI/UX changes New branding New guidelines Online guidelines
19. & &
20. Adjust button shape, distributor, Sketch style inventory… Sketch plugin sketchapp.com/extensions/ plugins/ Color contrast check jxnblk.com/colorable/ demos/text/ Grid getbootstrap.com/css/#grid Typography Line-height Font sizes Line width Shadows Google material rules Colorblind
21. & Guidelines aren’t only for giants
23. HOW ABOUT ON MOBILE?
24. YES for brand
 guidelines BUT BIGGER YES to mobile convention
25. Captain Train Consistency & Performance
26. Innovate when you know you have a better idea, but take advantage of conventions when you don’t. Recommendation by Steve Krug
27. RESULTS?
33. And now? Less questions More time
 to create, test & prototype Way better consistency Better autonomy for non-designer
34. Less how, more why Guidelines aren’t a prison, break them when needed! Always question everything