22
HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University

HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University

Embed Size (px)

Citation preview

Page 1: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University

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

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

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

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

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

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

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

Prototype Design Evolution

?

Page 9: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University

Why MACS?

Calendars

Reminders

+

Page 10: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University

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

Paper Design

• drawing

Page 12: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University

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

Storyboard• user testing

Page 14: HCI Mini-Presentation M.A.C.S. Project 304-424 Human Computer Interaction By Jeremy Cooperstock McGill University

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

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

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

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

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

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

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

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

Want More of M.A.C.S.?

www.ece.mcgill.ca/~dsud/hci/project