research-article

UI Design for an iTV platform: an iterative approach

Authors:

Sílvia Fernandes,

Pedro AlmeidaAuthors Info & Claims

Interacción '18: Proceedings of the XIX International Conference on Human Computer Interaction

Article No.: 17, Pages 1 - 8

https://doi.org/10.1145/3233824.3233851

Published: 12 September 2018 Publication History

Abstract

This article presents graphic and interaction guidelines for User Interface (UI) design in the Interactive TV domain (iTV). Starting with a systematization of principles and good practices based on pervasive examples, namely the Google Material Design guidelines for Android TV and guidelines for Apple tvOS, the UI design of the UltraTV system followed an iterative design process. Several mockups and prototypes were assessed by experts and users, in laboratory tests and a field trial, as means to validate design and interaction solutions. The iteration of the prototype followed a user-centered design approach that started from a literature review on design principles and methodologies complemented by a survey on current industry trends in iTV to establish the guidelines. Those recommendations were applied to the development and assessment of increasing fidelity prototypes. The result is a fully functional validated iTV prototype that unifies several content sources with a personalized experience. The presented methodology proved to be effective in speeding up the workflow regarding the design and development process, with the potential to be replicated by other iTV products.

References

[1]

Brian Still and Kate Crane. 2017. Fundamentals of User-Centered Design: A practical approach (First edit ed.). CRC Press, Boca Raton. ISO 9241-210. 2010. Ergonomics of human-system interaction - Part 210: Human-centred design for interactive systems.

[2]

Ben Shneiderman and Catherine Plaisant. 2005. Designing the user interface: strategies for effective human-computer interaction (4° edition ed.). Pearson Education, College Park. William Lidwell, Kritina Holden, and Jill Butler. 2003. Universal Principles of Design. Rockport Publishers, Gloucester

Digital Library

[3]

Konstantinos Chorianopoulos. 2008. User interface design principles for interactive television applications. Int. J. Hum. Comput. Interact. 24, 6 (2008), 556--573. Mark David Rice. 2003. A study of television and visual impairment: prospects for the accessibility of interactive television. In: Masthoff, J., Griffiths, R., Pemberton, L. (eds.) Proceedings of the 1st European Interactive Television Conference.

[4]

Rita Oliveira, Jorge Abreu, Pedro Almeida. 2017. Promoting interactive television (iTV) accessibility: an adapted service for users with visual impairments. In: Journal Universal Access in the Information Society archive. Volume 16 Issue 3, August 2017. 533 --544.

Digital Library

[5]

Jesse James Garrett. 2011. The Elements of User Experience: User-Centered Design for the Web and Beyond (2th editio ed.). Pearson Education, Berkeley.

Digital Library

[6]

Russ Unger and Carolyn Chandler. 2009. A Project Guide to UX Design: For user experience designers in the field or in the making. New Riders, Berkeley. Retrieved from http://www.lavoisier.fr/notice/frDWOL2LOAXRW32O.html Regina Bernhaupt and Michael Pirker. 2013. Evaluating User Experience for Interactive Television: Towards the Development of a Domain-Specific User Experience Questionnaire. In 14th IFIP TC 13 International Conference on Human-Computer Interaction (INTERACT 2013), 642--659. Retrieved December 4, 2017 from https://hal.archives-ouvertes.fr/hal-01223180/

[7]

Pedro Almeida, Jorge Abreu, Eliza Oliveira, and Ana Velhinho. 2017. Expert evaluation of a user interface for the unification of TV contents. Proceedings of the 6th Iberoamerican Conference on Applications and Usability of Interactive TV - jAUTI 2017, Universidade de Aveiro, 59--70.

[8]

Pedro Almeida, Jorge Abreu, Telmo Silva, et al. 2018. Iterative User Experience Evaluation of a User Interface for the Unification of TV Contents. In Applications and Usability of Interactive Television. Springer, Aveiro, 44--57.

[9]

Andrew Clarke, Ben Callahan, Chris Coyier, Dan Mall, Dmitry Baranovskiy, Eileen Webb, Emily Gray, Jake Archibald, James Williamson, Lisa Maria Martin, Marko Dugonjić, Sara Soueidan, Viljami Salminen, Vitaly Friedman, and Zoe Mickley Gillenwater. 2015. Smashing Book 5: Real-Life Responsive Web Design Part 1. Smashing Magazine GmbH, Freiburg.

[10]

Christian Crumlish and Erin Malone. 2015. Designing Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience (2nd editio ed.). O'Relly Media, Sebastopol. Retrieved from http://designingsocialinterfaces.com/patterns/Main_Page#Social_Patterns_.26 _Best_Practices

[11]

Steve Krug. 2006. Don't Make Me Think: A Common Sense Approach to Web Usability (2nd editio ed.). New Riders, Berkeley. Google. 2014. Responsive UI. Material Design. Retrieved April 20, 2018 from https://material.io/guidelines/layout/responsive-ui.html

Digital Library

[12]

Apple. 2017. Human Interface Guidelines. Apple Developer. Retrieved April 20, 2018 from https://developer.apple.com/tvos/

[13]

Android. Android TV. Android TV Design Guidelines. Retrieved April 20, 2018 from https://designguidelines.withgoogle.com/android-tv/android-tv/introduction.html#

[14]

Android. 2018. Design for Android TV. Android TV design guidelines. Retrieved April 20, 2018 from https://developer.android.com/design/tv/

[15]

Jorge Abreu, Pedro Almeida, Enrickson Varsori, and Sílvia Fernandes. 2017. Interactive television UI: Industry trends and disruptive design approaches. Proceedings of 6th Iberoamerican Conference on Applications and Usability for Interactive TV, UA Editora, 213--224.

[16]

Jakob Nielsen. 1995. 10 Usability Heuristics for User Interface Design. Nielsen Norman Group: Evidence-Based User Experience Research, Training and Consulting. Retrieved April 20, 2018 from https://www.nngroup.com/articles/ten-usability-heuristics/

[17]

James Archer. 2017. The hamburger menu doesn't work. jamesarcher.me. Retrieved April 20, 2018 from http://jamesarcher.me/hamburger-menu Ericsson-Consumerlab. 2017. TV and Media 2017: A consumer-driven future of media. Stockholm. Retrieved from https://www.ericsson.com/assets/local/careers/media/ericsson_consumerlab_tv_media_report.pdf

[18]

Nielsen-Company. 2015. Screen wars: The battle for eye space in a TV-everywhere world. New York. Retrieved from http://www.nielsen.com/apac/en/insights/reports/2015/screen-wars-the-battle-for-eye-space-in-a-tv-everywhere-world.html%5Cnhttp://www.nielsen.com/content/dam/corporate/us/en/reports-downloads/2015-reports/nielsen-global-digital-landscape-report-march-2015

[19]

Jakob Nielsen. 2000. Why You Only Need to Test with 5 Users. Nielsen Norman Group: Evidence-Based User Experience Research, Training and Consulting. Retrieved November 22, 2017 from https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/

[20]

Jakob Nielsen. 2012. How Many Test Users in a Usability Study? Evidence-Based User Experience Research, Training and Consulting. Retrieved November 22, 2017 from https://www.nngroup.com/articles/how-many-test-users/

Cited By

Pekpazar ACoskun MAltin Gumussoy C(2023)Conceptualization and Survey Instrument Development for Over-the-Top Platforms’ UsabilityJournal of Theoretical and Applied Electronic Commerce Research10.3390/jtaer1804008918:4(1764-1796)Online publication date: 1-Oct-2023
https://doi.org/10.3390/jtaer18040089
Cardoso BAbreu JPrata A(2022)The TV Ecosystem is Fragmented and in Need of New Business and Technological StrategiesProceedings of the 2022 ACM International Conference on Interactive Media Experiences10.1145/3505284.3529976(133-140)Online publication date: 21-Jun-2022
https://dl.acm.org/doi/10.1145/3505284.3529976
Berger MPottier GPfleging BBernhaupt R(2022)Considering Users’ Personal Values in User-Centered Design Processes for Media and Entertainment ServicesHuman-Centered Software Engineering10.1007/978-3-031-14785-2_8(129-139)Online publication date: 16-Aug-2022
https://doi.org/10.1007/978-3-031-14785-2_8

Index Terms

UI Design for an iTV platform: an iterative approach
1. Human-centered computing
  1. Human computer interaction (HCI)
    1. HCI design and evaluation methods
    2. Interaction paradigms
      1. Graphical user interfaces
  2. Interaction design
    1. Interaction design process and methods

Recommendations

Scenario-based interactive UI design
CHI '13: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

Clearly picturing user behavior is one of the key requirements when designing successful interactive software. However, covering all possible user behaviors with one UI is a complex challenge. The Scenario-based Interactive UI Design tool is designed to ...
Conceptual design: from user requirements to user interface
CHI '98: CHI 98 Conference Summary on Human Factors in Computing Systems
A Scandinavian challenge, a US response: methodological assumptions in Scandinavian and US prototyping approaches
SIGDOC '02: Proceedings of the 20th annual international conference on Computer documentation

In the early 1980s, Scandinavian software designers who sought to make systems design more participatory and democratic turned to prototyping. The "Scandinavian challenge" of making computers more democratic inspired others who became interested in user-...

Comments

Please enable JavaScript to view thecomments powered by Disqus.

Information & Contributors

Information

Published In

cover image ACM Other conferences

Interacción '18: Proceedings of the XIX International Conference on Human Computer Interaction

September 2018

232 pages

ISBN:9781450364911

DOI:10.1145/3233824

Conference Chairs:
Cristina Manresa-Yee,
Ramon Mas Sansó

Copyright © 2018 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 12 September 2018

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article
Research
Refereed limited

Conference

Interacción 2018

Interacción 2018: XIX International Conference on Human Computer Interaction

September 12 - 14, 2018

Palma, Spain

Acceptance Rates

Interacción '18 Paper Acceptance Rate 47 of 73 submissions, 64%;

Overall Acceptance Rate 109 of 163 submissions, 67%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

3
Total Citations
View Citations
215
Total Downloads

Downloads (Last 12 months)29
Downloads (Last 6 weeks)1

Reflects downloads up to 26 Nov 2024

Other Metrics

View Author Metrics

Citations

Cited By

Pekpazar ACoskun MAltin Gumussoy C(2023)Conceptualization and Survey Instrument Development for Over-the-Top Platforms’ UsabilityJournal of Theoretical and Applied Electronic Commerce Research10.3390/jtaer1804008918:4(1764-1796)Online publication date: 1-Oct-2023
https://doi.org/10.3390/jtaer18040089
Cardoso BAbreu JPrata A(2022)The TV Ecosystem is Fragmented and in Need of New Business and Technological StrategiesProceedings of the 2022 ACM International Conference on Interactive Media Experiences10.1145/3505284.3529976(133-140)Online publication date: 21-Jun-2022
https://dl.acm.org/doi/10.1145/3505284.3529976
Berger MPottier GPfleging BBernhaupt R(2022)Considering Users’ Personal Values in User-Centered Design Processes for Media and Entertainment ServicesHuman-Centered Software Engineering10.1007/978-3-031-14785-2_8(129-139)Online publication date: 16-Aug-2022
https://doi.org/10.1007/978-3-031-14785-2_8

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Media

Figures

Other

Tables

View Table of Contents