Things I hate to do as a designer but do anyway

405 views

Published on

A short talk about steps in my design process I used to hate, but do anyway because they are so vital.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Things I hate to do as a designer but do anyway

  1. 1. Things I hate to do as a designer but do anyway Matt Johnston @mattsjohnstonSunday, October 21, 12
  2. 2. Things I wish I had done more of while I was in 500 Startups Matt Johnston @mattsjohnstonSunday, October 21, 12
  3. 3. User FeedbackSunday, October 21, 12
  4. 4. Swallow your pride • Ask as o!en as you can • Ask as many people as you can • Ask during each stage of designSunday, October 21, 12
  5. 5. What do you ask? • Do they understand it? • Do they like it? • How would they use it? • How would they like it differently?Sunday, October 21, 12
  6. 6. Flow MappingSunday, October 21, 12
  7. 7. What pages will you have? • Map specific action flows • Map entire site structure • Don’t skip any pagesSunday, October 21, 12
  8. 8. Resources • MindNode Lite • MindMeister • Pen & paperSunday, October 21, 12
  9. 9. WireframesSunday, October 21, 12
  10. 10. Helps focus your designing efforts on content & layoutSunday, October 21, 12
  11. 11. • Key sketches very low-res • Keep them small - it will help keep too much detail outSunday, October 21, 12
  12. 12. InspirationSunday, October 21, 12
  13. 13. It’s not copying if you call it “inspiration” • If nobody copied interface designs, the world would be a confusing place • A uniform web is a useable webSunday, October 21, 12
  14. 14. Resources • patterntap.com • mobile-patterns.com • dribbble.com • appvita.com • ui-patterns.com • Google, duh...Sunday, October 21, 12
  15. 15. Prototyping with codeSunday, October 21, 12
  16. 16. Why? • Provides your back-end devs with markup sooner rather than later • Encourages focus on content before graphics • Allows for a quicker MVP launch • Encourages use of reusable CSS components that can be styled as neededSunday, October 21, 12
  17. 17. Use a front-end framework • Bootstrap • Zurb FoundationSunday, October 21, 12
  18. 18. Thank you. Matt Johnston @mattsjohnstonSunday, October 21, 12

×