Skip to main content

The Mondrian User Interface Pattern: Inspiring Eco-responsibility in Homes

  • Chapter
  • First Online:
Towards Energy Smart Homes
  • 724 Accesses

Abstract

The increase in energy demand has motivated a large body of research, using a diverse collection of approaches to reduce domestic energy use. One promising approach to this societal problem is the development of systems that cooperate with the residents combined with digital behavior changes interventions. In this chapter, we present the Mondrian User Interface pattern intended to help system developers to structure and populate the interactive components of their system in order to inspire eco-responsibility. The Mondrian UI serves as an ambient decorative display that supports different levels of users’ attention investment while sustaining daily use. Like Mondrian’s Collections, the Mondrian UI pattern divides the screen into rectangles of different sizes painted in primary colors. The rectangles contain information that can be zoomed in and zoomed out to support multilevel representations of the same semantic information while maintaining informational context accessible. In order to minimize attentional effort, the top-level content of a rectangle is intended to communicate information at a glance while the other levels provide analytic details on demand with minimalist one-click interaction. Each rectangle of the Mondrian UI is populated with eco-inspiring content such as spatiotemporal information about energy use, recommendations and explanations, and social incentives, or with utilitarian content, such as the weather forecast, that family members have the habit of consulting frequently. Utilitarian content along with the display located in a socializing place is intended to enforce the daily use of eco-inspiring information. We have applied the Mondrian UI pattern to the design and implementation of the user interface of an e-coach electricity management system.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 109.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 139.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info
Hardcover Book
USD 139.99
Price excludes VAT (USA)
  • Durable hardcover edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

References

  1. U.S. Energy Information Administration. International Energy Outlook (2013). https://www.eia.gov/pressroom/presentations/sieminski_07252013.pdf

  2. R. Yang, M.W. Newman, J. Forlizzi, Making sustainability sustainable: challenges in the design of eco-interaction technologies, in Proceedings of the SIGCHI Conference on Human Factors in Computing System (CHI 2014) (ACM, 2014), pp. 823–832

    Google Scholar 

  3. R.H. Jensen, et al., HeatDial: beyond user scheduling in eco-interaction, in Proceedings of the 9th Nordic Conference on Human-Computer Interaction - NordiCHI ’16 (Gothenburg, Sweden, 2016), pp. 1–10

    Google Scholar 

  4. H. Limerick, D. Coyle, J.W. Moore, The experience of agency in human-computer interactions: a review. Front. Hum. Neurosci. 8, 643 (2014). https://doi.org/10.3389/fnhum.2014.00643

    Article  Google Scholar 

  5. A.A. Alyafi et al., From usable to incentive-building energy management systems. Modélisation et Utilisation du Contexte 2, 1 (2018). https://doi.org/10.21494/ISTE.OP.2018.0302

    Article  Google Scholar 

  6. A. Crabtree, The Social Organization of Communication in Domestic Settings, in Proceedings of the 8th Conference of the International Institute of Ethnomethodology and Conversation Analysis, Manchester (2003)

    Google Scholar 

  7. E.D. Mynatt, J. Rowan, A. Jacobs, S. Graighill, Digital family portraits: supporting peace of mind for extended family members, in Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, March 2001 (CHI’01), pp. 333–340. https://doi.org/10.1145/365024.365126

  8. S. Davidoff, M.K. Lee, C. Yiu, J. Zimmerman, D. Anind, Principles of Smart Home Control, in Proceedings of the 8th international conference on Ubiquitous Computing (Ubicomp’06), September 2006, pp. 19–34, https://doi.org/10.1007/11853565_2

  9. J. Pierce, et al., Home, habits, and energy: examining domestic interactions and energy consumption, in Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (New York, NY, 2010), pp. 1985–1994

    Google Scholar 

  10. P.B. Crabb, Effective control of energy-depleting behavior. Am. Psychol. 47(6), 815–816 (1992). https://doi.org/10.1037/0003-066X.47.6.815

    Article  Google Scholar 

  11. J. Pierce, et al., Energy aware dwelling: a critical survey of interaction design for eco-visualizations, in Proceedings of the 20th Australasian Conference on Computer-Human Interaction Designing for Habitus and Habitat - OZCHI ’08 (Cairns, Australia, 2008), p. 1

    Google Scholar 

  12. J. Froehlich, et al., The design of eco-feedback technology, in Proceedings of the 28th International Conference on Human Factors in Computing Systems - CHI ’10 (Atlanta, GA, 2010), p. 1999

    Google Scholar 

  13. B. Fogg, A behavior model for persuasive design, in Proceedings of the 4th International Conference on Persuasive Technology - Persuasive ’09 (Claremont, CA, 2009), p. 1

    Google Scholar 

  14. B. Fogg, Captology: The study of computers as persuasive technologies, in CHI ’97 Extended Abstracts on Human Factors in Computing Systems (New York, NY, 1997), pp. 129–129

    Google Scholar 

  15. V.B. Nguyen, Designing Persuasive Interactive Systems: energy as an application domain, PhD thesis, Grenoble-Alpes University, 2019

    Google Scholar 

  16. C. Pinder et al., Digital behaviour change interventions to break and form habits. ACM Trans. Comput.-Hum. Interact. 25(3), 1–66 (2018). https://doi.org/10.1145/3196830

    Article  Google Scholar 

  17. J.O. Prochaska, W.F. Velicer, The transtheoretical model of health behavior change. Am. J. Health Promot. 12(1), 38–48 (1997). https://doi.org/10.4278/0890-1171-12.1.38

    Article  Google Scholar 

  18. E. Shove, Changing Human Behaviour and Lifestyle: A Challenge for Sustainable Consumption? The Ecological Economics of Consumption (Edward Elgar Publishing, 2004)

    Google Scholar 

  19. T. Erickson, M. Li, Y. Kim, A. Deshpande, S. Sahu, T. Chao, P. Sukaviriya, M. Naphade, The Dubuque electricity portal: evaluation of a city-scale residential electricity consumption feedback system, in Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI’13), April 2013, pp. 1203–1212, https://doi.org/10.1145/2470654.2466155

  20. R. Yang, M.W. Newman, Learning from a learning thermostat: lessons for intelligent systems in the home, in Proceedings of the 2013 ACM International Joint Conference on Pervasive and Ubiquitous Computing (UbiComp 2013) (ACM, 2013), pp. 93–102. https://doi.org/10.1145/2493432.2493489

  21. J. Coutaz et al., “Will the last one out, please turn off the lights”: promoting energy awareness in public areas of office buildings, in Ambient Intelligence, ed. by A. Kameas, K. Stathis, (Springer International Publishing), pp. 20–36

    Google Scholar 

  22. T. Schwartz, G. Stevens, T. Jakobi, S. Denef, L. Ramirez, V. Wulf, D. Randall, What people do with consumption feedback: a long-term living lab study of a home energy management system. Interact. Comput. 27(6), 551–576 (2015). https://doi.org/10.1093/iwc/iwu009

    Article  Google Scholar 

  23. J. Rodgers, L. Bartram, Exploring ambient and artistic visualization for residential energy use feedback. IEEE Trans. Vis. Comput. Graph. 17(12), 2489–2497 (2011). https://doi.org/10.1109/TVCG.2011.196

    Article  Google Scholar 

  24. L. Hallnäs, J. Redström, From use to presence: on the expressions and aesthetics of everyday computational things. ACM Trans. Comput.-Hum. Interact. 9(2), 106–124 (2002). https://doi.org/10.1145/543434.543441

    Article  Google Scholar 

  25. A. Ferscha, Informative art display metaphors. Universal access in human-computer interaction, in Ambient Interaction, ed. by C. Stephanidis, (Springer, Berlin Heidelberg, 2007), pp. 82–92

    Google Scholar 

  26. N. Jafarinaimi, et al., Breakaway: an ambient display designed to change human behavior, in CHI ’05 Extended Abstracts on Human Factors in Computing Systems - CHI ’05 (Portland, OR, 2005), p. 1945

    Google Scholar 

  27. W.-C. Fang, J.Y.-J. Hsu, Design concerns of persuasive feedback system, in Proceedings of the 7th AAAI Conference on Visual Representations and Reasoning (2010), pp. 20–25

    Google Scholar 

  28. J. Paay, et al., Design of an appliance level eco-feedback display for domestic electricity consumption, in Proceedings of the 26th Australian Computer-Human Interaction Conference on Designing Futures the Future of Design - OzCHI ’14 (Sydney, NSW, Australia, 2014), pp. 332–341

    Google Scholar 

  29. M. Shipworth, Motivating Home Energy Action: A Handbook of What Works (Australian Greenhouse Office, 2000)

    Google Scholar 

  30. J. Redström, et al., Informative art: using amplified artworks as information displays, in Proceedings of DARE 2000 on Designing Augmented Reality Environments - DARE ’00 (Elsinore, Denmark, 2000), pp. 103–114

    Google Scholar 

  31. D.A. Norman, The Design of Everyday Things (Basic Books, 2002)

    Google Scholar 

  32. B.J. Fogg, Persuasive technology: using computers to change what we think and do. Ubiquity. 2002. https://doi.org/10.1145/764008.763957

  33. T.G. Holmes, Eco-visualization: combining art and technology to reduce energy consumption, in Proceedings of the 6th ACM SIGCHI Conference on Creativity & Cognition - C&C ’07 (Washington, DC, 2007), p. 153

    Google Scholar 

  34. V. Nisi, et al., SINAIS from Fanal: design and evaluation of an art-inspired eco-feedback system, in Proceedings of the Biannual Conference of the Italian Chapter of SIGCHI on - CHItaly ’13 (Trento, Italy, 2013), pp. 1–10

    Google Scholar 

  35. M.G. Petersen, et al., Aesthetic interaction: a pragmatist’s aesthetics of interactive systems, Proceedings of the 5th Conference on Designing Interactive Systems: Processes, Practices, Methods, and Techniques (New York, NY, 2004)

    Google Scholar 

  36. R. Xiong, J. Donath, PeopleGarden: creating data portraits for users, in Proceedings of the 12th Annual ACM Symposium on User Interface Software and Technology (New York, NY, 1999), pp. 37–4

    Google Scholar 

  37. C. Fan, et al., A spark of activity: exploring informative art as visualization for physical activity, in Proceedings of the 2012 ACM Conference on Ubiquitous Computing - UbiComp’12 (Pittsburgh, PA, 2012), p. 81

    Google Scholar 

  38. T. Nakajima, V. Lehdonvirta, Designing motivation using persuasive ambient mirrors. Pers. Ubiquit. Comput. 17(1), 107–126 (2013). https://doi.org/10.1007/s00779-011-0469-y

    Article  Google Scholar 

  39. H. Evans, et al., Nuage Vert. July–September 2009, pp. 13–15, vol. 16 IEEE MultiMedia.XX (2009)

    Google Scholar 

  40. T. Skog, et al., Bringing computer graphics to everyday environments with informative art, in ACM SIGGRAPH 2002 Conference Abstracts and Applications on XX - SIGGRAPH ’02 (San Antonio, TX, 2002), p. 153

    Google Scholar 

  41. L.E. Holmquist, T. Skog, Informative art: information visualization in everyday environments, in Proceedings of the 1st International Conference on Computer Graphics and Interactive Techniques in Australasia and South East Asia (2003), pp. 229–235

    Google Scholar 

  42. J. Mankoff, et al., Heuristic evaluation of ambient displays, in Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (New York, NY, 2003), pp. 169–176

    Google Scholar 

  43. A. Cockburn et al., A review of overview+detail, zooming, and focus+context interfaces. ACM Comput. Surv. 41(1), 1–31 (2008). https://doi.org/10.1145/1456650.1456652

    Article  Google Scholar 

  44. B.B. Bederson et al., DateLens: a fisheye calendar interface for PDAs. ACM Trans. Comput.-Hum. Interact. 11(1), 90–119 (2004). https://doi.org/10.1145/972648.972652

    Article  Google Scholar 

  45. J. Lamping, et al., A focus+context technique based on hyperbolic geometry for visualising large hierarchies, in Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (New York, NY, 1995), pp. 401–408

    Google Scholar 

  46. A. Blackwell, T.R.G. Green, Investment of attention as an analytic approach to cognitive dimensions, in 11th Annual Workshop of the Psychology of Programming Interst Group (PPIG-11) (1999), pp. 24–35

    Google Scholar 

  47. Y. Laurillau, et al., The top-slider for multi-criteria decision making by non-specialists, in Proceedings of NordiCHI’18 (Oslo, 2018), pp. 169–176. https://doi.org/10.1145/3240167.3240185

  48. J. Kjeldskov, et al., Eco-forecasting for domestic electricity use, in Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems - CHI ’15 (Seoul, Republic of Korea, 2015), pp. 1985–1988

    Google Scholar 

  49. M.K. Rasmussen, et al., Exploring the flexibility of everyday practices for shifting energy consumption through clockcast, in Proceedings of the 29th Australian Conference on Computer-Human Interaction - OZCHI ’17 (Brisbane, QLD, Australia, 2017), pp. 296–306

    Google Scholar 

  50. L. Broms, et al., The Energy AWARE Clock: Incorporating Electricity Use in the Social Interactions of Everyday Life. (2009)

    Google Scholar 

  51. P. Dragicevic, S. Huot, SpiraClock: a continuous and non-intrusive display for upcoming events, in CHI ’02 Extended Abstracts on Human Factors in Computer Systems, Minneapolis, MN (ACM Press, 2002), pp. 604–605, https://doi.org/10.1145/506443.506505

  52. C. Tominski, H. Schumann, Enhanced interactive spiral display, in Proceedings of the Annual SIGRAD Conference, Special Theme: Interactivity (2008), pp. 53–56

    Google Scholar 

  53. J. Wambecke, G.-P. Bonneau, R. Blanch, R. Vergne, Activelec: an interaction-based visualization system to analyze household electrivity consumption, in Workshop Vis in Practice—Visualization Solutions in the Wild, IEEE VIS 2017, Oct 2017, Phoenix, (2017), 4p

    Google Scholar 

  54. H. Brynjarsdottir, et al., Sustainably unpersuaded: how persuasion narrows our vision of sustainability, in Proceedings of the 2012 ACM Annual Conference on Human Factors in Computing Systems - CHI ’12 (Austin, TX, 2012), p. 947

    Google Scholar 

  55. S. Kuznetsov, E. Paulos, UpStream: motivating water conservation with low-cost water flow sensing and persuasive displays, in Proceedings of the 28th International Conference on Human Factors in Computing Systems - CHI ’10 (Atlanta, GA, 2010), p. 1851

    Google Scholar 

  56. R. Orji, et al., Towards personality-driven persuasive health games and gamified systems, in Proceedings of the 2017 CHI Conference on Human Factors in Computing Systems - CHI ’17 (Denver, CO, 2017), pp. 1015–1027

    Google Scholar 

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Yann Laurillau .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2021 Springer Nature Switzerland AG

About this chapter

Check for updates. Verify currency and authenticity via CrossMark

Cite this chapter

Laurillau, Y., Coutaz, J., Calvary, G., Bao, V. (2021). The Mondrian User Interface Pattern: Inspiring Eco-responsibility in Homes. In: Ploix, S., Amayri, M., Bouguila, N. (eds) Towards Energy Smart Homes. Springer, Cham. https://doi.org/10.1007/978-3-030-76477-7_13

Download citation

  • DOI: https://doi.org/10.1007/978-3-030-76477-7_13

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-030-76476-0

  • Online ISBN: 978-3-030-76477-7

  • eBook Packages: EngineeringEngineering (R0)

Publish with us

Policies and ethics