Creating Consistency Between Products Using Research-Driven UI Guidelines
User Interface (UI) guidelines, used across various enterprise products or applications of a company bring consistency and cohesiveness between them. This paper discusses the user research studies carried out to arrive at a minimum threshold of visual components required to help multiple products retain the perception of consistency between interfaces. These studies help identify which elements and which combinations of these elements can help build associations. Our results showed that among various UI components, background color, header-footer and button color were the most influential, in that order. We also studied how various combinations in the background color of the content area plus header-footer would lead to increase or decrease in association.
KeywordsUser interface guidelines Consistency Visual elements Association to company User insights Qualitative research Quantitative research Brand identity Human computer interaction UI development
We would like to thank the guidelines team at Symantec to provide UI pages, product teams and users who spent time with us in these studies.
- 1.Apple iOS Human Interface Guidelines Developer Library, Design Principles (2014) (Accessed on 18-12-014 to 24-03-015) https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Principles.html
- 2.Curtis N.: A webinar on Reusable Components & Libraries at UIE. http://www.uie.com/brainsparks/2010/09/16/spoolcast-reusable-components-libraries-with-nathan-curtis/
- 3.Durability of usability guidelines, Neilson Norman Group (2005). http://www.nngroup.com/articles/durability-of-usability-guidelines/
- 4.Bachman, B., Valiulis, D., Aliaga, F., Treinen, M.: Four strategies for promoting common UI guidelines within Adobe In: Proceedings of the 2003 conference on Designing for user experiences, San Francisco, CA (2003)Google Scholar
- 5.Nieters, J., Grabel, D., Agrawal, V.: Tools to increase the strategic value of user experience design. In: Proceedings of the 2nd international conference on Usability and internationalization, San Jose, CA (2007)Google Scholar
- 7.Schlatter, T., Levinson, D.: Visual Usability. Principles and Practices for Designing Digital Applications. Morgan Kaufmann, Massachusetts (2013)Google Scholar