Deliverables that Clarify, Focus, and Improve Design
•Download as PPT, PDF•
13 likes•3,026 views
A talk given at the 2002 Annual Conference of the Usability Professionals' Association Authors: Richard Fulcher, Bryce Glass, Matt Leacock "The representations we choose for UI design affect both how we think about the design and how others understand it. Concept maps, wireframes, storyboards, and flow-maps speak to different audiences at different stages of the development cycle. This presentation provides examples of these documents and a toolkit for producing them." source, examples and resources can be found at: http://leacock.com/deliverables/
![Deliverables that Clarify, Focus, and Improve Design ,[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/deliverablestalk-110421095154-phpapp02/85/deliverables-that-clarify-focus-and-improve-design-1-320.jpg)
![Deliverables that Clarify, Focus, and Improve Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Deliverables that Clarify, Focus, and Improve Design
Similar to Deliverables that Clarify, Focus, and Improve Design (20)
Recently uploaded
Recently uploaded (20)
Deliverables that Clarify, Focus, and Improve Design
- 8. Concept Maps Matt Leacock
- 10. Anatomy of a Concept Map
- 11. Anatomy of a Concept Map
- 12. Anatomy of a Concept Map
- 21. The Same Map, Redrawn How To Make a Concept Map, Step 6 of 7 (cont.) The maps are malleable and can be redrawn to highlight specific concepts or relationships.
- 27. Sketches Sample Map: Internet Search
- 28. Complete Map Sample Map: Internet Search
- 30. Basic Map Sample Map: Internet Search
- 31. Complete Map Sample Map: Internet Search
- 32. Wireframes and Storyboards Rich Fulcher
- 35. Sample Wireframe
- 36. Sample Wireframe
- 49. Flow Maps Bryce Glass
- 51. Sample Flow Map
- 53. Flow Map as a Gathering Place
- 54. Flow Map as a Gathering Place
- 55. Flow Map as a Gathering Place
- 56. Flow Map as a Gathering Place
- 71. Key Relationships Between Deliverables
Editor's Notes
- We’ll divide the discussion between Matt, Bryce, and myself … but these are all deliverables which each of use and find value in
- Wireframes were a simple way to display 3D objects on 2D surface
- Divides window into segments Shows controls very simply … consider scrollbar and buttons
- Divides window into segments Shows controls very simply … consider scrollbar and buttons Even the more detailed but (the emoticon drop down) represents a multitude of functions (font, font size, style, color, etc)
- This is for the message boards application
- This is the same view as shown in previous sketch
- The top slide simply divides window into broad areas, and groups together the user questions that would be addressed in each area
- What happens; how it happens; where it happens Used as advance sell before money for production is approved (eg commercials)
- Film director analogy: storyboards are used to show how key shots in a sequence relate to each other to form a whole experience
- Multiple segments can be far more flexible Mantaining a monolithic story is difficult
- But remember… these details are not the primary purpose of the map. Make them discrete and develop a sustainable method for adding them and maintaining them.
- But remember… these details are not the primary purpose of the map. Make them discrete and develop a sustainable method for adding them and maintaining them.
- But remember… these details are not the primary purpose of the map. Make them discrete and develop a sustainable method for adding them and maintaining them.