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

Application Interface Design

Garrett Dimon
October 06, 2008

Application Interface Design

An exhaustive behind-the-scenes exploration of application interface design through the lens of building a SaaS bug and issue tracker. It focused on evaluating what to include and exclude and how minor decisions could have wide-ranging ripple effects in the design and user experience.

Garrett Dimon

October 06, 2008
Tweet

More Decks by Garrett Dimon

Other Decks in Design

Transcript

  1. Application Interface Design
    The Softer Side of Things

    View full-size slide

  2. Build one thing and launch it.
    Now.

    View full-size slide

  3. Find your core.
    And stick to it.

    View full-size slide

  4. Alex Hamilton
    If you stand for nothing, you’ll fall for
    anything.


    View full-size slide

  5. Focused.
    Everything to Everyone.

    View full-size slide

  6. Find a
    counter-
    balance.
    You have to keep
    yourself in check.

    View full-size slide

  7. It should __________.

    View full-size slide

  8. Seth Godin
    To really stand for something, you must
    make difficult decisions, mostly about
    what you won’t do.


    View full-size slide

  9. Steve Jobs
    [Innovation] comes from saying no to
    1,000 thigns to make sure we don’t get
    on the wrong track or try to do too
    much. We’re always thinking about new
    markets we could enter, but it’s only by
    saying no that you can concentrate on the
    things that are really important.


    View full-size slide

  10. It will not __________.

    View full-size slide

  11. Slow & Steady.
    It’s not a race. Be deliberate
    about adding new features.

    View full-size slide

  12. Ripple Effect.
    Even small changes can, and
    will, have significant impacts.

    View full-size slide

  13. Don’t be distracted.
    By features or shiny objects.

    View full-size slide

  14. Unknown
    If everything is important, then nothing is.
    “ ”

    View full-size slide

  15. Status
    Resolution
    Assignee
    Opener
    Creation Date
    Due Date
    Category
    Type
    Release
    Priority
    Severity
    Impact
    LOE (Estimated)
    LOE (Actual)
    Browser/OS
    Relationships
    Keep it.
    Redundant with the resolving comment.
    Keep it.
    Captured implicitly.
    Captured implicitly.
    Always “yesterday”. Priority should dictate this.
    Keep it.
    Overkill. Handle with categories.
    Soon, but not yet.
    Keep it.
    Factor it into Priority.
    Factor it into Priority.
    Creates overhead and doesn’t belong.
    Creates overhead and doesn’t belong.
    Doesn’t apply to issues. Capture in comments.
    Capture in comments.

    View full-size slide

  16. Is it noticeable?
    Use emphasis sparingly.

    View full-size slide

  17. Will it blend (in)?
    It’s about what you don’t see.

    View full-size slide

  18. Resolved Closed
    Open
    Reopen
    Reopen
    Enter
    Resolution
    Approve
    Resolution
    Email
    API
    Web Entry

    View full-size slide

  19. Open
    Resolved
    Reopened
    Closed

    View full-size slide

  20. Just build it.
    It’s not written in stone.

    View full-size slide

  21. It doesn’t have to be pretty for
    you to figure out if it works well.

    View full-size slide

  22. It just needs to work.

    View full-size slide

  23. Don’t waffle.
    Stop at “good enough”
    and circle back later.

    View full-size slide

  24. First Draft
    Final Draft
    ?

    View full-size slide

  25. Eat your
    own dogfood.
    Get to a point where you can
    and will use it yourself.

    View full-size slide

  26. Launch.
    The sooner, the better.

    View full-size slide

  27. Development Time
    Publicly Available
    Publicly Available
    Development Time
    OPTION 1
    Later Launch
    OPTION 2
    Earlier Launch
    The Late Launch
    The Early Launch

    View full-size slide

  28. Development Time
    Publicly Available
    Publicly Available
    Development Time
    OPTION 1
    Later Launch
    OPTION 2
    Earlier Launch
    Feature A Feature C
    Feature B Feature D
    Feature E

    View full-size slide

  29. Development Time
    Publicly Available
    Publicly Available
    Development Time
    OPTION 1
    Later Launch
    OPTION 2
    Earlier Launch
    The Overlap Window
    Safe
    Risky

    View full-size slide

  30. Share.
    No interface should
    be an island.

    View full-size slide

  31. [email protected]
    A
    B
    C
    D
    E
    F
    A
    B
    C
    D
    E
    F
    C
    The browser isn’t the only
    interface to design for.

    View full-size slide

  32. A B C
    A
    B
    C
    Command
    Issue #
    Message

    View full-size slide

  33. Credits
    Chipmunk & Apple Core - http://flickr.com/photos/qmnonic/2649575878/
    Stone Writing - http://flickr.com/photos/madzik/33230383/
    Disco Dolphin - http://flickr.com/photos/bionicteaching/1485798979/
    Puppy Tug of War - http://flickr.com/photos/b1n4ry/6926617/
    Camo Cat - http://flickr.com/photos/bcorreira/1897923229/
    Emphasis Flower - http://flickr.com/photos/prakhar/2348656344/
    Jump - http://flickr.com/photos/benmcleod/186110878/
    Lego People - http://flickr.com/photos/joeshlabotnik/305410323/
    Turtle - http://flickr.com/photos/randomurl/763741547/
    Water Ripples - http://flickr.com/photos/trvr3307/23203774/
    Sharing - http://flickr.com/photos/ryanr/142455033/
    Not Sharing - http://flickr.com/photos/ryanr/142454711/in/photostream/
    Waffle - http://flickr.com/photos/dasqfamily/2255557633/
    Dog food - http://flickr.com/photos/direz/2845924068/
    Thank You - http://flickr.com/photos/gi/304120801/

    View full-size slide