Application Design 1 - Low-Fidelity Prototype
18/11/2025 - 09/12/2025 (Week 10- Week 12)
Application Design - Low-Fidelity Prototype
Cindy Noverin / 0376409
Bachelor of Design in Creative Media / Taylors University
TABLE OF CONTENTS
Lecture
The 5 Planes of UX Framework
Effective user experience is built upon a layered framework that progresses from abstract strategy to concrete visuals. Addressing all five layers ensures interactions are purposeful, efficient, and reinforce positive brand perception.
Strategy Layer: Defines the product's purpose by aligning user needs with business goals.
Scope Layer: Determines the specific content and functional features required to meet those goals.
Structure Layer: Organizes information and interactions to facilitate efficient navigation.
Skeleton Layer: Focuses on the layout, wireframing, and arrangement of interface elements.
Surface Layer: The final visual design (typography, color, imagery) that creates the sensory experience.
2. Adaptive User Experience & Consistency
To build emotional engagement and brand attachment, UX must remain consistent across different devices and platforms.
Continuity: Using Netflix as a case study, the text highlights that users expect the same quality of experience whether they are on a mobile device or a TV.
Familiarity: By maintaining consistent navigation, layout, and responsiveness across platforms, brands create a sense of convenience that deepens the user's emotional connection to the product.
Usability testing is A qualitative research method where representative users are observed performing specific tasks on a product. The goal is to detect issues, gather feedback, and assess user satisfaction rather than to collect large-scale statistical data.
The Process (6 Steps):
Prepare: Create a low-fidelity prototype.
Define: Create three specific user scenarios with written instructions.
Recruit: Find ~3 participants and assign a scenario to each.
Test: Conduct the test via Zoom using a Figma link.
Analyze: Gather feedback and answer prepared questions.
Iterate: Use the findings to improve the wireframes.
Example Scenarios: Testing usually involves developing a list of actionable tasks, such as:
Account Management: Creating accounts, logging in, or updating passwords.
Navigation: Finding menus or specific settings pages.
Feature Usage: Specific actions like transferring funds (and notifying the recipient), searching for a restaurant (filtering by cuisine/price), or purchasing a product (using photo search and completing payment).
UI Kits is a pre-packaged collection of design components (buttons, fields, styles) for apps or websites.
Efficiency: Designers don't have to start from scratch; they can use kits as templates for specific niches (e.g., e-commerce).
Retention: Good design prevents user churn. UI Kits help ensure the app is easy to navigate and responsive.
Key Elements of a UI Kit:
Typography: Font families, sizes, and weights used to create hierarchy.
Iconography: Visual symbols paired with text to clarify actions or navigation.
Layouts & Grids: Standardized structures to prevent elements from "jumping" between pages.
Color Palette: Colors used for brand consistency and setting the product's tone.
Components: Pre-assembled groups of elements (e.g., a modal window containing text, fields, and buttons).
UX Design acts as a guideline to create a good experience for users. This includes The UX design principles like user-centeredness that prioritize the users need and ensures that the design goals fits what the user want and needed; Consistency by maintaining uniformity in design elements, interactions and navigation across all platforms allowing users to predict the outcomes and navigate interfaces with minimal effort, while hierarchy in content organization guides user though information efficiently and highlights the most important element. Contextual awareness by considerations of devices, environment and users emotional state , to make interaction relevant and effective. Allowing users to have control over actions through features like undo & cancel enhances the confidence and reduces error when experiencing with the website. Accessibility ensures that users with varying abilities are able to use the product effectively ensuring that contents and navigation meet the diverse needs of each user, following the Web Content Accessibility Guidelines (WCAG 2.2) set by World Wide Web Consortium (W3C, 2023) which enhance both inclusivity and the brand’s perceived professionalism and trustworthiness. Lastly, usability where it encompasses learnability, efficiency, memorability, error prevention and overall satisfaction ensures that the product is easy and enjoyable to users.
With all seven principles combined together, it could guarantee that the product is easy and enjoyable to use, Together these principles form the foundation for designing user experiences that are not only functional but also strengthens the user’s trust and loyalty toward a brand (UX Design Institute, 2024).
Low Fidelity Prototype Development
Feedback
Comments
Post a Comment