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