Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Principles of Product Design

Principles of Product Design

Fred Wilsons golden rules about creating successful web applications, with examples and comments.

http://www.avc.com/a_vc/2010/03/10-golden-principles-of-successful-web-apps.html

http://twitter.com/karrisaarinen
http://twitter.com/jorilallo

Karri Saarinen

May 10, 2012
Tweet

More Decks by Karri Saarinen

Other Decks in Design

Transcript

  1. Principles of Product Design
    Karri Saarinen (@karrisaarinen)
    Jori Lallo (@jorilallo)

    View full-size slide

  2. Karri Saarinen
    Co-founded startup media
    ArcticStartup and Rails Girls
    Product Designer Flowdock,
    Shadow Cities
    Jori Lallo
    Co-founded Aalto
    Entrepreneuership Society
    Developer Convore (YC)
    & Grove.io
    Team

    View full-size slide

  3. Professionals and companies need to
    collect and collaborate on new information.
    It’s a very essential part
    of the way we work.

    View full-size slide

  4. Web and mobile web app
    Extensions for Chrome, Firefox, Opera
    Search from page content
    Collect, collaborate, get email summaries

    View full-size slide

  5. 1. Speed
    2. Instant Utility
    3. Software is media
    4. Less is more
    5. Make it programmable
    6. Make it personal
    7. RESTful
    8. Discoverability
    9. Clean
    10. Playful
    10 Golden Principles for Building
    Successful Web Applications
    by Fred Wilson

    View full-size slide

  6. 1. Speed.
    Real speed Perceived speed

    View full-size slide

  7. 1. Speed.
    Real speed Perceived speed
    +
    = WIN

    View full-size slide

  8. Instagram:
    Move bits when no-one’s watching

    View full-size slide

  9. “All other things being equal, more usage, as measured by
    number of searches, reflects more satisfied users.
    Our experiments demonstrate that slowing down the search
    results page by 100 to 400 milliseconds has a measurable
    impact on the number of searches per user of -0.2% to -0.6%
    (averaged over four or six weeks depending on the experiment).
    That's 0.2% to 0.6% fewer searches for changes under half a
    second!
    While these numbers may seem small, a daily impact of 0.5%
    is of real consequence at the scale of Google web search.”
    Google Search:

    View full-size slide

  10. 2. Instant utility

    View full-size slide

  11. Creating instant utility
    Solve a part of the user’s problem in seconds
    Youtube: Instant video upload, encoding
    & sharing
    Google Video: “Come back in a week”

    View full-size slide

  12. Populate with sample data

    View full-size slide

  13. 3. Software is media
    Have a personality, tell a story

    View full-size slide

  14. PERSONALITY = INTERESTING.
    INTERESTING = CARE. CARE = TALK.
    - FAKEGRIMLOCK

    View full-size slide

  15. Startup Personality Test
    1. How do you change the customer’s life?
    2. What do you stand for?
    3. Who or what do you hate?

    View full-size slide

  16. 4. Less is more
    One thing well

    View full-size slide

  17. Do less. Launch now.
    Small but powerful.
    Half product, not half-assed

    View full-size slide

  18. 5. Make it programmable
    Let people hack

    View full-size slide

  19. Read/write API

    View full-size slide

  20. 6. Make it personal

    View full-size slide

  21. Use your own name,
    don’t fake it

    View full-size slide

  22. http://github.com/jorde/kippt

    View full-size slide

  23. http://github.com/jorde/kippt/issues

    View full-size slide

  24. http://github.com/jorde/kippt/issues/51

    View full-size slide

  25. 8. Discoverability

    View full-size slide

  26. Google / SEO
    App Stores
    Viral loops
    ...this is the hard part - no magic bullet

    View full-size slide

  27. KipptTips™
    The Four Steps to
    Awesomeness

    View full-size slide

  28. 1. Simple landing page
    Describe the service with one sentence. What for who.
    Have a screenshot AND/OR video
    A/B test / Track Conversion:
    optimizely.com, mixpanel.com,
    kissmetrics.com, google analytics

    View full-size slide

  29. 2. Launch NOW and talk with your users
    Add the feedback button on the app!
    Answer every email/tweet/message personally.
    Use it to learn about your users / customers

    View full-size slide

  30. 3. Have a personality
    Be cool and be yourself. Scrappy, happy and hacky.
    Do interesting things. Have fun.
    Sometimes take a stand. Be prepared to defend it.
    Give something back / teach people.

    View full-size slide

  31. 4. Release something every week
    Even small things. Do a blog post / tweet about it.
    People are happy/impressed when things improve.

    View full-size slide

  32. Thanks.
    @karrisaarinen @jorilallo
    Follow us on twitter:
    @kippt / kippt.com

    View full-size slide