The d.r.e.a.m. device Alex Do Ken Langford Therese Peffer Colleen Whitney.

Slides:



Advertisements
Similar presentations
Structured Design The Structured Design Approach (also called Layered Approach) focuses on the conceptual and physical level. As discussed earlier: Conceptual.
Advertisements

ORGANIZING THE CONTENT Physical Structure
® Microsoft Office 2010 Excel Tutorial 4: Enhancing a Workbook with Charts and Graphs.
Ch 11 Cognitive Walkthroughs and Heuristic Evaluation Yonglei Tao School of Computing and Info Systems GVSU.
Usability presented by the OSU Libraries’ u-team.
Heuristic Evaluation. Sources for today’s lecture: Professor James Landay: stic-evaluation/heuristic-evaluation.ppt.
IS 213 Presentation Healthy Communities Florance Gee, Ran Li, Nettie Ng April 29, 2004.
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Designing for security and privacy. Agenda Tests Tests Project questions? Project questions? Design lecture Design lecture Assignments Assignments.
SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.
32 1 What Makes a GUI Good? Sus Lundgren Just To Clarify GUI = Graphic User Interface So what makes a GUI good? –That you can intuitively understand.
The d.r.e.a.m. device Alex Do Ken Langford Therese Peffer Colleen Whitney.
Interactive Piano Teacher Design Review Ted, Abe, Michael, Chris, Tina, May.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001.
Rapid Prototyping Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development February 25, 1999.
Chapter One AutoCAD Fundamentals
Introduction to PowerPoint
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
User Centered Design Lecture # 5 Gabriel Spitz.
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
Review an existing website Usability in Design. to begin with.. Meeting Organization’s objectives and your Usability goals Meeting User’s Needs Complying.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
1. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “Usability Engineering” –Describe the various steps involved.
SDC PUBLICATIONS © 2011 Chapter 1 AutoCAD Fundamentals Learning Objectives:  Create and Save AutoCAD drawing files.  Use the AutoCAD visual reference.
Introduction to Information System Development.
People: Usability IS 101Y/CMSC 101Y November 5, 2013 Marie desJardins Amanda Mancuso University of Maryland Baltimore County.
1 Usability evaluation and testing User interfaces Jaana Holvikivi Metropolia.
Using Technology in Training November 24, 2006 Overview Today’s session will focus on using PowerPoint to develop training materials.
People: Usability COMP 101 November 12, 2014 Carolyn Seaman Amanda Mancuso Susan Martin University of Maryland Baltimore County.
Spring /6.831 User Interface Design and Implementation1 Lecture 3: Visibility.
Guidelines and Prototypes CS774 Human Computer Interaction Spring 2004.
INFO3315 Week 4 Personas, Tasks Guidelines, Heuristic Evaluation.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Formative Evaluation cs3724: HCI. Problem scenarios summative evaluation Information scenarios claims about current practice analysis of stakeholders,
Research on the Interaction Between Human and Machines University of Houston-Clear Lake Tasha Y. David.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
Heuristic evaluation Functionality: Visual Design: Efficiency:
Hyper-Hitchcock F. Shipman, A. Girgensohn, and L. Wilcox, "Hyper-Hitchcock: Towards the Easy Authoring of Interactive Video", Proceedings of INTERACT 2003,
SEG3120 User Interfaces Design and Implementation
PowerPoint Presentation for Dennis, Wixom, & Tegarden Systems Analysis and Design with UML, 3rd Edition Copyright © 2009 John Wiley & Sons, Inc. All rights.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Software Architecture
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
Final Presentation Ivan Tam Lindsay Tabas Katrina Rhoads John Mark Josling.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
June 5, 2007Mohamad Eid Heuristic Evaluation Chapter 9.
Heuristic Evaluation JUAN MONRREAL JANETTE VAZQUEZ INEZ VELA.
Prototyping. REVIEW : Why a prototype? Helps with: –Screen layouts and information display –Work flow, task design –Technical issues –Difficult, controversial,
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Interactive history. To provide a visually attractive and interactive timeline of the major scientific discoveries throughout history.
1 Usability evaluation and testing User interfaces Jaana Holvikivi Metropolia.
Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
The aims Show how design & evaluation are brought together in the development of interactive products. Show how different combinations of design & evaluation.
CS 321: Human-Computer Interaction Design
Human-Computer Interaction
Evaluation Techniques 1
Juliana Cook Adrienne Ivey Meredith Marks Nhien Tran
Following Initial Design Review
Revenge of the UI The Final Installment
Software Engineering D7025E
HCI and Hypermedia/WWW
Rambl: Hi-Fi Midway Milestone
docket “Bringing ideas to life” Assignment 8: Midway Hi-fi
COMP444 Human Computer Interaction Usability Engineering
Medium-Fi Prototype Rachel J and Esther G
Presentation transcript:

the d.r.e.a.m. device Alex Do Ken Langford Therese Peffer Colleen Whitney

Project Goals  Develop a demand response enabled appliance manager… aka the d.r.e.a.m. device!  The device will: –Keep track of electricity use and spending –Provide an electricity “price forecast” –Control heating and cooling (thermostat)

The d.r.e.a.m. device I.Heuristic Evaluation II.Current Design III.Pilot Study IV.What We Plan To Do V.What We Learned

I. Heuristic Evaluation

SylViA’s Evaluation  First interactive prototype: Java applet Java applet  Two marks of Severity 4: usability catastrophe usability catastrophe imperative to fix imperative to fix –Temperature “comfort zones” –Consistency in usage graphs  Eight marks of Severity 3: major usability problem; important to fix major usability problem; important to fix –Clutter of left-hand screen –Use of graphs in right-hand screen –Secondary bottom-tabs

Left screen  Arrows do not work, too close to right side  Comfort zone colors confusing and overwhelming

Usage Graphs  Today vs. Last 7 or Last 30 days – graph formats  Hard to read information and translate

Bottom Tabs  GUI Blooper  3 different heuristics: –H6 Recognition rather than recall; Tabs not obvious –H8 Aesthetics and minimalist design –H2 Match between system and real world; Violate metaphor of tabbed file cards

Settings  Too many radio buttons  Not strong connection between temperature and schedule  Confusing

II. Current Design

2 nd Interactive Prototype  Prototyping language changed to combination of HTML & JavaScript

Comfort Zone & Temp Control Comfort zone eliminated; triangle changes color to match current pricing Arrows moved

Graphs Grouped based on content New graph created

Tabs & Clutter Created nested tabs Date/time info to toolbar

Forecast & Pricing New pricing info

Settings - Temperature

Settings – Schedule

Not Implemented in Second Interactive Prototype  Interactive setup wizards  Help  Videos Help & Videos Wizards

III. Pilot Study

Test Subjects  Who: 3 people who were similar to our personas –Particularly interested in finding someone over 60 “Mabel” 60+, married Lives in condominium Difficulty w/small type “Alison” Mother of 2 Live in fairly large house *Original test subject from low-fidelity testing “Tim” Married w/ 3 children Some college Comfortable with electronics, timers

Main Tasks  Thermostat –Info: Find current temperature –Action: Set temperature preferences (for dynamic prices) –Action: Set schedule of temperature preferences  Dynamic Pricing –Info: Find current price –Decision: When to use appliances?  Budget and Usage –Info: How deep into spending target? –Decision: How to conserve?

Test Measures  How long it took to accomplish each task  Which pathways were taken (how much did they struggle to find what they needed?)  Which pathways were taken (how much did they struggle to find what they needed?)  Level of certainty and satisfaction with task completion (how clear was the feedback?)  Amount of prompting needed

Results: General  Overall, results per task were qualified as significant, slight, or no problem –Of 12 total tasks: Significant Problems Slight Problems “Tim”32 “Alison”05 “Mabel”14  Main problems resulted from using “Away” switch, determining current price, and setting “Away” temperature  Post-test survey results indicated that the device generally performed to the users’ satisfaction and that they were able to understand dynamic pricing by using the device

Results: Hold / Normal / Away  Switch to away mode –2/3 subjects didn’t know what they were looking for, other had already seen it in lo-fi test –Attention focused on right screen rather than left side

Results: Price Indicator  Find current price –None of subjects used price indicator on left side –All used price forecast by looking at “Cost” screen

Results: Temp Setting  Well understood: –Navigation: “Temperature” screen under “Settings” was easy to find –Setpoints: dragging triangles worked well –Profiles: Task specified setting for Away, and all identified correct profile  Problem: –Per-price behavior: All had difficulty setting the temperature specifically for the High price period (specified in task) –Could be interface problem, or could be conceptual problem

IV. What We Plan to Do

Interface Changes  Left side worked well. Minor modifications needed: –Make better visual proxy for “knob” –Better feedback for away/hold/override modes –Visual difference between sets of radio buttons

Interface Changes  Revise tabs to show highlighting more clearly  Incorporate price display into “time bar”

Interface Changes  Price forecast, budget and past usage screens very effective –Reduce visual clutter  Problems with navigation among screens –Card sorting

Interface Changes  Relationship of settings screens, affordances clear –Add wizards –Add help video  Problem with temperature settings: poor understanding of demand response? –Formal testing

Other Issues for Testing  Alternatives for displaying usage information: –pie charts –bar charts –icons  Differences in device use, display preferences by: –age –technical ability –language proficiency –education level  Interaction between radio buttons on left-hand side

V. What We Learned

Lessons Learned  Implementation: required level of fidelity –Easier to modify HTML/Javascript prototype than the initial Java version  Testing: order of questions, minor wording choices matter  Analysis: difficult to tease out problems with comprehension of new pricing model vs. UI problems

Questions?