Upload
matt-johnston
View
220
Download
0
Tags:
Embed Size (px)
DESCRIPTION
A short talk about steps in my design process I used to hate, but do anyway because they are so vital.
Citation preview
Things I hate to do as a designer but do anyway
Matt Johnston@mattsjohnston
Sunday, October 21, 12
Things I wish I had done more of while I was in 500 Startups
Matt Johnston@mattsjohnston
Sunday, October 21, 12
User Feedback
Sunday, October 21, 12
Swallow your pride
• Ask as o!en as you can
• Ask as many people as you can
• Ask during each stage of design
Sunday, October 21, 12
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
Flow Mapping
Sunday, October 21, 12
• Map specific action flows
• Map entire site structure
• Don’t skip any pages
What pages will you have?
Sunday, October 21, 12
Resources
• MindNode Lite
• MindMeister
• Pen & paper
Sunday, October 21, 12
Wireframes
Sunday, October 21, 12
Helps focus your designing efforts on
content & layout
Sunday, October 21, 12
• Key sketches very low-res
• Keep them small - it will help keep too much detail out
Sunday, October 21, 12
Inspiration
Sunday, October 21, 12
• If nobody copied interface designs, the world would be a confusing place
• A uniform web is a useable web
It’s not copying if you call it “inspiration”
Sunday, October 21, 12
Resources
• patterntap.com
• dribbble.com
• ui-patterns.com
• mobile-patterns.com
• appvita.com
• Google, duh...
Sunday, October 21, 12
Prototyping with code
Sunday, October 21, 12
• 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 needed
Why?
Sunday, October 21, 12
• Bootstrap
• Zurb Foundation
Use a front-end framework
Sunday, October 21, 12
Thank you.
Matt Johnston@mattsjohnston
Sunday, October 21, 12