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

Slides:



Advertisements
Similar presentations
CPSC 344 Team Pissarro. The Alarm Clock Our motivation: Most alarm clocks are difficult to use Setting the time can be cumbersome Our objective (to start):
Advertisements

Design, prototyping and construction
Chapter 11 Designing the User Interface
An Iterative Approach to Interface Design April 8 th, 2004 Bartini.
MICHAEL MARINO CSC 101 Whats New in Office Office Live Workspace 3 new things about Office Live Workspace are: Anywhere Access Store Microsoft.
Digital da Vinci Presented by: Navin Harjani Sikander Morad Christopher Sun.
Use of developmental workbook. Why use a Developmental Workbook in VA?
Lumberton High School Sci Vis I V105.02
1 Design, Prototyping, and Evaluation in Developing Countries Jen Mankoff, Assistant Professor EECS.
W2D1 Fluency with IT = to learn / figure out quickly to use the computer for whatever purpose skills (lab) concepts (lectures)
Copyright 1999 all rights reserved The HCI Design Process n User Interfaces are not just built by sitting down and drawing up designs for them n Just like.
In this presentation you will:
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Iterate (Requirements, Design) IMD07101: Introduction to Human Computer Interaction Brian Davison and Tom McEwan 2011/12.
Human Computer Interaction
Part 2c: Requirements Chapter 2: How to Gather Requirements: Some Techniques to Use Chapter 3: Finding Out about the Users and the Domain Chapter 4: Finding.
UI Standards & Tools Khushroo Shaikh.
Senior’s Digital Assistant (SDA) By: Soumya Bhatt Ajay Cattungal Chin S. Chu.
Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )
Interactive Piano Teacher Design Review Ted, Abe, Michael, Chris, Tina, May.
ODOS The Office of the Dean of Students. Projects Interactive Campus Map Global Positioning System - Device for the Visually Impaired Adjustable Table.
Chapter 2 Making interactive systems feel natural for users
Stanford hci group / cs376 u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping.
Chapter 13: Designing the User Interface
User Centered Design Lecture # 5 Gabriel Spitz.
Chapter 14 Designing the User Interface
Object-Oriented Analysis and Design LECTURE 8: USER INTERFACE DESIGN.
Teaching and Learning with Technology  Allyn and Bacon 2002 Introduction to Personal Computers in the Classroom Chapter 3 Teaching and Learning with Technology.
Pasewark & Pasewark 1 Outlook Lesson 3 Working with Other Outlook Tools Microsoft Office 2007: Introductory.
1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.
Collage: A presentation tool for the K-12 Classroom Presented by Kanav GoyalAbhinav Uppal.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
Design, prototyping and construction CSSE371 Steve Chenoweth and Chandan Rupakheti (Chapter 11- Interaction Design Text)
Human-computer interaction: users, tasks & designs
HCI – Prototyping. Why Prototype?  Prototyping is a well understood and used technique in design engineering where products are tested via a model prototype.
Kidz Korner A Gesture-Based Immersive Environment Geneviève Bertrand Jonathan Gravel-Guérin Patricia Pinard Tuesday April 6, 2004.
CS CS 5150 Software Engineering Lecture 11 Usability 1.
CHAPTER TWO THE MAKING OF MULTIMEDIA: AND MULTIMEDIA DEVELOPMENT TEAM
1 Welcome to the world of EZ-Mail should be for Everyone… Including your Grandmother!!!
Laser Harp 2002 Introduction: Purpose and Scope Electronic musical toy, not an instrument Uses laser beams instead of strings Teaching capability.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
WireFrame and RAD Team Members Abilash Kittanna Veeresh Kinagi.
1 Human Computer Interaction Week 7 Prototyping. 2 Introduction Prototyping is a design technique where users can be involved in testing design ideas.
E.g.: MS-DOS interface. DIR C: /W /A:D will list all the directories in the root directory of drive C in wide list format. Disadvantage is that commands.
User Interfaces 4 BTECH: IT WIKI PAGE:
Assistive Technology in the Classroom Setting Rebecca Puckett CAE6100 – GQ1 (24494) Dec. 7, 2009.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
CS 5150 Software Engineering Lecture 9 Usability 1.
HCI project--iNews Introduction (Yao Jie) Usage Scenario (Yao Jie) Design Evolution (Yao Jie) Summary of Evaluation (Jianfeng Yin) Modification (Jianfeng.
DISPLAYS BULLETIN BOARDS, DISPLAY BOXES, DISPLAY WINDOWS, DISPLAY BOARDS.
Me 4 Mathz IT – (K.A.T.D. WIJEWARDENA) – Presenter.
AirRacquet System Team Innovation Bjoern Doering Jonah Peranson Ali-Akber Saifee Wendy Wang.
Storyboarding. Storyboarding - An Introduction Storyboards are graphic organizers in the form of illustrations or images displayed in sequence for the.
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
Choreography Assistant Human Computer Interaction - April 6, 2004 Choreography Assistant.
Design, prototyping and construction(Chapter 11).
Mr. Potato Head Mr. Potato Head Human-Computer Interaction Project 2004 by: Dory Azar André Cloutier Danny Castonguay Wadih Maalouf.
Practical approaches to……………… Provide quality feedback to children on their learning in computer lessons. Engage children in assessing their learning in.
Student Presentations Developing rubrics for assessment Nancy Rees, Barbara White.
Designing Effective Input. Design input forms for users of business systems Design engaging input displays for users of information systems Design useful.
Analysis. This involves investigating what is required from the new system and what facilities are available. It would probably include:
Practical information
Introduction to Event-Driven Programming
Digital media & interaction design
Design, prototyping and construction
Human computer interaction-com 402
DESIGN, PROTOTYPING and CONSTRUCTION
Design, prototyping and construction
Presentation transcript:

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

M.A.C.S. Team Members: Steve Ingold Maryse Medawar Daniel Sud

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

M.A.C.S. Features electronic calendar alarm whiteboard digital art gallery

Using M.A.C.S user centered design intended user population –average adult –little or no computer literacy –basic reading skills

M.A.C.S. Usage Senarios calendar –add an event –check for an event calendar + alarm –check next day’s events –set alarm accordingly

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

Prototype Design Evolution ?

Why MACS? Calendars Reminders +

Design Stages Approach paper design storyboard html prototype initial prototype (visual basic) final prototype (visual basic) feedback and re-evaluation of criteria

Paper Design drawing

Driving Concepts visibility feedback clear conceptual model

Storyboard user testing

Initial Prototype (VB) example of design evolution

Final Prototype example of how it involved:

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

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

Evolution of the Interface Buttons |sleep||home| |alarm| |cal| |photo| |board| |help| |sleep||photo| |alarm| |cal| |set pic| |board| |help|

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

M.A.C.S. Evaluation Criteria speed of use visibility feedback good conceptual model

HCI Concepts Applied user centered design iterative design

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