Skip to main content
SpringerLink
Log in

User interface patterns in recommendation-empowered content intensive multimedia applications

  • Published:
Multimedia Tools and Applications Aims and scope Submit manuscript

Abstract

Design Patterns (DPs) are acknowledged as powerful conceptual tools to improve design quality and to reduce time and cost of the development process by effect of the reuse of “good” design solutions. In many fields (e.g., software engineering, web engineering, interface design) patterns are widely used by practitioners and are also investigated from a research perspective. Still, they have been seldom explored in the arena of Recommender Systems (RSs). RSs provide suggestions (“recommendations”) for items that are likely to be appropriate for the user profile, and are increasingly adopted in content-intensive multimedia applications to complement traditional forms of search in large information spaces. This paper explores RSs through the lens of User Interface (UI) Design Patterns. We have performed a systematic analysis of 54 recommendation-empowered content-intensive multimedia applications, in order to: (i) discover the occurrences of existing domain independent UI patterns; (ii) identify frequently adopted UI solutions that are not modelled by existing patterns, and define a set of new UI patterns, some of which are specific of the interfaces for recommendation features while others can be useful also in a broader context. The results of our inspection have been discussed with and evaluated by a team of experts, leading to a consolidated set of 14 new patterns that are reported in the paper. Reusing pattern-based design solutions instead of building new solutions from scratch enables novice and expert designers to build good UIs for Recommendation-empowered content intensive multimedia applications more effectively, and ultimately can improve the UX experience in this class of systems. From a broader perspective, our work can stimulate future research bridging Recommender Systems, Web Engineering and Interface Design by means of Design Patterns, and highlights new research directions also discussed in the paper.

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

Access this article

Log in via an institution

Price excludes VAT (USA)
Tax calculation will be finalised during checkout.

Instant access to the full article PDF.

Institutional subscriptions

Fig. 1
Fig. 2
Fig. 3
Fig. 4
Fig. 5
Fig. 6
Fig. 7
Fig. 8
Fig. 9
Fig. 10
Fig. 11
Fig. 12
Fig. 13
Fig. 14
Fig. 15
Fig. 16
Fig. 17

Similar content being viewed by others

Notes

  1. In the pattern language literature, a description of this kind is sometimes referred to as “proto-pattern” [37]- something that is documented in a pattern-like form, but lacks of a refined formulation and enough supporting known uses.

References

  1. Adomavicius G, Kwon Y (2015) Multi-criteria recommender systems, in: Recommender Systems Handbook, Springer, pp. 847–880

  2. Adomavicius G, Tuzhilin A (2005) Toward the next generation of recommender systems: a survey of the state-of-the-art and possible extensions. IEEE Trans Knowl Data Eng 17(6):734–749

    Article  Google Scholar 

  3. Aggarwal CC (2016) An Introduction to Recommender Systems. In Recommender Systems 2016, pp. 1–28, Springer International Publishing

  4. Aggarwal CC (2016) Content-Based Recommender Systems. In Recommender Systems, pp. 139–166. Springer International Publishing.

  5. Aggarwal CC (2016) Model-Based Collaborative Filtering. In Recommender Systems, pp. 71–138, Springer International Publishing

  6. Aggarwal CC (2016) Neighborhood-Based Collaborative Filtering. In Recommender Systems, pp. 29–70, Springer International Publishing

  7. Alexander C (1979) The timeless way of building, vol 1. Oxford University Press, New York

    Google Scholar 

  8. Amatriain X, Basilico J (2015) Recommender Systems in Industry: A Netflix Case Study. In Recommender Systems Handbook, pp. 385–419. Springer US

  9. Anthony J, Willemsen M C, Felfernig A, Gemmis M D, Lops P, Semeraro G, Chen L (2015) Human decision making and recommender systems. In Recommender Systems Handbook, pp. 611–648. Springer US.

  10. Arvola M (2006) Interaction design patterns for computers in sociable use. Int J Comput Appl Technol 25(2–3):128–139. doi:10.1504/IJCAT.2006.009063

    Article  Google Scholar 

  11. Balabanovic M, Shoham Y (1997) Fab: content-based, collaborative recommendation. Commun ACM 40(3):66–72

    Article  Google Scholar 

  12. Blas ND, Garzotto F, Guermandi MP (2002) It works! A systematic method to evaluate the features of museum Web-sites, Palazzo dei Congressi, Bibliocom 2002, Rome

  13. Bollen D, Knijnenburg BP, Willemsen MC, Graus M (2010) Understanding choice overload in recommender systems. In Proceedings of the fourth ACM conference on Recommender Systems, pp. 63–70. ACM

  14. Borchers JO (2001) A pattern approach to interaction design. Ai Soc 15(4):359–376. doi:10.1007/BF01206115

    Article  MathSciNet  Google Scholar 

  15. Bottoni P, Guerra E, de Lara J (2010) A language-independent and formal approach to pattern-based modelling with support for composition and analysis. Inf Softw Technol 52(8):821–844

    Article  Google Scholar 

  16. Build Your Perfect Interface with UI Design Patterns. http://www.sitepoint.com/build-your-perfect-interface-with-ui-design-patterns. Accessed: 9 April 2015

  17. Burke R (2000) Knowledge-based recommender systems

  18. Burke R (2002) Hybrid recommender systems: survey and experiments. User Model User-Adapt Interact 12(4):331–370

    Article  MATH  Google Scholar 

  19. Buschmann F, Meunier R, Rohnert H, Sommerlad P, Stal M (1996) Pattern-oriented software architecture: a system of patterns. Addison Wesley

  20. Coplien JO, Schmidt DC (1995) Pattern languages of program design. ACM Press/Addison-Wesley Publishing Co

  21. Cosley D, Lam S K, Albert I, Konstan J A, Riedl J (2003) Is seeing believing?: how recommender system interfaces affect users’ opinions. In Proceedings of the SIGCHI conference on Human factors in computing systems, pp. 585–592. ACM

  22. Cremonesi P, Elahi M, Garzotto F (2015) Interaction design patterns in recommender systems, Proceedings of the 11th Biannual Conference on Italian SIGCHI Chapter, pp. 66–73, ACM.

  23. Cremonesi P, Garzotto F, Negro S, Papadopoulos A, Turrin R (2011) Comparative evaluation of recommender system quality. In CHI’11 Extended Abstracts on Human Factors in Computing Systems, pp. 1927–1932. ACM

  24. Cremonesi P, Garzotto F, Negro S, Papadopoulos A, Turrin R (2011) Looking for “good” recommendations: A comparative evaluation of recommender systems. In IFIP Conference on Human-Computer Interaction, pp. 152–168. Springer Berlin Heidelberg

  25. Cremonesi P, Garzotto F, Turrin R (2012) Investigating the persuasion potential of Recommender Systems from a quality perspective: An empirical study. ACM Transactions on Interactive Intelligent Systems (TiiS) 2, no. 2 pp. 11

  26. Cremonesi P, Garzotto F, Turrin R (2012) User effort vs. accuracy in rating-based elicitation. In Proceedings of the sixth ACM conference on Recommender Systems, pp. 27–34. ACM

  27. Cremonesi P, Garzotto F, Turrin R (2013) User-centric vs. System-centric evaluation of recommender systems. Human-computer interaction–INTERACT 2013. Springer, Berlin Heidelberg, pp 334–351

    Google Scholar 

  28. Cremonesi P, Turrin R (2010) Recommender systems for interactive TV

  29. Cremonesi P, Turrin R (2010) Time-evolution of IPTV recommender systems. In Proceedings of the 8th international interactive conference on Interactive TV&Video, pp. 105–114. ACM

  30. Dearden A, Finlay J (2006) Pattern languages in HCI: a critical review. Hum–Comput Interact 21(1):49–102

    Article  Google Scholar 

  31. Deldjoo Y, Elahi M, Cremonesi P, Garzotto F, Piazzolla P (2016) Recommending Movies Based on Mise-en-Scene Design. In Proceedings of the 2016 CHI Conference Extended Abstracts on Human Factors in Computing Systems, pp. 1540–1547. ACM

  32. Deldjoo Y, Elahi M, Cremonesi P, Garzotto F, Piazzolla P, Quadrana M (2016) Content-Based Video Recommendation System Based on Stylistic Visual Features, Journal on Data Semantics, pp. 1–15, Springer

  33. Deshpande M, Karypis G (2004) Item-based top-n recommendation algorithms. ACM Trans Inf Syst (TOIS) 22(1):143–177

    Article  Google Scholar 

  34. Design patterns. ui-patterns.com/patterns. Accessed: 3 April 2015

  35. Desrosiers C, Karypis G (2011) A comprehensive survey of neighborhood-based recommendation methods. In: F. Ricci, L. Rokach, B. Shapira, P.B. Kantor (Eds.), Recommender systems handbook, Springer, pp. 107–144

  36. Di Blas N, Garzotto F, Poggi C (2009) Web engineering at the frontier of the Web 2.0: design patterns for online 3D shared spaces. World Wide Web 12(4):345–379. doi:10.1007/s11280-009-0065-5

    Article  Google Scholar 

  37. Dong J, Zhao Y, Peng T (2009) A review of design pattern mining techniques. Int J Softw Eng Knowl Eng 19(06):823–855

    Article  Google Scholar 

  38. Duyne DKV, Landay J, Hong JI (2002) The design of sites: patterns, principles, and processes for crafting a customer-centered Web experience. Addison-Wesley Longman Publishing Co., Inc

  39. Elahi M, Ricci F, Rubens N (2016) A survey of active learning in collaborative filtering recommender systems, Computer Science Review, Elsevier

  40. Garzotto F, Matera M, Paolini P, (1998). To use or not to use? Evaluating usability of museum web sites. In Proceedings of Museums and the Web International Conference, Toronto, Canada, Archives & Museum Informatics, 1998; http://www.museumsandtheweb.com/mw98/papers/garzotto/garzotto_paper.html

  41. Felfernig A, Friedrich G, Jannach D, Zanker M (2015) Constrain-tbased recommender systems, in: Recommender Systems Handbook, Springer, pp. 161–190

  42. Francis P, Farzin H, Guéhéneuc YG, Moha N (2012) Recommendation system for design patterns in software development: An dpr overview. In Proceedings of the Third International Workshop on Recommendation Systems for Software Engineering, .. 1–5. IEEE Press

  43. Gamma E, Helm R, Johnson R, Vlissides J (1994) Design patterns: elements of reusable object-oriented software. Pearson Education

  44. Garzotto F, Paolini P, Bolchini D, Valenti S (1999) “Modeling-by-Patterns” of Web A.lications. In International Conference on Conceptual Modeling, .. 293–306. Springer Berlin Heidelberg. doi: 10.1007/3-540-48054-4_24

  45. Garzotto F, Retalis S (2004) Symposium on design patterns for e-learning. In EDMEDIA 2004, Lugano, Switzerland

  46. Gemmis MD, Lops P, Musto C, Narducci F, Semeraro G (2015) Semantics-aware content-based recommender systems, in: Recommender Systems Handbook, Springer, pp. 119–159

  47. Goodyear P, Avgeriou P, Baggetun R, Bartoluzzi S, Retalis S, Ronteltap F, and Rusman E (2004) Towards a pattern language for networked learning. In Networked learning, pp. 449–455

  48. Guéhéneuc YG, Mustapha R (2007) A simple recommender system for design patterns. Proceedings of the 1st EuroPLoP Focus Group on Pattern Repositories

  49. Harrison R, Flood D, Duce D (2013) Usability of mobile applications: literature review and rationale for a new usability model. J Interact Sci 1(1):1–16

    Article  Google Scholar 

  50. Hypermedia design patterns repository. designpattern.lu.unisi.ch/PatternsRepository.htm

  51. Interaction Design Patterns Library. http://www.welie.com/patterns/index.php. Accessed: 9 April 2015

  52. Interaction Design Patterns. https://www.interaction-design.org/encyclopedia/interaction_design_patterns.html. Accessed: 9 April 2015

  53. Jannach D, Zanker M, Felfernig A, Friedrich G (2010) Recommender systems: an introduction, 1st edn. Cambridge University Press, New York

    Book  Google Scholar 

  54. Jézéquel J M, Train M, Mingins C (1999) Design Patterns with Contracts. Addison-Wesley Longman Publishing Co., Inc

  55. Kantor PB, Rokach L, Ricci F, Shapira B (2011) Recommender systems handbook. Springer

  56. Koren Y, Bell R (2015) Advances in collaborative filtering, in: Recommender Systems Handbook, Springer, pp. 77–118

  57. Liikkanen LA, Salovaara A (2015) Music on YouTube: user engagement with traditional, user-appropriated and derivative videos. Comput Hum Behav 50:108–124

    Article  Google Scholar 

  58. Lockyer L, Bennett S, Agostinho S, Harper B (2009) Handbook of research on learning design and learning objects: issues, applications, and technologies (2 volumes). IGI Global, Hershey

    Book  Google Scholar 

  59. Manzato D, Fonseca NLS (2013) A survey of channel switching schemes for IPTV. Commun Mag, IEEE 51(8):120–127

    Article  Google Scholar 

  60. Martin D, Rodden T, Sommerville I, Rouncefield M, Hughes J (2002) Pointer: Patterns of interaction: A pattern language for CSCW .comp.lancs.ac.uk/computing/research/cseg/projects/pointer/pointer.html. Accessed: 17 December 2008

  61. McNee S M, Riedl J, Konstan J A (2006) Being accurate is not enough: how accuracy metrics have hurt recommender systems. In CHI’06 extended abstracts on Human factors in computing systems, pp. 1097–1101. ACM

  62. Nadia B, Kouas A, Ben-Abdallah H (2011) A design pattern recommendation approach. In Software Engineering and Service Science (ICSESS), 2011 I.E. 2nd International Conference on, pp. 590–593. IEEE

  63. Nageswara RK (2010) Application domain and functional classification of recommender systems—a survey. DESIDOC J Libr Inf Technol 28(3):17–35

    Article  Google Scholar 

  64. Resnick P, Varian HR (1997) Recommender systems. Commun ACM 40(3):56–58

    Article  Google Scholar 

  65. Ricci F, Rokach L, Shapira B (2011) Introduction to recommender systems handbook. Springer, US, pp 1–35

    Book  MATH  Google Scholar 

  66. Richardson JH (2014) The Spotify Paradox: how the creation of a compulsory license scheme for streaming on-demand music platforms can save the music industry. Entertainment Law Review 22, no. 1

  67. Rossi G, Schwabe D, Garrido A (1997) Design reuse in hypermedia a.lications development. In Proceedings of the eighth ACM conference on Hypertext, pp. 57–66. ACM

  68. Rossi G, Schwabe D, Garrido A (1997) Design Reuse in Hypermedia Applications Development. In Proc. of the ACM International Conference on Hypertext ’97, ACM Press, pp. 57–66

  69. Rossi G, Schwabe D, Lyardet F (1999) Improving Web Information Systems with Design Patterns. In Proc. of the 8th International World Wide Web Conference, Toronto (CA), Elsevier Science

  70. Rubens N, Elahi M, Sugiyama M, Kaplan D (2015) Active Learning in recommender systems, Recommender Systems Handbook - chapter 24: Recommending Active Learning, pp. 809–846, Springer US

  71. Schedl M, Knees P, McFee B, Bogdanov D, Kaminskas M (2015) Music Recommender Systems. In Recommender Systems Handbook, pp. 453–492. Springer US

  72. Schummer T (2003) Gama: A pattern language for computer supported dynamic collaboration. In EuroPLoP, pp. 53–114

  73. Schummer T (2005) A pattern approach for end user centered groupware development. Fern Universitat in Hagen

  74. Schummer T, Lukosch S (2013) Patterns for computer-mediated interaction. Wiley

  75. Shvets A, Frey G, M Pavlova (2016) Proxy Design Pattern from Design Patterns Explained Simply, sourcemaking.com/design_patterns/proxy, SourceMaking.com

  76. Su X, Khoshgoftaar TM (2009) A survey of collaborative filtering techniques. Advances in artificial intelligence, pp. 4

  77. Swearingen K, Sinha R (2001) Beyond algorithms: an HCI perspective on recommender systems. In ACM SIGIR 2001 Workshop on Recommender Systems, vol. 13, no. 5–6, pp. 1–11

  78. Tidwell J (2010) Designing interfaces. O’Reilly Media, Inc

  79. Véras D, Prota T, Bispo A, Prudêncio R, Ferraz C (2015) A literature review of recommender systems in the television domain. Expert Syst Appl 42(22):9046–9076

    Article  Google Scholar 

  80. Van Welie M, Van der Veer GC (2003) Pattern languages in interaction design: structure and organization. Proc Interact 3:1–5

    Google Scholar 

  81. Welie, M Van (2008) Design patterns for web, gui, and mobile interfaces. welie.com. Accessed: 17 Dec 2008

Download references

Acknowledgments

This work has been partially supported by the European Institute of Technology (EIT) - grant EIT DIGITAL # 15008 – 2015.

Author information

Authors and Affiliations

  1. Department of Electronics, Information and Bioengineering, Politecnico di Milano, Via Ponzio 34/5, 20133, Milan, Italy

    Paolo Cremonesi, Mehdi Elahi & Franca Garzotto

Authors
  1. Paolo Cremonesi
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Mehdi Elahi
    View author publications

    You can also search for this author in PubMed Google Scholar

  3. Franca Garzotto
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Mehdi Elahi.

Additional information

Categories and Subject Descriptors

• Software and its engineering • Design patterns • Information systems • Recommender systems • Human-centered computing • Interaction design.

Rights and permissions

Reprints and permissions

About this article

Check for updates. Verify currency and authenticity via CrossMark

Cite this article

Cremonesi, P., Elahi, M. & Garzotto, F. User interface patterns in recommendation-empowered content intensive multimedia applications. Multimed Tools Appl 76, 5275–5309 (2017). https://doi.org/10.1007/s11042-016-3946-5

Download citation

  • Received:

  • Revised:

  • Accepted:

  • Published:

  • Issue Date:

  • DOI: https://doi.org/10.1007/s11042-016-3946-5

Keywords

Search

Navigation