Deconstructing Design Trends in User Interface Design (UID): A Review of Literature
Abstract
User Interface (UI) design is an active field, and trends are frequently changing in response to technological development, demand in the end-user, or an occurring cultural change. This critical literature review investigates the changing trends of User Interface Design (UID) and its influences in developing an efficient interface with proper usability. This paper aims to describe the most significant trends identified in UI design during the last several decades and address the trends underlying principles, components, and implications. By focusing on skeuomorphism, flat design, material design, neomorphism, dark mode, microinteractions, voice user interfaces (VUI), Augmented Reality (AR) and Virtual Reality (VR), the research will provide a comprehensive overview of how the trend in UI design is evolving. Thus, the review will continue with UI design predictions and possible changes that can occur in the future, suggesting such concepts as Artificial Intelligence (AI), biometric interaction, context-aware UIs and multiscreen. The paper further proposes a framework for integrating design trends thoughtfully into UI development, considering factors like user needs, brand identity, and long-term usability.
References
Ahmad, S., Singari, R. M., & Bhandarkar, S. L. (2024). User Experience Design And Its Impact On Human Psychology. Educational Administration: Theory and Practice, 30(5), 4798-4808.
Ambrose, G., & Harris, P. (2005). Basics design 03: Typography. AVA Publishing.
Ashby, M. F., & Johnson, K. (2013). Materials and design: the art and science of material selection in product design. Butterworth-Heinemann.
Billinghurst, M., & Kato, H. (1999, March). Collaborative mixed reality. In Proceedings of the first international symposium on mixed reality (pp. 261-284).
Boyd, K., & Bond, R. (2021, April). Can micro interactions in user interfaces affect their perceived usability?. In Proceedings of the 32nd European Conference on Cognitive Ergonomics (pp. 1-5).
Caven, P., Zhang, Z., Abbott, J., Ma, X., & Camp, L. J. (2024, May). Comparing the Use and Usefulness of Four IoT Security Labels. In Proceedings of the CHI Conference on Human Factors in Computing Systems (pp. 1-31).
Cao, J., Lam, K. Y., Lee, L. H., Liu, X., Hui, P., & Su, X. (2023). Mobile augmented reality: User interfaces, frameworks, and intelligence. ACM Computing Surveys, 55(9), 1-36.
Cole, R., Hirschman, L., Atlas, L., Beckman, M., Biermann, A., Bush, M., ... & Zue, V. (1995). The challenge of spoken language systems: Research directions for the nineties. IEEE transactions on Speech and Audio processing, 3(1), 1-21.
Ching, F. D. (2019). Design drawing. John Wiley & Sons.
Desai, R. (2017). Google Material Design–The User Interface Development Notion. In National Conference on Advances in Computer Science Engineering & Technology.
Eisfeld, H., & Kristallovich, F. (2020). The rise of dark mode: A qualitative study of an emerging user interface design trend.
El-Sherbiny, H. F. (2022). Realism and 3D graphics in UI designs and social media platforms (Trend of 2020/21). Journal of Arts & Architecture Research Studies, 3(5), 138-153.
Hannafin, M., Land, S., & Oliver, K. (2013). Open learning environments: Foundations, methods, and models. In Instructional-design theories and models (pp. 115-140). Routledge.
Jayavadivel, R., Arunachalam, M., Nagarajan, G., Shankar, B. P., Viji, C., Rajkumar, N., & Senthilkumar, K. R. (2024). Historical Overview of AI Adoption in Libraries. In AI-Assisted Library Reconstruction (pp. 267-289). IGI Global.
Joo, Y. J., Lee, H. W., & Ham, Y. (2014). Integrating user interface and personal innovativeness into the TAM for mobile learning in Cyber University. Journal of Computing in Higher Education, 26, 143-158.
Oswald, D. (2018, July). Affordances and metaphors revisited: testing flat vs. skeuomorph design with digital natives and digital immigrants. In Proceedings of the 32nd International BCS Human Computer Interaction Conference. BCS Learning & Development.
Ma, J. Y., & Chen, C. C. (2022). Evaluating user perception and emotion of microinteractions using a contradictory semantic scale. Journal of the Society for Information Display, 30(2), 103-114.
MacKenzie, I. S. (2024). Human-computer interaction: An empirical research perspective.
Mu, B., Bin Guo, F., Yang, Z., & Jenkinson, I. (2023). Interface And Interaction: The Symbolic Design for Bridge Conning System. Cognitive Computing and Internet of Things, 73, 202-211.
Mildner, T., Cooney, O., Meck, A. M., Bartl, M., Savino, G. L., Doyle, P. R., ... & Niess, J. (2024, May). Listening to the Voices: Describing Ethical Caveats of Conversational User Interfaces According to Experts and Frequent Users. In Proceedings of the CHI Conference on Human Factors in Computing Systems (pp. 1-18).
Paneru, B., Paneru, B., Poudyal, R., & Shah, K. B. (2024). Exploring the Nexus of User Interface (UI) and User Experience (UX) in the Context of Emerging Trends and Customer Experience, Human Computer Interaction, Applications of Artificial Intelligence. International Journal of Informatics, Information System and Computer Engineering (INJIISCOM), 5(1), 102-113.
Rath, K. (2020). The rhetoric of neutrality. Again. Revisiting Kinross in an era of typographic homogenisation globalisation. Image & Text, (34), 1-35.
Rasalingam, R. R., Muniandy, B., & Rass, R. (2014). Exploring the application of Augmented Reality technology in early childhood classroom in Malaysia. Journal of Research & Method in Education (IOSR-JRME), 4(5), 33-40.
Saffer, D. (2013). Microinteractions: designing with details. " O'Reilly Media, Inc.".
Samara, T. (2023). Making and breaking the grid: A graphic design layout workshop. Rockport Publishers.
Seaborn, K., Urakami, J., Pennefather, P., & Miyake, N. P. (2024). Qualitative Approaches to Voice UX. ACM Computing Surveys.
Tomaselli, D. R., & Tomaselli, K. G. (2022). Media, interactive audiences, and the virtual. Next generation narratives. New Techno Humanities, 2(2), 103-107.
Virtanen, J. (2023). Dark Mode Preferences: Exploring User Motivations in Interface Theme Selection. Computer Science.
Walker-Hudecki, S. (2024). Skeuomorphic Time: How Autocinema and Epilepsy Remake Temporality (Doctoral dissertation, OCAD University).
Yeo, A., Kwok, B. W., Joshna, A., Chen, K., & Lee, J. S. (2024). Entering the Next Dimension: A Review of 3D User Interfaces for Virtual Reality. Electronics, 13(3), 600.
Zhang, S., & Song, J. (2024). An empirical investigation into the preferences of the elderly for user interface design in personal electronic health record systems. Frontiers in Digital Health, 5, 1289904.
Ambrose, G., & Harris, P. (2005). Basics design 03: Typography. AVA Publishing.
Ashby, M. F., & Johnson, K. (2013). Materials and design: the art and science of material selection in product design. Butterworth-Heinemann.
Billinghurst, M., & Kato, H. (1999, March). Collaborative mixed reality. In Proceedings of the first international symposium on mixed reality (pp. 261-284).
Boyd, K., & Bond, R. (2021, April). Can micro interactions in user interfaces affect their perceived usability?. In Proceedings of the 32nd European Conference on Cognitive Ergonomics (pp. 1-5).
Caven, P., Zhang, Z., Abbott, J., Ma, X., & Camp, L. J. (2024, May). Comparing the Use and Usefulness of Four IoT Security Labels. In Proceedings of the CHI Conference on Human Factors in Computing Systems (pp. 1-31).
Cao, J., Lam, K. Y., Lee, L. H., Liu, X., Hui, P., & Su, X. (2023). Mobile augmented reality: User interfaces, frameworks, and intelligence. ACM Computing Surveys, 55(9), 1-36.
Cole, R., Hirschman, L., Atlas, L., Beckman, M., Biermann, A., Bush, M., ... & Zue, V. (1995). The challenge of spoken language systems: Research directions for the nineties. IEEE transactions on Speech and Audio processing, 3(1), 1-21.
Ching, F. D. (2019). Design drawing. John Wiley & Sons.
Desai, R. (2017). Google Material Design–The User Interface Development Notion. In National Conference on Advances in Computer Science Engineering & Technology.
Eisfeld, H., & Kristallovich, F. (2020). The rise of dark mode: A qualitative study of an emerging user interface design trend.
El-Sherbiny, H. F. (2022). Realism and 3D graphics in UI designs and social media platforms (Trend of 2020/21). Journal of Arts & Architecture Research Studies, 3(5), 138-153.
Hannafin, M., Land, S., & Oliver, K. (2013). Open learning environments: Foundations, methods, and models. In Instructional-design theories and models (pp. 115-140). Routledge.
Jayavadivel, R., Arunachalam, M., Nagarajan, G., Shankar, B. P., Viji, C., Rajkumar, N., & Senthilkumar, K. R. (2024). Historical Overview of AI Adoption in Libraries. In AI-Assisted Library Reconstruction (pp. 267-289). IGI Global.
Joo, Y. J., Lee, H. W., & Ham, Y. (2014). Integrating user interface and personal innovativeness into the TAM for mobile learning in Cyber University. Journal of Computing in Higher Education, 26, 143-158.
Oswald, D. (2018, July). Affordances and metaphors revisited: testing flat vs. skeuomorph design with digital natives and digital immigrants. In Proceedings of the 32nd International BCS Human Computer Interaction Conference. BCS Learning & Development.
Ma, J. Y., & Chen, C. C. (2022). Evaluating user perception and emotion of microinteractions using a contradictory semantic scale. Journal of the Society for Information Display, 30(2), 103-114.
MacKenzie, I. S. (2024). Human-computer interaction: An empirical research perspective.
Mu, B., Bin Guo, F., Yang, Z., & Jenkinson, I. (2023). Interface And Interaction: The Symbolic Design for Bridge Conning System. Cognitive Computing and Internet of Things, 73, 202-211.
Mildner, T., Cooney, O., Meck, A. M., Bartl, M., Savino, G. L., Doyle, P. R., ... & Niess, J. (2024, May). Listening to the Voices: Describing Ethical Caveats of Conversational User Interfaces According to Experts and Frequent Users. In Proceedings of the CHI Conference on Human Factors in Computing Systems (pp. 1-18).
Paneru, B., Paneru, B., Poudyal, R., & Shah, K. B. (2024). Exploring the Nexus of User Interface (UI) and User Experience (UX) in the Context of Emerging Trends and Customer Experience, Human Computer Interaction, Applications of Artificial Intelligence. International Journal of Informatics, Information System and Computer Engineering (INJIISCOM), 5(1), 102-113.
Rath, K. (2020). The rhetoric of neutrality. Again. Revisiting Kinross in an era of typographic homogenisation globalisation. Image & Text, (34), 1-35.
Rasalingam, R. R., Muniandy, B., & Rass, R. (2014). Exploring the application of Augmented Reality technology in early childhood classroom in Malaysia. Journal of Research & Method in Education (IOSR-JRME), 4(5), 33-40.
Saffer, D. (2013). Microinteractions: designing with details. " O'Reilly Media, Inc.".
Samara, T. (2023). Making and breaking the grid: A graphic design layout workshop. Rockport Publishers.
Seaborn, K., Urakami, J., Pennefather, P., & Miyake, N. P. (2024). Qualitative Approaches to Voice UX. ACM Computing Surveys.
Tomaselli, D. R., & Tomaselli, K. G. (2022). Media, interactive audiences, and the virtual. Next generation narratives. New Techno Humanities, 2(2), 103-107.
Virtanen, J. (2023). Dark Mode Preferences: Exploring User Motivations in Interface Theme Selection. Computer Science.
Walker-Hudecki, S. (2024). Skeuomorphic Time: How Autocinema and Epilepsy Remake Temporality (Doctoral dissertation, OCAD University).
Yeo, A., Kwok, B. W., Joshna, A., Chen, K., & Lee, J. S. (2024). Entering the Next Dimension: A Review of 3D User Interfaces for Virtual Reality. Electronics, 13(3), 600.
Zhang, S., & Song, J. (2024). An empirical investigation into the preferences of the elderly for user interface design in personal electronic health record systems. Frontiers in Digital Health, 5, 1289904.
Published
2024-07-31
How to Cite
RASS RASALINGAM, Rasslenda; MOHAMAD RASLI, Ruziana.
Deconstructing Design Trends in User Interface Design (UID): A Review of Literature.
International Journal of Business and Technology Management, [S.l.], v. 6, n. 2, p. 445-454, july 2024.
ISSN 2682-7646.
Available at: <https://myjms.mohe.gov.my/index.php/ijbtm/article/view/27285>. Date accessed: 19 sep. 2024.
Section
English Section
