0
DESIGN AT YOUR
STARTUP
KIM DOWD & NINA MEHTA
KIM DOWD Product Designer
User Research
Interface Design
Visual Design
Product Strategy
Product Designer
NINA MEHTA
User Research
Interface Design
Visual Design
Product Strategy
Marketing & Media
Design is making things
who, why, how
Designers
Talk to users
Propose Layouts
Write Code
Sketch Features
Create Scenarios
Make Moodboards
Draw Icons
Write Copy
...
Startup Design Process

Empathiz
e

Defin
e

Ideat
e

Prototyp
e

Test

Stanford d School
Designers at startups
advocate for your users
Talk to users
in person
Leave the office
Go where your users are
Defining the next feature
This topic is huge.

But basically, its a mix of
- listening to users
- watching users
- strongl...
How to create a feature
Scenario based design, testing, building
Choose a feature
You have expertise in your field. You’ve
used that to make a product. You want to
make a new feature, bas...
Be specific: Who & What & Why
“Make it easier for a tween to view
images
similar to the one she is looking. If she
sees ma...
Be Measurable
“Make looking at a new photo easier than
clicking the back button or close button for a
tween to explore pho...
Who is this Matilda?
her needs
to feel inspired visually
to craft an identity based upon “hearting”
to connect with simila...
Scenario
A story with people.
Like Romeo and Juliet.
Romeo escapes his house through a
window.
He prances towards Juliet’s...
Scenario
A story with people, feelings and data.
Matilda, the tween, searches for photos of
flowers.
Thousands of images r...
Time to sketch
pictures of sketches - must dig through
and find
Test against Scenario
Look at each flow
See if it works for the scenario stated.
Prototype
Paper

Screen based (Pop App, Invision App, PPT,
Keynote)
Fast, crappy code
Quantitative data
Google analytics

Mixpanel
Kissmetrics
Crazyegg
Quantitative Data
Qualitative Responses
“I hate this. The images don’t fit on my
screen.”
“Soooo much better.”
Summing it up:
Scenarios & measurable tests
1. Create a scenarios that tells a story or
usage.
2. Draw a lot crappy design...
Seventh Inning Stretch
Questions?
Making sense of a complex
feature
“But this feature a bajillion steps and can
takes 8 weeks to process!”
Card sorting!
Ship early, ship often
Daily
schedule
Standup
Work with dev
Sketch
1 feature at a time
Kill the meetings

Weekly schedule
Monday Fixing
Tuesday C...
Design at startups
Human Centered
Iterative
Structured
Go outside
Sleep at night
Eat your vegetables
Ask Questions
ninameh@gmail.com
kimsheblue@gmail.com
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Intro to Design w/ Pivotal Labs
Upcoming SlideShare
Loading in...5
×

Intro to Design w/ Pivotal Labs

5,948

Published on

Published in: Design, Technology, Business

Transcript of "Intro to Design w/ Pivotal Labs"

  1. 1. DESIGN AT YOUR STARTUP KIM DOWD & NINA MEHTA
  2. 2. KIM DOWD Product Designer User Research Interface Design Visual Design Product Strategy
  3. 3. Product Designer NINA MEHTA User Research Interface Design Visual Design Product Strategy Marketing & Media
  4. 4. Design is making things who, why, how
  5. 5. Designers Talk to users Propose Layouts Write Code Sketch Features Create Scenarios Make Moodboards Draw Icons Write Copy Pick Colors Choose Fonts Define Dropshadows Run A/B Tests Know Entire Product Find User Goals Summarize Findings Try Many Options Define Your Brand Make Prototypes
  6. 6. Startup Design Process Empathiz e Defin e Ideat e Prototyp e Test Stanford d School
  7. 7. Designers at startups advocate for your users
  8. 8. Talk to users in person
  9. 9. Leave the office Go where your users are
  10. 10. Defining the next feature This topic is huge. But basically, its a mix of - listening to users - watching users - strongly defining your value props - knowledge of an effort/value ratio - sense future landscape
  11. 11. How to create a feature Scenario based design, testing, building
  12. 12. Choose a feature You have expertise in your field. You’ve used that to make a product. You want to make a new feature, based upon user requests, your knowledge in the field, new research. for example “Make it easier for users to view many photos”
  13. 13. Be specific: Who & What & Why “Make it easier for a tween to view images similar to the one she is looking. If she sees many images she likes, she will come back.”
  14. 14. Be Measurable “Make looking at a new photo easier than clicking the back button or close button for a tween to explore photos similar to her current one.” “Lower current bounce rate on main photo page by 20%.” “Raise click through to new photo by 20%.”
  15. 15. Who is this Matilda? her needs to feel inspired visually to craft an identity based upon “hearting” to connect with similar people her media current screen size: every smart phone, tablet, laptop size in the world her fav thing on the site hearting something
  16. 16. Scenario A story with people. Like Romeo and Juliet. Romeo escapes his house through a window. He prances towards Juliet’s house He feels inspired by love and hormones. He sees her silhouette through the window. He throws rocks to get her attention.
  17. 17. Scenario A story with people, feelings and data. Matilda, the tween, searches for photos of flowers. Thousands of images return. She is drawn to a trendy one. She looks at the close up of it, and noting that many other people have “hearted” it, she hearts it as well.
  18. 18. Time to sketch pictures of sketches - must dig through and find
  19. 19. Test against Scenario Look at each flow See if it works for the scenario stated.
  20. 20. Prototype Paper Screen based (Pop App, Invision App, PPT, Keynote) Fast, crappy code
  21. 21. Quantitative data Google analytics Mixpanel Kissmetrics Crazyegg
  22. 22. Quantitative Data
  23. 23. Qualitative Responses “I hate this. The images don’t fit on my screen.” “Soooo much better.”
  24. 24. Summing it up: Scenarios & measurable tests 1. Create a scenarios that tells a story or usage. 2. Draw a lot crappy designs, to test against the story. 3. Choose a few to prototype quickly. (paper, etc) 4. Test qualitative data against metrics. (20%)
  25. 25. Seventh Inning Stretch Questions?
  26. 26. Making sense of a complex feature “But this feature a bajillion steps and can takes 8 weeks to process!” Card sorting!
  27. 27. Ship early, ship often
  28. 28. Daily schedule Standup Work with dev Sketch 1 feature at a time Kill the meetings Weekly schedule Monday Fixing Tuesday Create Big Ideas Wednesday Create Small Details Thursday Make prototype Friday Test with Users Saturday Oh Sh*t day Sunday (recover)
  29. 29. Design at startups Human Centered Iterative Structured
  30. 30. Go outside Sleep at night Eat your vegetables
  31. 31. Ask Questions ninameh@gmail.com kimsheblue@gmail.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×