Development and Evaluation of Emerging Design Patterns for Ubiquitous Computing Eric Chung Carnegie Mellon Jason Hong Carnegie Mellon Madhu Prabaker University.

Slides:



Advertisements
Similar presentations
Point of Sale (POS) Client & Back Office Server. Operational Concept What is our Objective? What is our Objective? What are our Goals? What are our Goals?
Advertisements

Mobile Information Architecture. Mobile Differences Location? - Everywhere - Household - Automobile - Fieldwork - Officework Purpose? - Everything (Integrated.
An Architecture for Privacy-Sensitive Ubiquitous Computing Jason I. Hong Group for User Interface Research Computer Science Division University of California.
Demonstrators: Mudasir Nazir(08-CS-41).  I am highly addicted to this field.  Working with W3C in research program(building CSS for creating web site.
Human Capabilities: Mental Models CS352. Announcements Notice upcoming due dates (web page). Where we are in PRICPE: –Predispositions: Did this in Project.
© 2006 Autodesk1 A Passion to Serve Your Customers Melanie Allen GBU Technical Publications.
Prof. James A. Landay University of Washington Spring 2012 Introduction & Course Overview CSE 441 – Advanced HCI March 27, 2012.
Semester in review. The Final May 7, 6:30pm – 9:45 pm Closed book, ONE PAGE OF NOTES Cumulative Similar format to midterm (probably about 25% longer)
Privacy Risk Models for Designing Privacy-Sensitive Ubiquitous Computing Systems Jason Hong Carnegie Mellon Jennifer Ng Carnegie Mellon Scott Lederer University.
Stanford hci group / cs376 research topics in human-computer interaction Intelligent Display Techniques Scott Klemmer 06 December.
Stanford hci group / cs376 Research Topics in Human-Computer Interaction Design Tools 01 November 2005.
DENIM: Finding a Tighter Fit with Web Design Practice James Lin, Mark W. Newman, Jason I. Hong, James A. Landay April 6, 2000 CHI 2000, The Hague
Midterm Exam Review IS 485, Professor Matt Thatcher.
Web Design Patterns (Homepage) IS 485, Professor Matt Thatcher.
Douglas K. van Duyne James A. Landay Jason I. Hong Using Design Patterns to Create Customer-Centered Web Sites.
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #10 BOO! BOO!
SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.
Inspection Methods. Inspection methods Heuristic evaluation Guidelines review Consistency inspections Standards inspections Features inspection Cognitive.
Privacy and Security in the Location-enhanced World Wide Web UC Berkeley Intel / UW UW Intel UC Berkeley Jason Hong Gaetano Boriello James Landay David.
Making Mashups with Marmite Jeff Wong Jason I. Hong Carnegie Mellon University.
1 Web Design Process & Patterns. 2 Outline Review Web design process Motivation for design patterns Web design patterns Home page pattern.
Human-Computer Interaction for Universal Computing James A. Landay EECS Dept., CS Division UC Berkeley Endeavor Mini Retreat, 5/25/99 Task Support.
Prototyping Teppo Räisänen
Pattern Group A – Ubiquitous Computing Genres Upfront Value Proposition (A1) Personal Ubiquitous Computing (A2) Ubiquitous Computing for Groups (A3) Ubiquitous.
Mid-Term Exam Review IS 485, Professor Matt Thatcher.
Week 1. Careers in Web Development  How many of you want to go into the field of Web Development or Web Programming? Introduction to Web 2 Web Designer.
1 Damask A Tool for Early-Stage Design and Prototyping of Multi-Device User Interfaces G r o u p f o r User Interface Research University of California.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
A Visual Language for Sketching Large and Complex Interactive Designs Michael Thomsen University of Aarhus G r o u p f o r User Interface Research University.
1. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “Usability Engineering” –Describe the various steps involved.
Web Design and Patterns CMPT 281. Outline Motivation: customer-centred design Web design introduction Design patterns.
Towards a Unified Interaction Framework for Ubicomp User Interfaces Jason I. Hong Scott Lederer Mark W. Newman G r o u p f o r User Interface Research.
Topiary: A Tool for Prototyping Location-Enhanced Applications Yang Li, Jason I. Hong, James A. Landay, Presented by Daniel Schulman.
Put it to the Test: Usability Testing of Library Web Sites Nicole Campbell, Washington State University.
Team Skill 6: Building the Right System From Use Cases to Implementation (25)
Visualizing Information in Global Networks in Real Time Design, Implementation, Usability Study.
Design: Strategies How the calendar is going to stand – the structure. When you are designing the calendar there are two elements to think about: What.
Heuristic evaluation Functionality: Visual Design: Efficiency:
Slide 1 Chapter 11 User Interface Structure Design Chapter 11 Alan Dennis, Barbara Wixom, and David Tegarden John Wiley & Sons, Inc. Slides by Fred Niederman.
strategize We listen and give clients what they really want, without being afraid to express our expert point of view. We are a creative group of professionals.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
Graphical User Interface (GUI) Web site Team Matix Proposal GC 215: Web Publishing.
User Interface Design & Usability for the Web Card Sorting You should now have a basic idea as to content requirements, functional requirements and user.
1 User Interfaces for Pervasive Computing Devices Prof. James A. Landay January 7, 1999
Design Process … and some design inspiration. Course ReCap To make you notice interfaces, good and bad – You’ll never look at doors the same way again.
1 ITM 734 Introduction to Human Factors in Information Systems Cindy Corritore This material has been developed by Georgia Tech HCI faculty,
Stanford hci group / cs376 u Scott Klemmer · 26 October 2006 Design Tools.
EVALUATION PROfessional network of Master’s degrees in Informatics as a Second Competence – PROMIS ( TEMPUS FR-TEMPUS-JPCR)
Cognitive Walkthrough More evaluating with experts.
Prof. James A. Landay Computer Science Department Stanford University Winter 2016 dt+UX 2 : USER EXPERIENCE DESIGN PROJECT Introduction & Course Overview.
Users and Data Models CMPT 455/826 - Week 3, Day 2 (Various sources) Sept-Dec 2009 – w3d21.
Prof. James A. Landay Richard Davis Kate Everitt University of Washington Autumn 2004 UW Undergraduate HCI Projects A CSE 490jl Overview December 9, 2004.
Stanford hci group / cs376 Research Topics in Human-Computer Interaction Design Tools Ron B. Yeh 26 October 2004.
is the iterative generation of artifacts intended to answer questions that get you closer to your final solution is creating a concrete embodiment.
May 24, / Questionnaires... a. are a quick and easy way to gather information b. are only good for collecting qualitative data c. are.
Dude, Where's My Car? And Other Questions in Context-Awareness Jason I. Hong James A. Landay Group for User Interface Research University of California.
Prof. James A. Landay University of Washington Winter 2009 Introduction & Course Overview CSE 441 – Advanced HCI January 6, 2009.
Research Topics in Ubiquitous Computing Jason I. Hong.
Pattern Evaluation Exercise James A. Landay, University of Washington CSE 490L – Web Design, Prototyping, & Implementation April 10, 2008.
Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Ubicomp Design Pre-Patterns May 29, 2008.
Introduction & Course Overview CS 194H – User Experience Design Project January 10, 2017.
Your Personal Workout Coach
Introduction & Course Overview CS490f – Part II
Final Presentation Jolie Chen Kristine Delossantos Muel Kiel
Team Covalence TED LI COURTNEY NOH LOGAN SHORT EMMA TOWNLEY-SMITH.
Design Tools Jeffrey Heer · 7 May 2009.
Human Capabilities: Mental Models
Collaborative Collections
Low-fi Prototyping & Pilot Usability Testing
ROLE OF «electronic virtual enhanced research-engaged student teams» WEB PORTAL IN SOLUTION OF PROBLEM OF COLLABORATION INTERNATIONAL TEAMS INSIDE ONE.
Presentation transcript:

Development and Evaluation of Emerging Design Patterns for Ubiquitous Computing Eric Chung Carnegie Mellon Jason Hong Carnegie Mellon Madhu Prabaker University of California, Berkeley James Landay University of Washington Alan Liu University of Washington

What Are Design Patterns? Design patterns communicate common design problems and good solutions in a compact form Started in architecture, recently for user interfaces –Ex. Navigation Bar

Design Patterns for Ubicomp? Ubicomp pushes computing into physical world –Wireless networking, sensors, devices Still in early phases of ubicomp, so why create a pattern language now? Speed up diffusion of interaction techniques and evaluation results Help us see links between ideas, see what’s missing –Like first periodic table Help designers avoid bad standards –Avoid blue links and poor privacy

Our Work on Ubicomp Design Patterns Developed 45 patterns for ubicomp Evaluation with sixteen pairs of designers (32 total) –9 pairs in first round of eval, 7 pairs in second round –Compared the design of a location-enhanced app with and without patterns –Better communication? Novices and experts? Privacy?

Talk Outline  Overview  Method for Creating the Patterns  Evaluating the Patterns  Future Work

Method for Creating the Patterns Iterative process over three months Literature review to extract ideas –Tried to do top-bottom, too hard –Bottom-up much easier, card sorting to organize into groups 80 pattern candidates, focusing on interaction design –2 pages each –Critiqued by four other researchers Cut to 45 patterns for the first evaluation

Example Pattern A12 – Enabling Mobile Commerce

Some More Example Patterns D – Fluid InteractionsC – Techniques for PrivacyB – Physical / Virtual SpacesA – Application Genres

Bus Stops for Relating Patterns

Talk Outline  Overview  Method for Creating the Patterns  Evaluating the Patterns  Future Work

First Round of Evaluation Nine pairs of designers Prototype a location-enhanced guide for shopping mall –Gave each pair a set of general goals to support –Could add any reasonable features, use any reasonable technologies –80 minutes to prototype, 10 minute presentation to “client” Will focus on qualitative results –Had judges rate designs quantitatively, statistics hard though High Exp (6+ yrs)Low Exp Patterns2 pairs No Patterns3 pairs2 pairs

Observations from First Round Eval Patterns helped novice designers –Novices without patterns struggled with tech, features –Novices with patterns fared better, patterns useful for getting ideas and explaining concepts to one another Patterns helped experts with an unfamiliar domain –Skim thru patterns to get ideas, see range of possibilities Patterns helped designers communicate ideas –Expected designers to adopt names (unrealistic in retrospect) –Common to see designers point at pictures –Many design pairs leveraged a web pattern language Navigation Bar, pages, cookies, bookmarks

Observations from First Round Eval Patterns helped designers avoid some design problems –Most teams came up with similar solutions in both conditions –But teams w/o patterns had to re-visit solutions more often Had to re-invent wheel and re-learn mistakes Patterns did not help with privacy –Most design teams identified privacy as a problem –But the teams didn’t use our patterns… Designers generally liked the idea of patterns –“Good idea to identify design patterns for ubicomp” –But… “Too many patterns to digest” –“If we had more time, I’m sure that we would be able to use these patterns to tailor them to our own ideas.”

Second Round of Evaluation Reduced to 30 patterns Edited some content, added more links Seven pairs of designers –Six pairs had patterns, one did not Already knew what non-pattern condition results were –Same task –Same amount of time

Observations from Second Round Eval 9 of 12 thought patterns helped with design task 11 of 12 thought patterns would help with future designs “These patterns are almost like a checklist. You can cover all of your bases.” Patterns used more often to communicate ideas Some patterns used to inspire designs –D5: Serendipity in Exploration, app “should not be a pushy salesperson but allow for free roaming.” One pair used patterns to annotate ideas –B1: Active Map next to the sketched UI But only one group used the privacy patterns…

Future Work Continued evolution and evaluation of the patterns Why didn’t privacy patterns work as we expected? –Unclear format? Too abstract? Too specific? –Not enough links? Too many patterns? –Important b/c we want to avoid expected privacy problems Landay and Prabaker working on ubicomp patterns for the home at Intel Research Seattle –20 new patterns for the home –22 pairs of designers, half with patterns, half without –Data analysis in progress

Summary Design patterns for ubicomp –30 patterns in current set Evaluation with 16 pairs of designers –Generally useful in design task for generating and communicating design ideas –Still didn’t use privacy patterns Our patterns can be downloaded at: – –Any feedback appreciated –Help us evolve them!