In this blog post I would like to highlight two ISO (International Organization for Standardization) norms that could create a framework for ensuring the quality and usability of eHealth applications. Quality control is not just a regulatory requirement; it is crucial for enhancing user satisfaction and achieving positive health outcomes. By examining the principles outlined in ISO 9241-210 and ISO 9001, I will explore how these standards can help create applications that are not only functional but also user-friendly and effective.
ISO 9001
ISO 9001 is an international standard that specifies requirements for a quality management system (QMS). It is part of the ISO 9000 family of standards, which focus on various aspects of quality management. Here are some key points about ISO 9001:
Quality Management System (QMS): ISO 9001 provides a framework for organizations to establish a QMS that ensures consistent quality in products and services.
Customer Focus: One of the main principles of ISO 9001 is a strong focus on customer satisfaction. Organizations are encouraged to understand customer needs and strive to meet or exceed those expectations.
Process Approach: The standard emphasizes the importance of managing interrelated processes to achieve desired outcomes efficiently. Organizations are encouraged to identify, manage, and improve their processes.
Continuous Improvement: ISO 9001 promotes a culture of continuous improvement within organizations, encouraging them to regularly evaluate and enhance their practices to increase efficiency and effectiveness.
Evidence-Based Decision Making: The standard encourages organizations to rely on data and analysis to support decision-making processes, ensuring that actions are based on objective evidence.
Risk Management: ISO 9001 incorporates a risk-based thinking approach, helping organizations identify and address potential risks that could affect the quality of products and services.
Certification: Organizations can seek certification to ISO 9001 through accredited certification bodies. Having this certification demonstrates a commitment to quality management and can enhance credibility with customers and stakeholders.
ISO 9001 is applicable to organizations of all sizes and sectors, making it a widely recognized standard for quality management worldwide.
ISO 9241-210
ISO 9241-210, titled “Ergonomics of human-system interaction — Part 210: Human-centered design for interactive systems,” is an international standard that provides guidelines for human-centered design (HCD) processes for interactive systems. This standard is part of the broader ISO 9241 series, which focuses on ergonomics and usability in human-system interactions. Here are some key aspects of ISO 9241-210:
Human-Centered Design Principles: ISO 9241-210 emphasizes the importance of placing the user at the center of the design process. It aims to ensure that the needs, preferences, and limitations of users are considered throughout the development lifecycle.
Design Process: The standard outlines a structured design process consisting of several essential activities:
Understanding and specifying the context of use: Identifying users, their tasks, and the environments in which the system will be used.
Specifying user and organizational requirements: Gathering and documenting user needs and preferences to inform the design.
Producing design solutions: Creating designs and prototypes that address the identified requirements.
Evaluating design solutions: Testing and assessing the usability of the design with real users to gather feedback and make improvements.
Iterative Approach: ISO 9241-210 promotes an iterative design process, where designs are continuously refined based on user feedback and evaluation results. This helps ensure that the final product effectively meets user needs.
User Involvement: The standard encourages active user involvement throughout the design process. Engaging users helps designers understand their experiences and preferences, leading to more effective design solutions.
Multidisciplinary Collaboration: ISO 9241-210 acknowledges that successful human-centered design often requires collaboration among various stakeholders, including designers, developers, users, and subject matter experts.
Documentation and Communication: The standard emphasizes the importance of documenting the design process, decisions made, and user feedback. Clear communication among team members and stakeholders is essential for successful design outcomes.
Applicability: ISO 9241-210 is applicable to a wide range of interactive systems, including software applications, websites, and hardware interfaces, making it relevant for various industries.
In summary, both ISO 9241-210 and ISO 9001 provide valuable frameworks for enhancing the quality of eHealth solutions, but they focus on different aspects of quality assurance. ISO 9241-210 centers on human-centered design principles, emphasizing usability and user experience in interactive systems. In contrast, ISO 9001 is broader in scope, focusing on quality management systems and organizational processes to ensure consistent quality in products and services. By integrating the insights from both standard into developing eHealth solutions it could be ensured that the applications truly serve the needs of their users, ultimately leading to improved health outcomes and greater user satisfaction.
In this post I would like to highlight two examples of best practices in eHealth services,
Bettercare
Bettercare is an eHealth solution that focuses on improving healthcare delivery through digital tools. It aims to enhance communication between patients and healthcare providers, streamline workflows, and facilitate access to healthcare services. It was developed in Slovenia in 2016 and since then has claimed their platform users have 70 % less unnecessary outpatient appointments.
As a low code plattform, Bettercare allows healthcare providers to create and customize applications and workflows with minimal coding expertise, enabling faster development and deployment of digital health solutions. This flexibility helps organizations adapt to changing healthcare needs and integrate various digital tools efficiently.
Bettercare uses openEHR, which is an open standard specification for electronic health record (EHR) systems that emphasizes the management of health information over time. It provides a framework for creating, sharing, and managing health data in a way that is interoperable and vendor-independent. openEHR is based on a two-level modeling approach, separating the information model from the application model. This means that clinical data is stored in a standardized format while allowing flexibility in how it is presented and used by different applications.
A standardized design system offers users the possibility to create user friendly and consistent healthcare applications without thinking of the UI Design. The screenshots below show some examples from the design system.
Bettercare claims that it is used in 20+ countries and over 1000 healthcare institutions are connected. However, I wasn’t able to find detailed information on which institutions or countries use Bettercare.
e-nabiz
e-Nabız (translates to e-pulse) is a digital health platform developed in Turkey that serves as a personal health management system. It allows individuals to access their health information, manage their medical records, and communicate with healthcare providers.
By providing access to personal health information and facilitating communication with healthcare providers, e-Nabız empowers individuals to take an active role in managing their health.
The following screenshots show some of the key features the application offers:
Health Records: Users can view and manage their medical history, including laboratory results, prescriptions, and treatment plans.
Appointment Management: The platform enables users to schedule and manage appointments with healthcare professionals easily.
Telemedicine: e-Nabız supports telehealth services, allowing patients to consult with doctors remotely.
Medication Tracking: Users can keep track of their medications, dosages, and schedules.
Health Monitoring: The platform may integrate with wearable devices or health apps to monitor health metrics and provide insights.
Interoperability: e-Nabız aims to connect with various healthcare institutions, enhancing the accessibility of medical data across different providers.
The platform has won many awards such as the title “Best Health Application” in 2017.
Below is a direct summary of the key points covered in the previous eight blog posts. Each post delves into specific aspects of Augmented Reality (AR) and the Internet of Things (IoT) in the context of in-store retail, aiming to highlight both practical applications and design considerations.
Introduction to Augmented Reality
Discussed the fundamental concept of AR and its potential to enhance physical shopping. Covered how digital overlays can provide product information, interactive demos, or personalized promotions. Emphasized the importance of a clear, user-friendly interface that maintains focus on the real environment.
Key Point: AR can highlight products in a physical setting, offering immediate context and potentially improving the decision-making process for shoppers.
Detailed Look at the Research Process (Methods & Insights)
Described the methodology behind the prototypes and scenarios—such as user observations, case-study reviews, and early prototyping. Emphasized how learning about AR toolkits, IoT platforms, and user-centered testing informed the scenarios outlined in previous posts.
Key Point: A mix of real-world observation, theoretical exploration, and iterative testing underpins each example, helping refine solutions that genuinely address user needs.
Understanding IoT in Retail
Explained the core elements of IoT—sensors, connectivity, and real-time data processing—and how these enable features like smart shelves, automated inventory updates, and accurate stock visibility. Stressed that reliable data collection and synchronization are crucial for a seamless experience.
Key Point: IoT sensors produce instant and accurate product data, laying the groundwork for advanced retail functions such as live inventory tracking and location-based services.
Designing AR/IoT Interactions
Provided guidelines for integrating AR visuals with IoT-generated information. Highlighted the need for consistent visual design, minimal friction in user interactions, and real-time synchronization. Mentioned the importance of balancing information density so as not to overwhelm users.
Key Point: A successful AR/IoT experience demands coherence in both interface design and data flow, ensuring users receive timely, relevant details without confusion.
Security and Privacy Considerations
Identified common vulnerabilities in IoT-enabled environments, such as weak credentials and outdated firmware. Addressed data privacy challenges when integrating personal information with sensor networks. Emphasized adherence to strong encryption, user consent, and robust security practices to build trust.
Key Point: IoT systems must incorporate security measures (e.g., encrypted communication, frequent software updates) and transparent data policies to safeguard consumer privacy.
Store Experience Scenario (AR + IoT)
Presented a scenario illustrating how a shopper could use AR and IoT data in a general store environment. Showed how real-time inventory updates, guided navigation, and interactive product details improve efficiency. Suggested methods for user testing and prototyping such experiences.
Key Point: Integrating AR with accurate sensor-driven data can resolve everyday retail pain points, like item location or low-stock frustration, while enriching the overall shopping process.
Enhanced Grocery Experience with Meal Planning
Expanded on the grocery theme by showing how IoT can track stock levels for recommended meal ingredients. Displayed how an AR overlay might guide shoppers to items and confirm dietary requirements. Showed how integrated meal planning can save time and reduce waste.
Key Point: When linked with dietary preferences and smart recipe suggestions, AR and IoT solutions can transform a trip to the supermarket into an efficient, personalized, and potentially health-driven activity.
Navigating the IKEA Maze with AR Assistance
Applied similar AR/IoT concepts to a large furniture store environment. Showed how augmented overlays could guide shoppers through a complex showroom, highlight product details (dimensions, colors, materials), and link to immediate inventory checks or alternative options.
Highlight: The notoriously confusing layout of big-box stores can be tamed using AR wayfinding and precise IoT stock data, allowing quicker decisions and fewer wrong turns.
After talking a lot about biases in general, I want to put focus on biases, that affect the design discipline in particular. I wanted to find out, which biases are very common amongst designers and how they can be spotted.
Biases can creep into UX design in subtle ways, shaping how designers create and evaluate their work. These mental shortcuts or preconceived notions can distort user research, design decisions, and testing outcomes.
Common UX Biases
Confirmation Bias: Designers often seek out data or feedback that aligns with their assumptions or expectations. For example, if you’re convinced users will love a feature, you might unconsciously focus on positive comments while ignoring criticism. This skews the final product toward the designer’s preferences rather than the users’ needs (cf. UX Team).
False-Consensus Effect: This bias happens when designers assume users think like they do. For instance, just because a designer finds an interface intuitive doesn’t mean the average user will feel the same way. This misalignment often results in designs that alienate diverse user groups (cf. Toptal).
Recency Bias: This occurs when designers give undue weight to the most recent feedback or user data they’ve encountered. While recent input can be important, over-relying on it can overlook broader patterns or trends that are crucial to creating balanced designs (cf. PALO IT).
Anchoring Bias: Designers may fixate on the first piece of information they receive, such as initial user feedback or early test results, and let it heavily influence future decisions. This can lead to disregarding new, potentially more accurate insights that arise later in the process (cf. UX Team).
Social Desirability Bias: During user research, participants might provide answers they think the researcher wants to hear instead of their genuine thoughts. This can lead to misleading data and decisions that don’t address real user needs (cf. Toptal).
Sunk Cost Fallacy: Designers sometimes stick with a feature or concept they’ve invested a lot of time and effort into, even when it’s clear it’s not working. This bias prevents teams from pivoting to better alternatives (cf. PALO IT).
Spotting Biases
To identify biases in your work, start by reviewing your assumptions. Are you basing design decisions on data or personal opinions? Regularly involve diverse perspectives in your design process to uncover blind spots. For example, conducting usability tests with a variety of users can highlight mismatches between the design and user expectations (UX Team).
Another tip is to document your decision-making process. Writing down why you chose a certain layout or feature can make biases easier to spot. If your reasoning is based on personal preference or limited data, you’ll know to re-evaluate that choice (Toptal).
Biases in UX design can hinder the creation of user-friendly and inclusive products. By recognizing common biases like confirmation bias, false-consensus effect, recency bias, and others, you can take proactive steps to create designs that truly meet users’ needs. Regularly challenging assumptions and involving diverse perspectives ensures a more balanced and effective design process.
Interactive installations can transform public spaces into hubs of creativity and connection. Yet, designing interactive installations that do more than capture attention — that genuinely engage people — requires more than just technical expertise. It takes a deep understanding of human behavior, user experience, and the dynamics of engagement. Designing for engagement means creating experiences that are intuitive, immersive, and meaningful; it means creating work that users will interact with and connect to on a deep level.
Only when people are truly engaged, can we as designers create an environment that allows for lasting memories to be made, shared with others, and revisited. As I’ve described in my previous blog posts, fostering engagement in public spaces can reduce social isolation and strengthen the sense of belonging. The goal is not just to capture attention but to transform fleeting moments into moments of connection.
User Experience in Interactive Installations
User experience is fundamental to the success of any interactive installation. It includes emotional, physical, intellectual, and social aspects, making each experience distinct and significant. UX is informed by various fields, as noted by several experts like Nathan Shedroff and Don Norman, who emphasize the need to design for emotions, enjoyment, and meaningful interactions. UX cannot be simplified to separate components; rather, it arises from the interaction among people, technologies, activities, and the broader social and cultural environments. 1
Understanding Engagement
Building on the foundation of a solid user experience, engagement takes it a step further by ensuring that users aren’t just interacting but becoming fully immersed in the experience. Engagement is not just participation – it is about ensuring that the interaction flows. Shedroff identifies five key features of engagement: identity, adaptivity, narrative, immersion and flow.
Identity: “Identity is needed for authenticity in the experience and expression of the self. The authenticity of an experience is about ensuring experiences are real, or realistic, and consistent.”
Adaptivity: “Adaptivity is to do with change and personalization and with changing levels of difficulty, pace and movement.”
Narrative: “Narrative is to do with telling a good story, with convincing characters, plot and suspense. Narrative is not just about fiction, however. […]”
Immersion: “Immersion is the feeling of being wholly involved within something, with being taken over and transported somewhere else. You can get immersed in all manner of things (such as reading a book) so immersion is not about the medium; it is a quality of the design.”
Flow: “[…] flow is the sense of smooth movement, the gradual change from one state to another.” 1
How to Design for Engagement
Know your Audience Knowing and understanding the target audience is crucial to creating engaging and interactive installations. It makes a big difference whether the audience consists of children, tech-savvy individuals, or a broad general public, as each group requires a specific and tailored approach. The better the installation is adapted to the needs and abilities of the audience; the more likely people are to actively engage with it.
Prioritize Intuitive Interactions It is important that interactive installations are designed to be intuitive and straightforward. Research on intuitive interactions in public spaces shows that overly complex and confusing interfaces and interactions can hinder user engagement. 3 Affordances play a crucial role here, as they define the relationship between the design of an installation and the user’s capabilities. According to Norman in “The Design of Everyday Things”, perceived affordances are particularly important — these are the action possibilities that are made obvious through design. 4When an installation’s affordances are clear and aligned with users’ expectations and abilities, it enhances ease of use and promotes more meaningful interaction, ultimately improving user engagement.
Accessibility and Inclusivity To truly engage diverse audiences, designers must ensure installations are accessible to everyone. This includes providing physical access, sensory accommodations, and possibly language-neutral designs. 5
Storytelling Good storytelling engages the user by creating an emotional connection and leaving lasting impressions. Through experiences that evoke strong emotions — such as awe, joy, sadness, or curiosity — strong engagement can be fostered. A compelling story, whether abstract or real, gives people the feeling of purpose and discovery. Through emotional resonance, the experience becomes not only memorable but also increases the likelihood that people will share it, thereby amplifying its impact. 6 7
Incorporating Multisensory Experiences Incorporating multisensory experiences into interactive installations enhances user engagement by appealing to multiple senses, such as sight, sound, touch, and even smell or taste. This approach creates more immersive and memorable experiences. 8
Personalization Personalization in interactive installations significantly enhances engagement by allowing participants to shape the experience through their actions. It could be visual feedback, sound, or even changing environmental elements. Customizing the experience empowers users, making them feel more connected and involved, as their choices directly influence the outcome. 9
Enjoyment Designers are increasingly focusing on integrating pleasure into their designs alongside usability, enhancing both emotional and hedonistic appeal. The focus is on creating enjoyable experiences by addressing physical, social, and psychological aspects in design. Don Norman also emphasizes these factors in improving user experience. Additionally, gamification principles explore how different types of fun — such as challenging, relaxing, meaningful, and social—drive engagement, enjoyment, and learning, highlighting the emotional impact of well-designed interactive experiences.1
Aesthetics Aesthetics is rooted in the appreciation of beauty, how things are sensed, felt and judged. It plays a significant role in interactive installations. Experiences can be divided into pragmatic attributes (effectiveness and efficiency) and hedonic attributes (emotion and enjoyment). Emotions are the core of experiences, as they are closely intertwined with cognition, motivation and action. 1
Social Interactions Social interactions play a crucial role in increasing engagement in interactive installations, particularly through collaboration. These social dynamics shape how participants connect with the installation and each other, enhancing their overall experience. Installations become more engaging when they allow people to share the experience, leading to deeper emotional connections. 10
As designers, our task is beyond creating eye-catching installations — we are shaping the future of public spaces. So, as we move forward, let’s ask ourselves: how can we continue to break barriers and design experiences that invite people to engage not just with the technology, but with each other, building a more connected and inclusive world?
Inspired by the acclaimed 21 Balançoires (21 Swings) installation, The Swings: An Exercise in Musical Cooperation is a standalone, touring musical installation designed for international audiences. This interactive artwork features a series of musical swings that create harmonized melodies when used collectively. Certain musical patterns emerge only through cooperation, encouraging participants to synchronize their movements with others. It’s a playful experience that fosters connection and collaboration from the very first swing. With The Swings, participants engage their entire bodies to make music, fostering a sense of togetherness and shared ownership of public space. The result is a large-scale, collective instrument that unites people of all ages and backgrounds. Designed to transform urban environments, festivals, and special events, this installation offers a unique approach to communal music-making. Since its debut in 2011, the original 21 Swings installation has drawn millions of visitors to Montréal’s Quartier des Spectacles, where each swing moves an average of 8.500 times per day. 11
It draws the public in positive ways. It made our city feel like a genuine urban destination.
CLOUD is an interactive light sculpture, composed of 6.000 repurposed incandescent bulbs. Using pull-chain switches, participants work together to animate bursts of light, creating a shifting display reminiscent of lightning.
Blending playfulness with collaboration, CLOUD transforms viewers into performers, illustrating how individual actions contribute to a greater whole. The artwork offers both participation and contemplation, as those beneath the sculpture shape its movement while others observe the evolving patterns. Drawing on the universal imagery of rain clouds, CLOUD transcends cultural and language barriers, inviting shared wonder and connection. 12
Impulse invites you into a playful, multisensory experience centered around a childhood classic: the seesaw. This interactive installation features a series of seesaws that respond to movement with shifting lights and sounds, transforming public space into an ever-evolving spectacle. More than just a playful ride, Impulse is designed with intentionality. Inspired by serialism — a structured musical composition technique — the installation creates dynamic zones of energy and tranquility, ensuring a harmonious blend of motion and sound.
Encouraging play, laughter, and connection, Impulse fosters a shared experience that brings people together, turning a simple act of movement into a joyful expression of community. 13
Sources
[1] D. Benyon, Spaces of Interaction, Places for Experience. 2014. doi: 10.2200/S00595ED1V01Y201409HCI022.
[2] N. Shedroff, Experience Design, a Manifesto for the Creation of Experiences. New Riders, 2009, pp. 9–10.
[3] L. Hespanhol and M. Tomitsch, “Strategies for intuitive interaction in public urban spaces,” Interacting with Computers, vol. 27, no. 3, pp. 311–326, May 2015, doi: 10.1093/iwc/iwu051.
[4] D. Norman, The Design of Everyday Things: Revised and Expanded Edition. Hachette UK, 2013.
[5] „What is inclusive design?“ https://www.inclusivedesigntoolkit.com/whatis/whatis.html
[6] „What is Storytelling?“, The Interaction Design Foundation, 30. November 2024. https://www.interaction-design.org/literature/topics/storytelling?srsltid=AfmBOooli8H26zn96VkuoNycaHkmn_oTQgdY-NcWh1BKTjmWxgABHoDz#how_storytelling_works_in_design-1
[7] M. L. H. M. Hanapiah und S. M. Nasir, „A Systematic Review towards Evolution of Interactive Storytelling and Audience Engagement in Films“, International Journal Of Creative Multimedia, Bd. 5, Nr. 1, S. 55–73, Apr. 2024, doi: 10.33093/ijcm.2024.5.1.4.
[8] L. Lin and L. Lu, “Research on the Design of Multisensory Interactive Experiences in Museums Based on Embodied Cognition,” in HCI International 2024 Posters, C. Stephanidis, M. Antona, S. Ntoa, and G. Salvendy, Eds., vol. 2119, Cham, Switzerland: Springer, 2024, pp. 1-10. [Online]. Available: https://doi.org/10.1007/978-3-031-61966-3_23.
[9] B. Moggridge, Designing Interactions. The MIT Press, 2006.
[10] J. Schell, The Art of Game Design. 2008. [Online]. Verfügbar unter: https://dx.doi.org/10.1201/9780080919171
Through this research into audiovisual interactivity and its impact on immersive environments, I have found foundational insights that are shaping the trajectory of my topic. These learnings span theoretical frameworks, practical applications, and the challenges of designing user-centered, multisensory experiences.
When properly integrated, audiovisual elements can enhance emotional responses, direct attention, and foster deeper immersion. Examples such as teamLab Borderless and the MoMA SoundScape installation illustrate how carefully synchronized soundscapes and visuals create environments where users feel emotionally and physically connected.
Drawing on Gibson’s and Norman’s theories, I’ve realized the importance of perceived affordances in designing interactive environments. Users need clear cueS, whether visual, auditory, or tactile, to understand how to interact with installations. Misaligned or ambiguous affordances risk creating frustration and disengagement, underscoring the importance of intuitive design.
From Your Brain on Music to the principles of ecological perception, I’ve learned how sensory stimuli influence emotional states and cognitive processes. For instance, the cerebellum’s role in movement and rhythm underscores how bodily interaction with immersive spaces can evoke joy or excitement, while the amygdala’s role in emotional memory highlights the potential of audiovisual design to create lasting impressions.
Different cultures interpret visual and auditory stimuli in distinct ways. Similarly, individuals’ personal experiences shape their responses to interactive environments. Designing for inclusivity and flexibility is essential to ensure that installations resonate universally while allowing space for personal meaning.
NEXT STEPS IN MY RESEARCH
The insights gained so far set the stage for deeper exploration into how audiovisual interactivity shapes user experiences in immersive environments. My next steps will focus on refining these learnings and addressing gaps to create actionable frameworks for designers.
I aim to design and test small-scale prototypes that integrate sound and visual elements with interactive affordances. These prototypes will allow me to study how users respond to specific audiovisual cues and identify design principles for creating intuitive and engaging experiences.
To validate my findings, I will conduct user studies in controlled settings. By observing how participants interact with audiovisual environments, I can gather data on emotional and cognitive responses, usability challenges, and cultural variations. This will provide valuable insights for refining design strategies.
Incorporating AI and real-time feedback systems is a priority. AI can analyze user behavior and dynamically adapt audiovisual elements to enhance engagement and personalization. This approach will also explore how real-time interactivity can deepen user immersion and foster a sense of agency.
Given the interdisciplinary nature of this field, I plan to collaborate with experts in interaction design, psychology, and cultural studies. These collaborations will provide diverse perspectives and strengthen the theoretical and practical dimensions of my research.
Ultimately, my goal is to create a comprehensive framework for designing audiovisual interactivity in immersive environments. This framework will provide guidelines for balancing sound and visuals, optimizing affordances, and tailoring experiences to diverse audiences.
CLOSING THOUGHTS
he journey so far has revealed the immense potential of audiovisual design to transform interactive environments into spaces of emotional and cognitive resonance. It has also highlighted the challenges, from managing sensory overload to designing for cultural inclusivity. As I move forward, I am excited to deepen this exploration, contribute meaningful insights to the field, and pave the way for innovative, user-centered experiences.
In the realm of design, hierarchy is more than an aesthetic choice—it’s a fundamental principle that dictates how information is consumed and understood. Whether in graphic design, web design, advertising, or user interface design, hierarchy ensures clarity, usability, and emotional resonance. Without it, even the most visually striking designs risk becoming chaotic and ineffective.
This comprehensive exploration of design hierarchy will unpack its importance, principles, applications, and practical tips, equipping designers with the tools to craft more impactful and engaging compositions.
What Is Hierarchy in Design?
Hierarchy in design refers to the deliberate arrangement of elements to establish a clear order of importance. It determines the visual flow—how the viewer’s eyes move across a composition and in what order they absorb information.
Think of a well-designed hierarchy as a road map. It tells users where to look first, what to focus on next, and how to navigate through the content seamlessly. Whether it’s a bold headline, an eye-catching image, or a strategically placed call-to-action button, hierarchy ensures that critical elements command attention.
Without hierarchy, designs can feel overwhelming, cluttered, or ambiguous, leaving viewers disengaged or confused.
Why Is Hierarchy Essential in Design?
Hierarchy’s importance stems from its ability to make communication efficient, engaging, and effective. Here’s why hierarchy is a non-negotiable aspect of design:
1. Focus and Direction
Hierarchy ensures that key messages stand out. For example, in an advertisement, the product name or tagline often dominates the visual space, followed by secondary details like pricing or contact information. Without this structured approach, viewers may miss the primary message altogether.
2. Improved User Experience
Clear hierarchy simplifies navigation, especially in digital contexts. Websites, apps, and software rely on hierarchical structures to guide users intuitively. For instance, navigation bars, headings, and dropdown menus are all organized to reduce cognitive load and enhance usability.
3. Enhanced Accessibility
Hierarchy accommodates diverse audiences, including those with limited attention spans, visual impairments, or varying literacy levels. Bold text, contrasting colors, and clear segmentation of content make designs universally understandable.
4. Emotional Resonance
By emphasizing certain elements, hierarchy can evoke emotions or create a narrative. A large, colorful banner might inspire excitement, while subdued tones and smaller fonts could convey seriousness or elegance.
5. Effective Storytelling
Design is a form of storytelling. A well-structured hierarchy leads viewers through a narrative, whether it’s explaining a product’s features, promoting an event, or guiding a user through a process.
Core Principles of Design Hierarchy
Effective hierarchy in design relies on principles that organize elements by importance. Size and scale draw attention to larger elements first, such as bold headlines. Color and contrast emphasize key components by creating visual differentiation, while typography establishes structure through varied font sizes and weights for headings and body text. White space prevents clutter, ensuring individual elements stand out, while alignment creates order and coherence. Positioning influences importance, with top or central placement attracting the most attention. Proximity groups related items together for clarity, and visual weight, created through bold colors or unique shapes, naturally guides the viewer’s eye to the most important components.
Applications of Hierarchy Across Design Disciplines
Hierarchy adapts to the needs of different design fields to organize and communicate effectively. In graphic design, it prioritizes key messages, such as bold event names on posters or advertisements. Web design depends on hierarchy to improve navigation, with prominent calls-to-action leading users through content seamlessly. Advertising highlights central messages, like showcasing a product image alongside supporting details. In UI/UX design, hierarchy ensures intuitive interactions through the strategic placement of buttons and menus. Editorial design leverages hierarchy to structure dense information, using headlines, subheadings, and imagery to maintain readability and engagement.
How to Create Effective Hierarchy
Building effective hierarchy starts by prioritizing critical information to highlight the most important elements. Visual cues like arrows or shadows guide attention, while simplicity avoids overwhelming viewers. Consistency in typography, colors, and alignment creates a cohesive design that supports the hierarchy. Testing with users through eye-tracking or feedback ensures the design functions as intended. A clear, uncluttered layout with intentional use of size, contrast, and spacing ensures the hierarchy effectively communicates the message and enhances usability.
Design hierarchy is the silent orchestrator of impactful communication. It transforms chaotic arrangements into structured narratives, guiding viewers effortlessly through content. By mastering the principles of hierarchy, designers can create work that is not only visually compelling but also functionally effective.
Hierarchy isn’t just about aesthetics—it’s about connecting with your audience, telling stories, and leaving lasting impressions. Mastering hierarchy isn’t just a skill—it’s a mindset that allows designers to communicate meaningfully, ensuring that every element serves its purpose and every message resonates.
Developing a successful gamified strength training app requires a structured and evidence-based approach. This blog post outlines the methodology and evaluation framework for my master thesis project, which focuses on creating a mascot-driven, gamified app that encourages users to progress in their strength training through engaging and emotionally resonant interactions.
Methodology
The methodology for this project is structured into four key phases: research, design, prototyping, and evaluation.
1. Research Phase The research phase involves understanding user needs, reviewing existing apps, and exploring psychological principles behind gamification and progressive overload. This phase sets the foundation for the app by addressing questions such as:
What motivates users to stay consistent in strength training?
How can a virtual character foster emotional engagement?
What gaps exist in the current landscape of gamified fitness apps?
Key research activities include:
User Surveys and Interviews: Collecting data on users’ training habits, goals, and pain points in current fitness apps.
Literature Review: Analyzing scientific studies on gamification, progressive overload, and behavior change in fitness.
Competitive Analysis: Identifying strengths and weaknesses of existing apps like Fitbod and Nerd Fitness Journey.
2. Design Phase The design phase focuses on creating a conceptual framework for the app. Core design components include:
Mascot Development: Designing a virtual character that reacts dynamically to user actions, providing encouragement and feedback.
Gamification Mechanics: Developing features like level-ups, challenges, and rewards tied to strength training progress.
Adaptive Training Algorithms: Implementing a system that adjusts weight and reps automatically based on user performance.
Wireframes and mockups will be created during this phase to visualize the user interface and user experience.
3. Prototyping Phase The prototyping phase involves building a functional prototype of the app using tools like Max 8 or Unity. This prototype will include:
A basic strength tracking system.
Interactive mascot animations.
Gamification elements such as progress bars, milestones, and rewards.
The prototype will be iteratively improved based on feedback from user testing.
4. Evaluation Phase The evaluation phase assesses the app’s effectiveness in terms of user engagement, emotional connection, and training outcomes.
Evaluation Framework
To evaluate the app, a mixed-methods approach will be employed, combining quantitative and qualitative data.
1. User Testing A group of participants will use the app for a specified period, such as four to six weeks. Key metrics to evaluate include:
Engagement: Measured by frequency and duration of app usage.
Consistency: Tracking how often users complete scheduled workouts.
Progress: Evaluating improvements in users’ strength training performance.
2. Surveys and Interviews Surveys and semi-structured interviews will gather qualitative feedback on:
The emotional bond with the mascot.
The perceived usefulness of gamification mechanics.
Overall satisfaction with the app.
3. Comparative Analysis The app will be compared to existing gamified fitness apps using the same metrics. This analysis will identify the unique strengths and areas for improvement of the thesis project.
4. Statistical Analysis Quantitative data will be analyzed using statistical methods to identify trends and correlations, such as whether frequent app users show greater strength progress or engagement compared to infrequent users.
Success Criteria
The success of the app will be determined based on the following criteria:
User Engagement: High levels of app usage and adherence to workouts.
Emotional Connection: Positive feedback on the mascot’s design and interactions.
Effectiveness: Observable progress in users’ strength training performance.
Differentiation: Clear advantages over existing apps in terms of engagement and usability.
Conclusion
The methodology and evaluation framework outlined above ensure that this thesis project is grounded in research, user-centered design, and rigorous evaluation. By leveraging a mascot-driven approach and gamification mechanics, the app aims to address gaps in current fitness solutions and create an engaging, effective tool for strength training.
This structured approach not only ensures the app’s success but also contributes valuable insights to the fields of interaction design, gamification, and fitness technology.
References
Reeves, B., & Read, J. L. (2009). Total Engagement: Using Games and Virtual Worlds to Change the Way People Work and Businesses Compete. Harvard Business Press.
Deci, E. L., & Ryan, R. M. (1985). Intrinsic Motivation and Self-Determination in Human Behavior. Springer Science & Business Media.
Rodrigues, F., Teixeira, D. S., Neiva, H. P., et al. (2021). “The bright and dark sides of motivation as predictors of enjoyment, intention, and exercise persistence.” Frontiers in Psychology, 12, 759987. https://doi.org/10.3389/fpsyg.2021.759987
In a world filled with endless distractions, attention has become a valuable currency, especially in digital design. Attention design is the intentional structuring of experiences to capture, guide, and maintain a user’s focus. For a gamified strength training app with a mascot-like virtual character, as envisioned in this master thesis, understanding and leveraging attention design principles is essential for creating an engaging and effective experience. This blog post delves into the science of attention design, explores its relevance to gamification and fitness, and discusses how these principles can enhance user engagement and retention.
The Science of Attention
Attention, from a cognitive perspective, refers to the allocation of mental resources to specific stimuli or tasks. According to Kahneman’s Capacity Model of Attention, individuals have a limited pool of cognitive resources that can be allocated to various tasks (Kahneman, 1973). The design of digital products must, therefore, compete for these resources, often in a crowded landscape.
Research also distinguishes between two types of attention:
Exogenous Attention (stimulus-driven): Captured by external stimuli, such as bright colors or unexpected movements.
Endogenous Attention (goal-driven): Focused and intentional, directed by the user’s internal motivations (Posner & Petersen, 1990).
An effective design incorporates both to attract and sustain user focus.
Applying Attention Design to Gamified Strength Training
Gamified apps must strike a balance between grabbing initial attention and sustaining long-term engagement. This balance is particularly relevant in fitness, where consistency is key but user drop-off rates are high. A virtual character-based app can leverage attention design in the following ways:
Dynamic Visuals and Animations Animated mascots or characters, particularly those that react to user input, trigger exogenous attention. Research has shown that motion and interactivity are effective in sustaining engagement (Sundar et al., 2014). For instance, a mascot that celebrates every milestone achieved by the user can create a sense of accomplishment, maintaining focus and reinforcing behavior.
Goal-Oriented Challenges Fitness apps can harness endogenous attention by aligning tasks with user goals. Progressive overload, for instance, could be gamified into challenges where the mascot motivates users to beat personal bests. Aligning in-app rewards with real-world fitness progress keeps the user intrinsically motivated.
Reduction of Cognitive Load Complex interfaces or unclear instructions can quickly overwhelm users. Sweller’s Cognitive Load Theory suggests that reducing unnecessary mental effort enhances attention and learning (Sweller, 1988). Designing a clear and intuitive user experience ensures users focus on the workout and engagement with the app, not on deciphering how it works.
Attention Design Challenges
While attention design has immense potential, it also comes with challenges. Overloading users with stimuli, such as excessive notifications or animations, can lead to attention fatigue, where users disengage entirely. Moreover, a lack of variety in content or repetitive tasks can lead to boredom, undermining long-term engagement.
A mascot-based app must, therefore, incorporate variability. Changing the mascot’s responses, introducing new challenges, or integrating personalized feedback based on user performance ensures that attention is sustained over time.
The Role of Emotional Engagement
Attention design extends beyond visuals and interactivity—it also involves emotional engagement. A study by Isbister (2016) highlights how empathetic character design can foster an emotional connection between users and digital products. For a fitness app, a mascot that displays concern when users miss workouts or celebrates their victories humanizes the experience, making users more likely to return. Emotional connection reinforces attention because users feel personally invested in the app and their progress.
Attention Design in Practice
Examples of successful attention design in digital fitness include:
Nike Training Club: Uses dynamic visuals and personalized progress updates to sustain user focus.
Duolingo: Gamifies learning with a mascot (Duo the owl) that reacts to user actions, driving emotional engagement and consistent use.
Zombies, Run!: Combines storytelling with fitness to capture both exogenous and endogenous attention, creating a compelling experience.
A mascot-driven strength training app can draw inspiration from these examples by integrating a narrative, dynamic interactivity, and progress-driven personalization.
Conclusion
Attention design is a cornerstone of effective digital experiences. By strategically balancing exogenous and endogenous attention, minimizing cognitive load, and fostering emotional engagement, a gamified strength training app can capture and sustain user focus. For this thesis project, the integration of attention design principles into the mascot-based app ensures it stands out in the competitive fitness market, offering a unique and impactful user experience.
References
Kahneman, D. (1973). Attention and Effort. Prentice Hall.
Posner, M. I., & Petersen, S. E. (1990). The attention system of the human brain. Annual Review of Neuroscience, 13(1), 25–42.
Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257–285.
Sundar, S. S., Bellur, S., Oh, J., Xu, Q., & Jia, H. (2014). Theoretical importance of modality interactivity in human-computer interaction. Communication Research, 41(8), 1081–1114.
Isbister, K. (2016). How Games Move Us: Emotion by Design. MIT Press.
The pandemic forced museums to pivot quickly to digital platforms to stay connected with audiences as physical visits became limited or impossible. Virtual tours, online exhibitions, and digital programming became essential tools to engage visitors during this time. However, while digital engagement helped sustain interest, it became clear that digital-only experiences could not replicate the richness and depth of physical interactions with artifacts. This is where the concept of “phygital” arises as the key to enhancing museum engagement.
What is Phygital?
The term “phygital” merges the physical and digital realms, transforming how museums engage with visitors. By integrating technology into tangible displays, museums create immersive, engaging experiences for diverse audiences. The “Phygital Museum Scale” offers a framework for blending digital and physical elements effectively [1], while emphasizing storytelling as a “sensitive activation” of cultural heritage [7]. This approach helps museums stay relevant as audience expectations and technology evolve.
Exploring Phygital Innovations
Phygital strategies are reshaping museums worldwide. For example, the Markiezenhof Museum in the Netherlands uses augmented reality to animate historical artifacts, enhancing visitor understanding [5]. The “Phygital Museum Scale” identifies five scenarios ranging from fully physical to fully digital experiences, helping museums tailor their strategies based on audience and goals [1]. Projects like ExhiBIT foster inclusivity through community-driven curation and digital tools [2]. Phygital spaces integrate technology seamlessly, turning visitors’ gestures into part of the storytelling process, which demonstrates the potential of merging physical artifacts with digital technologies [4], [7].
Why Phygital Matters
Phygital strategies cater to various learning styles, broadening accessibility [3]. Digital enhancements such as virtual tours and contextual overlays offer deeper insights beyond what physical artifacts alone can provide [6]. Purpose-driven design ensures that digital tools complement material culture, while sensory and immersive experiences amplify the emotional significance of objects [1], [7]. Analytics from digital tools allow museums to tailor exhibitions, enhancing visitor engagement [4].
A Vision for the Future
Phygital technologies, including virtual reality, interactive holograms, and AI-driven personalization, promise to transform museum experiences [4], [6]. These innovations shift spaces from contemplative to performative, allowing visitors to co-create their experiences through interaction and narrative involvement [7]. The “Phygital Museum Scale” guides museums toward a balanced integration of physical and digital elements, as seen in projects like Ravespace, which bridge the gap between the two realms [4].
Conclusion
Phygital approaches revolutionize museum experiences, offering a bridge between tradition and technology. By combining physical artifacts with digital tools, museums create interactive and memorable experiences that foster deeper connections with cultural heritage [3], [1]. As the boundaries between physical and digital continue to blur, phygital museums will lead to audience engagement and cultural preservation [5].
References
[1] S. Debono, “The Phygital Museum Scale: Measuring and Designing Phygital Museum Experiences,” CHAIN 2022 Proceedings, University of Catania, 2022, pp. 25-34.
[7] A. Miano, “Phygital Museum Experiences: The Situated and Invisible Dimension of Technology as Sensitive Activation of Cultural Heritage,” Conference Paper, University of Campania “Luigi Vanvitelli,” 2023.
