inde/tc 455: user interface...
TRANSCRIPT
![Page 1: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/1.jpg)
INDE/TC 455:User Interface Design
Module 8.1 – Design Tools &Guidelines: Thinking Hats
![Page 2: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/2.jpg)
Interface Design Tools• Human factors engineering (IE 351)• Systems engineering principles• 10 step design sequence• Thinking hats• Furness 10 Commandments• Subject panel• Survey/questionnaire tools
![Page 3: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/3.jpg)
Tools for Creative Thinking
![Page 4: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/4.jpg)
![Page 5: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/5.jpg)
![Page 6: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/6.jpg)
![Page 7: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/7.jpg)
![Page 8: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/8.jpg)
Thinking Hats for CreativeProblem Solving
![Page 9: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/9.jpg)
Thinking Hats (ref: De Bono)-- neutral, data gathering
-- idea generation, design synthesis, nojudgment
-- logical positive, reasons why it will work
-- logical negative, reasons why it won’twork
-- gut feeling, no judgment
-- process control (which hat to use when)
White Hat
Green Hat
Yellow Hat
Black Hat
Red Hat
Blue Hat
![Page 10: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/10.jpg)
Creative thinking resources• Creativity web:
– http://members.ozemail.com.au/~caveman/Creative/index2.html
• Techniques for creative thinking– http://members.ozemail.com.au/~caveman/Crea
tive/Techniques/• Brainstorming
– www.brainstorming.co.uk• Creativity rules of thumb (course website)• Creativity killers (course website)
![Page 11: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/11.jpg)
Selected Creativity Rules ofThumb
1. The best way to get great ideas is to get lots ofideas and throw the bad ones away.
2. Always look for a second right answer.3. If at first you don’t succeed…take a break!4. Write down your ideas before you forget them!5. If everyone says you’re wrong, you’re one step
ahead. If everyone laughs at you, you’re two stepsahead.
6. Never solve a problem from its original perspective.
![Page 12: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/12.jpg)
Some ‘out of the box’thinking
![Page 13: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/13.jpg)
For the multitasking male
![Page 14: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/14.jpg)
![Page 15: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/15.jpg)
![Page 16: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/16.jpg)
![Page 17: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/17.jpg)
![Page 18: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/18.jpg)
![Page 19: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/19.jpg)
A ‘Thinking Hats’ designproblem
![Page 20: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/20.jpg)
Thinking Hats problem
• Design the interface for a‘transporter’
![Page 21: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/21.jpg)
Thinking hats assignment• Solve problem in your teams (hand in with
prospectus)• Use all thinking hats• List process
– White hat– Green hat– Yellow hat– Black hat– Red hat– Blue hat
• How did you converge on a conclusion• Make recommendations• 2-4 pages
![Page 22: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/22.jpg)
Thinking hat assignment• Solve problem in your groups• Use all thinking hats• List process
– White hat– Green hat– Yellow hat– Black hat– Red hat– Blue hat
• How did you converge on a conclusion• Make recommendations• 2-4 pages• Due Friday Lab 2
![Page 23: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/23.jpg)
Feedback on thinking hats
• Thinking hats– No perfect information– Make a decision (red hat not final!)– Each green hat idea should have a black hat and
yellow hat analysis– Use blue hat to control process– Need to properly label tables & drawings in
text
![Page 24: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/24.jpg)
Applying the Thinking Hatsto the Systems engineering
design process
![Page 25: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/25.jpg)
User interface implications ofcreative design
![Page 26: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/26.jpg)
Systems Engrg. Design #1Problem Characterization
• What is it supposed to do? (Concept definition)• For whom is it supposed to do it?
• In what environment is it supposed to work?
• How well is is supposed to do it? (features & performancerequirements)
![Page 27: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/27.jpg)
Systems Engrg. Design #2Problem Characterization• How will I measure it? (metrics)• What are my assumptions?
– About the user– About the task– About the environment
• What are my constraints?– Development schedule– Development resources (money, people, tools)– End cost of interface
![Page 28: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/28.jpg)
Systems Engrg. Design #3Problem Solution• What are my design alternatives?• What is the best alternative?• Make it better!• Build it!• Test it!• Redesign it!• Repeat entire process.• Document (build audit track)
![Page 29: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/29.jpg)
Applying thinking hats touser interface design
![Page 30: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Module-8.1-ThinkingHats.pdf · •Creativity killers (course website) Selected Creativity Rules of Thumb](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec3b2fd6c58b6555e567b2a/html5/thumbnails/30.jpg)
Project sequencePhase Activity Thinking Hat
0 Project Assignment white
1 Project Prospectus white
2 Problem Characterization white
3A Persona Generation White/green
3B Scenario Generation White/green
4 Task Analysis, Maps, Screen Designs Green/black/yellow/red
5A Interface Representation: Flipbook or
simulations
Green/black/yellow/red
6A Interface Evaluation: Field Trial - 1 White
5B Interface Representation: Prototypes Green/black/yellow/red
6B Interface Evaluation: Field Trial - 2 white
7 Final Interface Configuration Green/black/yellow/red
8 Class Presentation White/green
9 Final Report white