Experience Threads v.

2 Mar 2010

Full Interface Thumbnails Experience Threads Details

This group of thumbnails
explores options for placement
of the experience threads’
navigation and other elements
within the FluidIA interface.
The sketch to the right
(x. - Existing on stage.fluidia.org)
serves as a default for
comparison and also calls out
common elements repeated in
the sketches below.
x. - Existing on stage.fluidia.org This group of detail sketches explores
options for the experience threads
design presentation project title
navigation element, which would appear
mode mode
within the larger interface (see Full Interface
logo Thumbnails to the left).
login / save / load
The sketches explore an idea of multiple
scenarios or “scenes”. Each scene represents
tools pages a process to be performed. Each scene
would contain multiple steps or “frames”,
representing one step in the process.
The designer would use this interface to
select and manipulate frames. Several team
members would use this interface to
stage navigate through a project to view
independently or present to a group.

A. - Project Title in Interface B. - Project Title in Browser Window E. - Experience Threads Top Hidden F. - Experience Threads Top Visible 1. - Thumbnail Tabs 5. - Highlighted Box

toggle
current scene current frame [ stage ]

2. - Text Tabs 6. - Small Thumbs

project title project title
experience threads experience threads

click to show current frame

click to hide experience threads
experience threads
experience threads

3. - Scrollbar 7. - Horizontal Grid, Highlighted Box

C. - Design Mode D. - Presentation Mode G. - Experience Threads Bottom Hidden H. - Experience Threads Bottom Visible

tools
toggle toggle 4. - Overlapping Text Tabs 8. - Horizontal Grid, Overlapping Tabs

design presentation
mode mode
click to show
click to hide experience threads
design presentation experience threads
experience threads
mode mode