7 steps to good design

Delivered at Makers Academy 2013

Transcript

1. 7 steps to Heaven —————— good Design ——————
2. Gearoid gah—road -
3. Startup Designer
4. Seedcamp, EDITD, Listora, event.ly, web summit, f.ounders, Daily measure, Microsoft
5. Design+banter
6. ONE
7. Design is not Magic
8. It starts with Research
9. Who are your users?
10. What capabilitiy do they lack?
11. two
12. Understand the “job to be done”
13. problem Job v —
14. job patterns v —
15. job + patterns = concept
16. three
17. map out the user flows
18. affording your users capability
19. what the user sees – - – - - - – – – – – – – – – - - - – – – – – – – – – - - - – – – – – – – what they can do what else they can do
20. what the user sees – - – - - - – – – – – – – – – - - - – – – – – – – – – - - - – – – – – – – what they can do what else they can do what they see next – - – - - - – – – – – – – – – - - - – – – – – – – – – - - - – – – – – – – what they can do what else they can do what they see next – - – - - - – – – – – – – – – - - - – – – – – – – – – - - - – – – – – – – what they can do what else they can do v — — — — — — v — — — — — —
21. Dashboard – - – - - - – – – – – – – – – - - - – – – – – – – – – - - - – – – – – – – Add new task View profile New task form – - – - - - – – – – – – – – – - - - – – – – – – – – – - - - – – – – – – – Add correct params* cancel Profile – - – - - - – – – – – – – – – - - - – – – – – – – – – - - - – – – – – – – Add service Edit details – - – - - - – – – – – – – Cancel account v — — — — — — v — — — — — —
22. *Task parameters – – - - - – – – – – – – – – - - - – – – – – – – [ ] Task name [ ] Task category [ ] Due date New task form – - – - - - – – – – – – – – – - - - – – – – – – – – – - - - – – – – – – – Add correct params* cancel Profile – - – - - - – – – – – – – – – - - - – – – – – – – – – - - - – – – – – – – Add service Edit details – - – - - - – – – – – – – Cancel account v — — — — — — v — — — — — —
23. Four
24. Sketch solutions early & often
25. What’s imporant? Divergence, speed
27. Remember It’s better together
29. Remember It’s not drawing
30. five
31. Buld less s**t
32. NO!
33. MVP = less MVP = bad design —
34. six
35. Design is not Magic
36. It starts again with testing
38. Qualitative: Interviews etc
39. Quantitative: A/B, heat maps, etc
40. seven
41. How about some shortcuts?
42. USe open source frameworks
43. Bootstrap foundation
44. Consider using free UI KITS
45. Flat UI Square UI
46. FInd inspiration from others
47. dribbble.com niice.co designmodo.com thenounproject.com
48. news.layervault.com/search? utf8=✓&query=Site+design%3A
49. Don’t be a copycat
50. @orourkedesign gearoidorourke.com