designing user interfacesseongkookheo.com/cs4501-spring2020/2_designing user... · interaction....
TRANSCRIPT
![Page 1: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/1.jpg)
Designing User InterfacesCS4501/6501: Engineering Interactive TechnologiesSeongkook HeoSpring 2020, Department of Computer Science
![Page 2: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/2.jpg)
What is a Good User Interface?
![Page 3: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/3.jpg)
A user interface that is …
Easy to use
Easy to learn
Efficient Effective
Beautiful
Cheap
Safe
What you developedAccessible
Comfortable to use
![Page 4: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/4.jpg)
Easy to use
Easy to learn
Efficient Effective
Beautiful
Cheap
Safe
What you developedAccessible
Comfortable to use
What’s the most important?It depends on the task, context, and the user
![Page 5: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/5.jpg)
Photo by Marco Verch, https://www.flickr.com/photos/149561324@N03/43591131451, CC2.0
![Page 6: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/6.jpg)
![Page 7: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/7.jpg)
https://www.theverge.com/2018/1/16/16896368/hawaii-false-missile-alert-system-confusing-interface-poor-design
What should have been selected
What was selected
![Page 8: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/8.jpg)
https://www.theverge.com/2018/1/16/16896368/hawaii-false-missile-alert-system-confusing-interface-poor-design
What should have been selected
What was selected
Cory Lum/Associated Press
![Page 9: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/9.jpg)
Apple iPhone’s accessibility featurehttps://support.apple.com/en-us/HT203332
![Page 10: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/10.jpg)
Usability
• Learnability: Easy to learn
• Efficiency: Fast once learned
• Memorability: Easy to remember
• Ergonomics: Comfort and fatigue
• Safety: Not having undesirable / dangerous results
• + more
How well people can use the system’s functionality
![Page 11: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/11.jpg)
Interaction and Interface are Inseparable
Hornbæk and Oulasvirta, What is Interaction, CHI ‘17https://dl.acm.org/doi/10.1145/3025453.3025765
Interface
Interaction
![Page 12: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/12.jpg)
Command-Line Interface vs. GUI
![Page 13: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/13.jpg)
Command-Line Interface vs. GUI
• Has a model ofdialogue
• Efficient once learned• Should remember
commands (Recall)
• Has a visual metaphor• Easy to learn• No need to remember
(Recognition)
Same physical interface, different virtual interface and interaction
![Page 14: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/14.jpg)
How to design a Good User Interface?
![Page 15: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/15.jpg)
User-Centered Design Methods
• You probably learned this in CS3205
• Needfinding à Design à Implementation à Evaluation
• Understands users’ needs by using various methods, such as• Interviews
• Observations• Contextual Inquiries• Diary studies, etc.
![Page 16: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/16.jpg)
User-Centered Design Methods
• You probably learned this in CS3205
• Needfinding à Design à Implementation à Evaluation
• Understands users’ needs by using various methods, such as• Interviews
• Observations• Contextual Inquiries• Diary studies, etc.
![Page 17: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/17.jpg)
1963 1968
"The mouse we built for the [1968] show was an early prototype that had three buttons. We turned it around so the tail came out the top. We started with it going the other direction, but the cord got tangled when you moved your arm.” Doug Engelbart
![Page 18: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/18.jpg)
Parallel designs can also be helpful
Images from https://www.dougengelbart.org/content/view/162/000/
![Page 19: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/19.jpg)
How do you know if it’s good?
![Page 20: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/20.jpg)
User Interface Evaluation
• Know your goal ß Very Important!!
• Conduct experiments that can test if your interface achieves the goal
• Comparison can highlight the differences• Yours vs. Others• Yours vs. Yours
![Page 21: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/21.jpg)
User Interface Evaluation
English, Engelbart, and Berman, IEEE Transactions on Human Factors in Electronics, March 1967, Vol. HFE-8, No. 1, pp. 5-15
![Page 22: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/22.jpg)
User Interface Evaluation
English, Engelbart, and Berman, IEEE Transactions on Human Factors in Electronics, March 1967, Vol. HFE-8, No. 1, pp. 5-15
Try to understand what’s happening and why.
![Page 23: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/23.jpg)
User Interface Evaluation
English, Engelbart, and Berman, IEEE Transactions on Human Factors in Electronics, March 1967, Vol. HFE-8, No. 1, pp. 5-15
Try to understand what’s happening and why.
Your first design may be badwill
![Page 24: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/24.jpg)
So I’m ready to build a good user interface
Where to start?
![Page 25: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/25.jpg)
1. Know the problem
• Find the problem that people are experiencing
• Understand what is the “main” problem that is causing the problem
• Is there something that you want to make it better?
• Or, imagine the future and think the problems that people in that future will experience
![Page 26: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/26.jpg)
2. Find the solution
• Understand the characteristics of the problem
• Find the solution that can help with the characteristics
• Know other interfaces and see what property of it is causing problems and what is solving them.
![Page 27: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/27.jpg)
What’s the future you want to live in?
![Page 28: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/28.jpg)
“As We May Think”, Vannevar Bush (1945)
https://www.theatlantic.com/magazine/archive/1945/07/as-we-may-think/303881/
![Page 29: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/29.jpg)
“Augmenting Human Intellect”, Douglas Engelbart (1962)
https://www.dougengelbart.org/content/view/138/
![Page 30: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/30.jpg)
A Personal Computer for Children of All Ages, Alan Kay (1972)
https://history-computer.com/Library/Kay72.pdf
![Page 31: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/31.jpg)
A Personal Computer for Children of All Ages, Alan Kay (1972)
https://history-computer.com/Library/Kay72.pdf
![Page 32: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/32.jpg)
Tangible Bits: Towards Seamless Interfaces between People, Bits and Atoms, Hiroshi Ishii and Brygg Ullmer (1997)
https://trackr-media.tangiblemedia.org/publishedmedia/Papers/331-Tangible%20Bits%20Towards%20Seamless/Published/PDF
See his research group: http://tangible.media.mit.edu/projects/
![Page 33: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/33.jpg)
The best way to predict the future is to invent it.
- Alan Kay
![Page 34: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/34.jpg)
About this course
![Page 35: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/35.jpg)
In this course, you will learn• Fundamentals• How these interactive technologies work
• Practices• How to use these technologies to create a new user
interface
• Research • Foundational as well as state-of art research on
interactive technologies
![Page 36: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/36.jpg)
In this course, you will learn
• Fundamentals• How these interactive technologies work• Sensors• Signal Processing• Actuators• Fabrication Methods
![Page 37: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/37.jpg)
In this course, you will learn
• Practices• How to use these technologies to create a new user
interface• Basic electronics• Using Arduino• Connecting sensors, actuators, etc. • 3D printing
![Page 38: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/38.jpg)
In this course, you will learn
• Research • Foundational as well as state-of art research on
interactive technologies• You’ll be exposed to cutting-edge research papers
![Page 39: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/39.jpg)
In this course, you will build
an amazing user interface
![Page 40: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/40.jpg)
This course will not cover
• Basic concepts of HCI• If you’re new to HCI, I recommend taking a short online
course (https://www.coursera.org/learn/human-computer-interaction)
• Programming• You should be able to comfortably code in at least one
program language to be successfully complete assignments and projects
![Page 41: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/41.jpg)
Course Information
![Page 42: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/42.jpg)
TAs• Md Aashikur Rahman Azim
• 2nd year Ph. D. Student in Computer Science
• Zhanhong Tian ([email protected])
• 1st year Master’s Student in Computer Science
![Page 43: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/43.jpg)
In this course, you will (CS6501)
• Learn the fundamentals of interactive technologies
• Practice building interactive systems
• Build a new user interface
• Learn from research papers
• Midterm (25%)
• Lab reports (5%), assignments (20%)
• Project (40%)
• Weekly reading responses (10%)
![Page 44: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/44.jpg)
Reading responses (CS6501 only, by 1/22)
• Read the weekly paper and write a 300-word response, that may include• what you liked/disliked about the paper
• what you think about the method used
• what you think could’ve done better
• what you think can be done from there
![Page 45: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/45.jpg)
Course Policies
• Students must fully comply with all the provisions of the University’s Honor Code. All lab reports, assignments, exams, and project must be pledged.
• No phone/laptop use during lecture classes
• Bring a laptop on lab classes
![Page 46: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/46.jpg)
Course Policies
• All reports/assignments due 11:59pm
• You may submit reports until 3 days after the deadline, with 10%, 20%, and 40% penalty.
![Page 47: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/47.jpg)
Good UI #2: XXX
This is good because Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
Assignment #1: Good UI, Bad UI (1/24)• Find two Good User Interfaces
• Find two Bad User Interfaces
• Explain why you think they’re good or bad
• Find those that aren’t traditional ones(non keyboard/mouse)
• Best ones will be introduced in the class
• 5 / 20 points
Good UI #1: XXX
This is good because Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
Seongkook Heo, CS6501– Engineering Interactive TechnologiesHW 11/15/2019
![Page 48: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/48.jpg)
http://web.media.mit.edu/~monster/blendie/
![Page 49: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/49.jpg)
Assignment #0
Thank you!
![Page 50: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/50.jpg)
Take this course by Scott Klemmer, it’s short and very good (https://www.coursera.org/learn/human-computer-interaction)
![Page 51: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/51.jpg)
![Page 52: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/52.jpg)
![Page 53: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/53.jpg)
![Page 54: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/54.jpg)
Project
• 5 students / team
• You’ll find topics / problems you want to solve, and find teammates who have similar interest
• You’ll build an interactive system, and evaluate it
• There will be sessions to help your project
• You can ask for sensors, actuators, and devices
![Page 55: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/55.jpg)
Yes
![Page 56: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/56.jpg)
If you want to learn more, • ACM CHI and UIST are the top conferences in User Interface• See UIST Conference Proceedings• https://dl.acm.org/conference/uist/proceedings
you’ll find very interesting ones
![Page 57: Designing User Interfacesseongkookheo.com/cs4501-spring2020/2_Designing User... · Interaction. Command-Line Interface vs.GUI. Command-Line Interface vs.GUI • Hasamodelof dialogue](https://reader036.vdocument.in/reader036/viewer/2022071004/5fc151142749792c4a545b01/html5/thumbnails/57.jpg)
Thank you!