Development and Evaluation of
Emerging Design Patterns for
Ubiquitous Computing
Eric Chung
Jason Hong
Madhu Prabaker
James Landay
Alan Liu

Carnegie Mellon
Carnegie Mellon
University of California, Berkeley
University of Washington
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
Example Pattern

A12 – Enabling Mobile Commerce
Some More Example Patterns

A – Application Genres VirtualInteractions
B – Physical /– Fluid Spaces
C –D
Techniques for Privacy
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
High Exp (6+ yrs) Low Exp
Patterns

2 pairs

2 pairs

No Patterns

3 pairs

2 pairs

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
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:
– http://guir.berkeley.edu/patterns
– Any feedback appreciated
– Help us evolve them!

More Related Content

PPTX
Introduction to User Experience and User Interface Design: A One-Hour Crash C...
PDF
6 Rules of User Interface Design
PDF
UX, ethnography and possibilities: for Libraries, Museums and Archives
PDF
Usability Testing
PDF
Sneaking in Good User Experience Without a UX Budget - anthonydpaul - WordCam...
PDF
WORKSHOP: Making the World Easier with Interaction Design
PDF
Carmen Brion - The value for product teams to design think
PDF
UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...
Introduction to User Experience and User Interface Design: A One-Hour Crash C...
6 Rules of User Interface Design
UX, ethnography and possibilities: for Libraries, Museums and Archives
Usability Testing
Sneaking in Good User Experience Without a UX Budget - anthonydpaul - WordCam...
WORKSHOP: Making the World Easier with Interaction Design
Carmen Brion - The value for product teams to design think
UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...

What's hot (20)

PPT
Ubuntu Usability Test Report
PDF
Psychology of Design (UX Intensive for MySkills4Afrika)
PDF
Storytelling & The Human Form (UX Intensive for MySkills4Afrika)
PPTX
How to Teach UX Design
PDF
UI/UX foundations - Intro to Design
PDF
UI/UX Foundations Part 1 - Design
PDF
What is the Material of UX?
PPT
World Usability day: Bridging Research-Practice Gap
PPTX
Interface Design for Elearning - Tips and Tricks
PPTX
Introduction to User Experience Design
PPTX
Eye Tracking the User Experience of Mobile: What You Need to Know
PDF
UX Research (Yes, it's still a thing.)
PDF
Designing the User Experience
PDF
UI/UX Foundations - Research
PPT
Usability--What is it?
PDF
Optimizing for a faster user experience Pt 2: How-to.
PDF
Level Up your Problem Solving skills
PPTX
Launch With Confidence! Integrate UX Research Throughout Development
PDF
Community Engagement through User Experience
PDF
Advanced Card Sorting and Mixed Method IA Validation
Ubuntu Usability Test Report
Psychology of Design (UX Intensive for MySkills4Afrika)
Storytelling & The Human Form (UX Intensive for MySkills4Afrika)
How to Teach UX Design
UI/UX foundations - Intro to Design
UI/UX Foundations Part 1 - Design
What is the Material of UX?
World Usability day: Bridging Research-Practice Gap
Interface Design for Elearning - Tips and Tricks
Introduction to User Experience Design
Eye Tracking the User Experience of Mobile: What You Need to Know
UX Research (Yes, it's still a thing.)
Designing the User Experience
UI/UX Foundations - Research
Usability--What is it?
Optimizing for a faster user experience Pt 2: How-to.
Level Up your Problem Solving skills
Launch With Confidence! Integrate UX Research Throughout Development
Community Engagement through User Experience
Advanced Card Sorting and Mixed Method IA Validation
Ad

Similar to Development and Evaluation of Emerging Design Patterns for Ubiquitous Computing, presented at DIS2004 (20)

PPTX
User centered design workshop
PDF
Interaction Design Patterns in Recommender Systems
PPT
DIY Usability
PPTX
Design your Modern Intranet using SharePoint PnP Design Assets
PPT
Are Agile Projects Doomed to Half-Baked Design?
PDF
MHIT 603: Introduction to Prototyping
PDF
IxDworks mini-workshop: Paper Prototyping
PDF
Prototyping for tiny fingers
PDF
Purpose Before Action: Why You Need a Design Language System
PDF
Design Systems First: Everyday Practices for a Scaleable Design Process
PDF
010821+presentation+oti.ppt
PDF
AntiPatterns
PDF
Prototyping for knowledge based entrepreneurship
PPT
Deliverables that Clarify, Focus, and Improve Design
PPTX
Design Thinking for the competitive era.pptx
PPT
Experimenting with eXtreme Design (EKAW2010)
PDF
Senior project 2 capstone (thesis) - Designity final compendium
PDF
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
PPT
Lecture 11.pptHuman Computer Interaction
PPTX
Rapid Prototyping in UX Design
User centered design workshop
Interaction Design Patterns in Recommender Systems
DIY Usability
Design your Modern Intranet using SharePoint PnP Design Assets
Are Agile Projects Doomed to Half-Baked Design?
MHIT 603: Introduction to Prototyping
IxDworks mini-workshop: Paper Prototyping
Prototyping for tiny fingers
Purpose Before Action: Why You Need a Design Language System
Design Systems First: Everyday Practices for a Scaleable Design Process
010821+presentation+oti.ppt
AntiPatterns
Prototyping for knowledge based entrepreneurship
Deliverables that Clarify, Focus, and Improve Design
Design Thinking for the competitive era.pptx
Experimenting with eXtreme Design (EKAW2010)
Senior project 2 capstone (thesis) - Designity final compendium
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
Lecture 11.pptHuman Computer Interaction
Rapid Prototyping in UX Design
Ad

Recently uploaded (20)

PPTX
Benefits of Physical activity for teenagers.pptx
PPT
Module 1.ppt Iot fundamentals and Architecture
PDF
Hindi spoken digit analysis for native and non-native speakers
PPTX
Chapter 5: Probability Theory and Statistics
PPT
What is a Computer? Input Devices /output devices
PDF
A review of recent deep learning applications in wood surface defect identifi...
PDF
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PDF
1 - Historical Antecedents, Social Consideration.pdf
PDF
NewMind AI Weekly Chronicles – August ’25 Week III
PDF
A comparative study of natural language inference in Swahili using monolingua...
PPTX
The various Industrial Revolutions .pptx
PPTX
Web Crawler for Trend Tracking Gen Z Insights.pptx
PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
STKI Israel Market Study 2025 version august
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
Zenith AI: Advanced Artificial Intelligence
PPT
Geologic Time for studying geology for geologist
Benefits of Physical activity for teenagers.pptx
Module 1.ppt Iot fundamentals and Architecture
Hindi spoken digit analysis for native and non-native speakers
Chapter 5: Probability Theory and Statistics
What is a Computer? Input Devices /output devices
A review of recent deep learning applications in wood surface defect identifi...
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
Group 1 Presentation -Planning and Decision Making .pptx
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
1 - Historical Antecedents, Social Consideration.pdf
NewMind AI Weekly Chronicles – August ’25 Week III
A comparative study of natural language inference in Swahili using monolingua...
The various Industrial Revolutions .pptx
Web Crawler for Trend Tracking Gen Z Insights.pptx
Enhancing emotion recognition model for a student engagement use case through...
STKI Israel Market Study 2025 version august
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Zenith AI: Advanced Artificial Intelligence
Geologic Time for studying geology for geologist

Development and Evaluation of Emerging Design Patterns for Ubiquitous Computing, presented at DIS2004

  • 1. Development and Evaluation of Emerging Design Patterns for Ubiquitous Computing Eric Chung Jason Hong Madhu Prabaker James Landay Alan Liu Carnegie Mellon Carnegie Mellon University of California, Berkeley University of Washington University of Washington
  • 2. 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
  • 3. 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
  • 4. 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?
  • 5. Talk Outline  Overview  Method for Creating the Patterns  Evaluating the Patterns  Future Work
  • 6. 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
  • 7. Example Pattern A12 – Enabling Mobile Commerce
  • 8. Example Pattern A12 – Enabling Mobile Commerce
  • 9. Some More Example Patterns A – Application Genres VirtualInteractions B – Physical /– Fluid Spaces C –D Techniques for Privacy
  • 10. Bus Stops for Relating Patterns
  • 11. Talk Outline  Overview  Method for Creating the Patterns  Evaluating the Patterns  Future Work
  • 12. First Round of Evaluation Nine pairs of designers High Exp (6+ yrs) Low Exp Patterns 2 pairs 2 pairs No Patterns 3 pairs 2 pairs 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
  • 13. 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
  • 14. 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.”
  • 15. 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
  • 16. 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…
  • 17. 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
  • 18. 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: – http://guir.berkeley.edu/patterns – Any feedback appreciated – Help us evolve them!

Editor's Notes

  • #3: Emerged over time as a good solution Similar characteristics, but different, tailored to the needs of the specific web site Capture the essence, but apply in many different situations
  • #4: Most results and design knowledge on ubicomp still in research paper format
  • #5: Define pre-patterns
  • #14: In the first evaluation round, there were no statistically significant differences in quality, completeness, or creativity between the designs of pairs that used patterns and pairs that did not. In the second round, there were some statistically significant differences with respect to factors such as accomplishing tasks more quickly and usefulness, although most of the differences were between expert and novice designers, rather than between pairs that used patterns and those that did not. However, our qualitative observations in both rounds suggest that patterns helped novice designers generate designs, helped experienced designers new to ubicomp learn about the domain, helped designers communicate ideas, and helped designers avoid potential design problems earlier in the design process. Surprisingly, although we had an entire group of patterns devoted to privacy, our patterns did not help with that issue. Generally, designers found our pre-patterns useful. “Good idea to identify design patterns for ubicomp.” However, one problem was that there were “too many patterns to digest”. This designer summarized his perspective on our patterns by saying, “If we had more time, I’m sure that we would be able to use these patterns to tailor them to our own ideas.”
  • #15: In the first evaluation round, there were no statistically significant differences in quality, completeness, or creativity between the designs of pairs that used patterns and pairs that did not. In the second round, there were some statistically significant differences with respect to factors such as accomplishing tasks more quickly and usefulness, although most of the differences were between expert and novice designers, rather than between pairs that used patterns and those that did not. However, our qualitative observations in both rounds suggest that patterns helped novice designers generate designs, helped experienced designers new to ubicomp learn about the domain, helped designers communicate ideas, and helped designers avoid potential design problems earlier in the design process. Surprisingly, although we had an entire group of patterns devoted to privacy, our patterns did not help with that issue. Generally, designers found our pre-patterns useful. “Good idea to identify design patterns for ubicomp.” However, one problem was that there were “too many patterns to digest”. This designer summarized his perspective on our patterns by saying, “If we had more time, I’m sure that we would be able to use these patterns to tailor them to our own ideas.”
  • #17: We had several interesting qualitative observations on the effects of the pre-patterns on design. More design pairs adopted the language of the patterns verbally than in the first round. Also, the design pairs often communicated their ideas through physical exchange of the patterns and by pointing to examples more readily than in the first round. One pair mentioned that they used the pattern groups as “a way to organize their ideas.” Another pair drew inspiration from the Serendipity in Exploration (D5) pattern, stating that the location-based service they were designing “should not be a pushy salesperson but allow for free roaming.” A third pair used the patterns in an unanticipated way. Instead of simply culling ideas from the patterns, they annotated their designs with particular pattern references (e.g., writing “A1: Active Map” next to their sketched UI). One of the designers in the pair said, “It’s interesting because these [patterns] all sort of lay out the problem and the solution on a page, so just by saying that C2 is this one—it’s actually a quicker way of going through this whole procedure.” However, the participants still failed to take advantage of the privacy patterns. 4 out of 6 pattern groups talked about privacy, but only one group actually used any of the privacy patterns directly, using three privacy patterns.
  • #18: We had several interesting qualitative observations on the effects of the pre-patterns on design. More design pairs adopted the language of the patterns verbally than in the first round. Also, the design pairs often communicated their ideas through physical exchange of the patterns and by pointing to examples more readily than in the first round. One pair mentioned that they used the pattern groups as “a way to organize their ideas.” Another pair drew inspiration from the Serendipity in Exploration (D5) pattern, stating that the location-based service they were designing “should not be a pushy salesperson but allow for free roaming.” A third pair used the patterns in an unanticipated way. Instead of simply culling ideas from the patterns, they annotated their designs with particular pattern references (e.g., writing “A1: Active Map” next to their sketched UI). One of the designers in the pair said, “It’s interesting because these [patterns] all sort of lay out the problem and the solution on a page, so just by saying that C2 is this one—it’s actually a quicker way of going through this whole procedure.” However, the participants still failed to take advantage of the privacy patterns. 4 out of 6 pattern groups talked about privacy, but only one group actually used any of the privacy patterns directly, using three privacy patterns.