HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock...
-
Upload
briana-greer -
Category
Documents
-
view
214 -
download
0
Transcript of HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock...
![Page 1: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/1.jpg)
HCI Mini-Presentation
M.A.C.S. Project
304-424 Human Computer InteractionBy Jeremy Cooperstock
McGill University
![Page 2: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/2.jpg)
M.A.C.S.
Team Members:
• Steve Ingold
• Maryse Medawar
• Daniel Sud
![Page 3: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/3.jpg)
M.A.C.S.
“The purpose of the project is to gain experience in applying some of the concepts and techniques from the class to a real-world problem”
-Jeremy Cooperstock
![Page 4: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/4.jpg)
M.A.C.S. Features
• electronic calendar
• alarm
• whiteboard
• digital art gallery
![Page 5: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/5.jpg)
Using M.A.C.S
• user centered design
• intended user population– average adult– little or no computer literacy– basic reading skills
![Page 6: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/6.jpg)
M.A.C.S. Usage Senarios
• calendar– add an event– check for an event
• calendar + alarm– check next day’s events– set alarm accordingly
![Page 7: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/7.jpg)
M.A.C.S. Usage Senarios
• whiteboard– write a quick note for yourself
• digital art gallery– display images– add new images– turn it off at night
![Page 8: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/8.jpg)
Prototype Design Evolution
?
![Page 9: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/9.jpg)
Why MACS?
Calendars
Reminders
+
![Page 10: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/10.jpg)
Design Stages Approach
• paper design
• storyboard
• html prototype
• initial prototype (visual basic)
• final prototype (visual basic)
feedback and re-evaluation of criteria
feedback and re-evaluation of criteria
feedback and re-evaluation of criteria
feedback and re-evaluation of criteria
![Page 11: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/11.jpg)
Paper Design
• drawing
![Page 12: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/12.jpg)
Driving Concepts
• visibility
• feedback
• clear conceptual model
![Page 13: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/13.jpg)
Storyboard• user testing
![Page 14: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/14.jpg)
Initial Prototype (VB)
• example of design evolution
![Page 15: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/15.jpg)
Final Prototype
• example of how it involved:
![Page 16: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/16.jpg)
Feedback Provided by the Evaluation Team
• buttons lacks affordances.• whiteboard mode lacks feedback and
conceptual model.• calendar cannot set the date, touchpad
keyboard is a slow input device.• photo mode lacks options, and are
ambiguous to set.• clock has ambiguous enable disable button.
Weaknesses
![Page 17: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/17.jpg)
Feedback Provided by the Evaluation Team
• There is instantaneous and appropriate feedback.
• The photo settings mode, is a good step by step
process.
• Entering information into the calendar is easy.
• The system is simple to use for most tasks.
Strengths
![Page 18: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/18.jpg)
Evolution of the Interface
Buttons
|sleep||home| |alarm| |cal| |photo| |board| |help|
|sleep||photo| |alarm| |cal| |set pic| |board| |help|
![Page 19: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/19.jpg)
Evolution of the Interface
• white board: conceptual model created with addition of “Note to Self” and “Written on”.
• calendar: No touchpad keyboard,
• other:
-addition of time and date viewable in all modes
-term shuffle changed to cycle
![Page 20: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/20.jpg)
M .A.C.S. Evaluation Criteria
• speed of use
• visibility
• feedback
• good conceptual model
![Page 21: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/21.jpg)
HCI Concepts Applied
• user centered design
• iterative design
![Page 22: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University.](https://reader035.fdocuments.us/reader035/viewer/2022062518/5697bf761a28abf838c80a06/html5/thumbnails/22.jpg)
Want More of M.A.C.S.?
www.ece.mcgill.ca/~dsud/hci/project