The document discusses designing web applications for workflow by focusing on the work artifact and revealing the process. It suggests using techniques like user research, personas, card sorting, wireframes, usability testing and workflow diagrams to understand tasks and design the interaction model. Workflow diagrams map the main user steps to focus on flow between functions. The diagrams can help identify groupings, key flows and the overall interaction pattern.
17. pptPlex Section Divider Collision Course The slides after this divider will be grouped into a section and given the label you type above. Feel free to move this slide to any position in the deck.
42. A different navigation paradigm Web Site: User navigates to information This is about wayfinding… Web App: Functionality comes to the user This is about working in one place…
66. Workflow diagram The Hiser Group Plan Special Effect Record Composite to Film Preview Retouch Images Interpolate Set Parameters Select Nodes Scan in Film Rolls Convert & Manipulate Tape Build Flowgraph Composite Convert & Manipulate Tape Arrange Elements on Lightbox Preparation Planning Implementation Completion
67.
68.
69. Interaction model Early draft The Hiser Group Node Palette Node Parameters Preview Console File Manager Lightbox Flowgraph Paint Conversion/ Transfer Manager Composite Scrapbook Notes Job Navigation Minature Interpolation Palette Palette Palette Palette