STEREOPROTOTYPE

Tools for User-centered Ideation and Communication

  • Blog
  • Contact
« Back to blog
February 1, 2012

A shorthand for designing UI flows by @37signals

  • Edit
  • Delete
  • Tags
  • Autopost
Media_https3amazonaws_cjwxa
find out more on 37signals.com

"...The screen is showing something on one side, and the user is reacting on the other side. My flow diagrams illustrate this two-sided nature with a bar. Above the bar is what the user sees. Below the bar is what they do. An arrow connects the user’s action to a new screen with yet another action."

Posted | Viewed
times
  • 0 responses
  • Like
  • Comment
Tweet
Posterous theme by Cory Watilo

Johannes Baeck

Johannes Baeck

Hi, my name is Johannes Baeck. I'm an Information Architect living in Berlin, Germany. I focus on prototyping methods and like to fool around with all kinds of digital tools. Apart from that I mainly get distracted and find interesting stuff along the way.

TwitterFacebook

Follow

Follow this Space →
Change Subscription
You're a contributor to this Space (Edit)
You own this Space (Edit)

Follow

Get Updates
Loading...

Tags

  • ux (114)
  • prototyping (48)
  • web (26)
  • music (22)
  • tool (22)
  • ipad (21)
  • design (20)
  • video (19)
  • app (17)
  • mobile (16)
  • View all 282 tags »
  • visualization (13)
  • wireframing (13)
  • axure (12)
  • social (12)
  • sketching (10)
  • html (9)
  • innovation (9)
  • process (9)
  • research (9)
  • touch (9)
  • augmentedreality (8)
  • ia (8)
  • gestures (7)
  • iphone (7)
  • productivity (7)
  • trend (7)
  • book (6)
  • job (6)
  • method (6)
  • comic (5)
  • conference (5)
  • creativity (5)
  • google (5)
  • guidelines (5)
  • information (5)
  • responsive (5)
  • advertising (4)
  • apple (4)
  • business (4)
  • css (4)
  • future (4)
  • interaction (4)
  • interface (4)
  • media (4)
  • specification (4)
  • usability (4)
  • bestpractice (3)
  • brand (3)
  • cms (3)
  • diagram (3)
  • facebook (3)
  • flowchart (3)
  • marketing (3)
  • navigation (3)
  • paperprototyping (3)
  • requirements (3)
  • simplicity (3)
  • strategy (3)
  • technology (3)
  • tutorial (3)
  • viral (3)
  • adobe (2)
  • agile (2)
  • amazon (2)
  • analysis (2)
  • android (2)
  • blog (2)
  • code (2)
  • collaboration (2)
  • content (2)
  • culture (2)
  • customer (2)
  • designstudio (2)
  • development (2)
  • discussion (2)
  • fireworks (2)
  • frameworks (2)
  • gartner (2)
  • highlighting (2)
  • ideas (2)
  • indesign (2)
  • interview (2)
  • journey (2)
  • jquery (2)
  • madmen (2)
  • magnolia (2)
  • management (2)
  • master (2)
  • multitouch (2)
  • nielsen (2)
  • nokia (2)
  • notation (2)
  • omnigraffle (2)
  • presentation (2)
  • production (2)
  • socialmedia (2)
  • storytelling (2)
  • synthesizer (2)
  • technique (2)
  • twitter (2)

Archive

2012 (23)
May (2)
April (4)
March (1)
February (11)
January (5)
2011 (94)
December (7)
November (21)
October (5)
September (6)
August (5)
July (6)
June (3)
May (16)
April (3)
March (9)
February (5)
January (8)
2010 (176)
December (2)
November (1)
October (8)
September (16)
August (9)
July (30)
June (22)
May (9)
April (5)
March (14)
February (37)
January (23)
2009 (17)
December (16)
November (1)