From context to interface: Contextual user experience in three student UI/UX projects

Desi Dwi Kristanto

doi:10.38010/deskomvis.v6i3.160

Authors

Desi Dwi Kristanto Universitas Pembangunan Jaya

DOI:

https://doi.org/10.38010/deskomvis.v6i3.160

Keywords:

User interface design, user experience design, contextual user experience, experience-centered design, design education

Abstract

The design of user interface and user experience (UI/UX) can function not only as a means of aesthetics and navigation, but also as a medium for understanding user behaviour and needs within specific contexts of use. This article offers a reflective multiple‑case analysis of three undergraduate digital application design projects that adopt context‑based approaches to address functional, social and emotional issues faced by their users. Drawing on human‑centered design standards and contextual user experience concepts, the study examines how each project configures users, tasks and environments, and how experience‑centered design perspectives are mobilised to shape affective qualities such as safety, reassurance, productivity and community engagement. Using documentation of the design process, design artefacts and final reports, the analysis shows how observation, interviews, persona and journey mapping, and prototype testing enabled students to surface patterns of interaction, latent needs and contextual constraints that informed their interface decisions. The findings argue that a deep understanding of context of use and lived experience is crucial for generating UI/UX solutions that are not only usable and visually coherent, but also empathetic, inclusive and aligned with users’ everyday practices. In the realm of design education, the study suggests that treating UI/UX projects as sites for contextual and experience‑centered inquiry can strengthen students’ reflective capacities and position interface design as a research‑driven strategy for mediating relationships between humans and technology.

Downloads

Download data is not yet available.

References

Adira, M. R. (2025). Perancangan antarmuka pengguna aplikasi “BYON COMBAT PRO” untuk penggemar combat sports. [Skripsi sarjana, Universitas Pembangunan Jaya].

Bødker, S. (2015). Third-wave HCI, 10 years later: Participation and sharing. Interactions, 22(5), 24–31. https://doi.org/10.1145/2804405

Forlizzi, J., & Battarbee, K. (2004). Understanding experience in interactive systems. In DIS 2004: Designing interactive systems: Across the spectrum (pp. 261–268). https://doi.org/10.1145/1013115.1013152

Garrett, J. J. (2011). The elements of user experience: User-centered design for the web and beyond. New Riders.

Goodwin, K. (2009). Designing for the digital age: How to create human-centered products and services. Wiley Publishing.

Hallnäs, L., & Redström, J. (2002). From use to presence: On the expressions and aesthetics of everyday computational things. Interactions, 9(4), 11–12. https://doi.org/10.1145/543434.543441

Hornbæk, K., & Hertzum, M. (2017). Technology acceptance and user experience: A review of the experiential component in HCI. ACM Transactions on Computer-Human Interaction, 24(5). https://doi.org/10.1145/3127358

IDEO.org. (2015). The field guide to human-centered design.

International Organization for Standardization. (2019). ISO 9241-210:2019: Ergonomics of human-system interaction—Part 210: Human-centred design for interactive systems (2nd ed.). https://www.iso.org/standard/77520.html

Interaction Design Foundation. (2024). What are contexts of use? https://www.interaction-design.org/literature/topics/contexts-of-use

Joo, H. (2017). A study on understanding of UI and UX, and understanding of design according to user interface change. International Journal of Applied Engineering Research, 12(20), 9931–9935.

Lallemand, C., Gronier, G., & Koenig, V. (2015). User experience: A concept without consensus? Exploring practitioners’ perspectives through an international survey. Computers in Human Behavior, 43, 35–48. https://doi.org/10.1016/j.chb.2014.10.048

Lawson, B. (2005). How designers think (4th ed.). Architectural Press.

Lidwell, W., Holden, K., & Butler, J. (2023). Universal principles of design: 200 ways to increase appeal, enhance usability, influence perception, and make better design decisions. Rockport Publishers.

McCarthy, J., & Wright, P. (2004). Technology as experience. MIT Press.

Meyer, M. W., & Norman, D. (2020). Changing design education for the 21st century. She Ji: The Journal of Design, Economics, and Innovation, 6(1), 13–49. https://doi.org/10.1016/j.sheji.2019.12.002

National Institute of Standards and Technology. (2021). Human centered design (HCD). https://www.nist.gov/itl/iad/visualization-and-usability-group/human-factors-human-centered-design

Norman, D. A. (2013). The design of everyday things (Revised and expanded ed.). Basic Books.

Preece, J., Rogers, Y., & Sharp, H. (2002). Interaction design: Beyond human-computer interaction. John Wiley & Sons. http://graphics.stanford.edu/projects/iwork/

Safira, A. D. (2025). Perancangan antar muka pengguna aplikasi “Dara” untuk mendukung perlindungan perempuan pekerja dari tindak pelecehan seksual [Skripsi sarjana, Universitas Pembangunan Jaya].

Shaftesbury, A. A. C. (2001). Characteristics of men, manners, opinions, times (Vol. 1). https://oll-resources.s3.us-east-2.amazonaws.com/oll3/store/titles/811/Shaftesbury_5987_EBk_v6.0.pdf

Schön, D. A. (1984). The reflective practitioner: How professionals think in action. Basic Books.

Spillers, F. (2024, July 3). What is context of use in UX design? https://frankspillers.com/what-is-context-of-use-in-ux-design/

Stake, R. E. (2006). Multiple case study analysis. Guilford Press.

Yin, R. K. (2017). Case study research and applications. Sage.