DVG30093 INTERACTIVE DESIGN NAME : MOHAMAD LUQMAN BIN MOAHAMD KHYER NO. MATRIX : 09DRG22F1804 LECTURER : PN. SHERIL SYAZWANI BINTI SALLEH SURVEY AND RESEARCH
Bilibili WHY I CHOOSE THIS APPLICATION? Choosing Bilibili as a platform for my content consumption or engagement can be a great decision for several reasons, depending on my interests and preferences. If you're a fan of anime, comics, and games (ACG), Bilibili is a treasure trove of content related to these interests. The platform hosts a vast library of ACG-related videos, from classic anime series to the latest gaming reviews.
FIVE INTERACTION DESIGN User Interface (UI): The visual and tactile components that users interact with, including buttons, menus, forms, and navigation bars. User Flow: The path a user takes to complete a task or achieve a goal within an interface Feedback: Providing users with clear, immediate feedback to confirm actions or indicate errors. Affordances: Visual cues that suggest how an element should be interacted with, such as a clickable button or a draggable window. Signifiers: Design elements that communicate the function of an interactive element, like icons, labels, and tooltips.
DESIGN PRINCIPLES PERCEIVABILITY Elements like headings, buttons, and important content are visually distinct and easily distinguishable AFFORDANCE For example, a button's raised, clickable appearance affords the action of pressing it FEEDBACK This immediate response helps users establish a clear connection between their input and the system's response. Intentionally limiting possible actions users can perform in a design. CONSTRAINTS
1 2 3 DIMENSION OF INTERACTION Words on the app is simple to understand, but at the same time, they convey simple meaning Dimension 1: Words Dimension 2 : Visual Representations Typography, diagrams, icons, or images. allow the users to interpret displays immediately, which benefits the user experience. Dimension 3 : Physical objects or space Control that provide the users with the tools to enable goal completion. It’s a mobile device a user interacts with. importance of user-centered design User-centered design (UCD) is a fundamental approach to designing products, services, and interfaces with the primary focus on meeting the needs and preferences of users. It plays a crucial role in ensuring the success and effectiveness of any design project. UCD prioritizes understanding and addressing the real needs and pain points of users. Designing without considering user needs often leads to costly redesigns and fixes after a product or service has been developed and launched. UCD helps identify and address potential issues early in the design process
A Brief Introduction To Interaction Design Interaction Design is the creation of a dialogue between a person and a product, system, or service. This dialogue is both physical and emotional in nature and is manifested in the interplay between form, function, and technology as experienced over time. When you use a mobile app and swipe right, flick upwards, click a link, or press a button, you’re experiencing interaction design. These key interactions have been carefully thought about in advance to create desired user experiences, but when users perform tasks and find part of the technology interface elements frustrating, they’ll opt to leave and go elsewhere for their products or services.
terms and concept of interactive design User Interface (UI): The UI is the visual and interactive part of a digital system that users interact with, including elements like buttons, menus, forms, and navigation. User Experience (UX): UX design focuses on creating a seamless and satisfying overall experience for users by considering their needs, preferences, and interactions with a product or system. Usability: Usability refers to the ease with which users can interact with a digital product. It encompasses factors like efficiency, learnability, and user satisfaction. User-Centered Design: This approach prioritizes the needs and perspectives of the end users throughout the design process to create products that align with their expectations and preferences.
terms and concept of interactive design Prototyping: Prototypes are interactive mockups or models of a digital product that allow designers and stakeholders to test and refine concepts before full development. Information Architecture (IA): IA involves organizing and structuring content and information in a way that is logical and intuitive for users to navigate. Affordances: Affordances are design cues that suggest how an object should be used. In interactive design, they guide users on how to interact with elements, such as making a button look clickable. Feedback: Interactive designs provide feedback to users to inform them about the outcome of their actions. Feedback can be visual, auditory, or tactile and helps users understand the system’s response.
Importance of interaction design when developing apps, products, services and system Interaction design places the user at the center of the design process. It ensures that the final product or system aligns with user needs, preferences, and behaviors. This user-centric approach increases the likelihood of creating products that people find useful and enjoyable to use. User-Centered Focus Enhanced User Experience (UX) Interaction design is instrumental in creating a positive user experience. It focuses on optimizing the way users interact with a product or system, making it intuitive, efficient, and enjoyable. A well-designed user experience can lead to increased user satisfaction and loyalty.
Importance of interaction design when developing apps, products, services and system Interaction design considers the needs of users with disabilities. It includes features like screen reader support, keyboard navigation, and text alternatives, making digital products and services accessible to a wider audience. Interaction design aims to make products and systems highly usable. It focuses on factors like learnability, efficiency, and error prevention, which contribute to a smoother and more productive user experience. Usability, in turn, can lead to higher productivity and reduced user frustration. Usability Accessibility:
IDENTIFY interaction design activities User Research: Understanding the needs, behaviors, and preferences of your target users is a foundational activity. This involves conducting interviews, surveys, observations, and creating user personas to gain insights into who your users are and what they require from the product. Prototyping: Creating interactive prototypes allows you to visualize and test different design ideas and concepts. Prototypes can be low-fidelity (paper sketches or wireframes) or high-fidelity (clickable digital prototypes) and serve as a means to gather user feedback and refine the design before development. Testing: This activity involves testing the product with real users to identify usability issues and gather feedback on the user experience. Usability testing helps ensure that the design aligns with user expectations and needs, and it informs necessary improvements. Interaction Design: Interaction design is an iterative process. This activity involves continually refining and enhancing the design based on user feedback, usability testing results, and changing project requirements. It's important to iterate and improve the design throughout the development lifecycle to achieve the best possible user experience
DETERMINED THE DESIGN PRINCIPLES PERCEIVABILITY It focuses on ensuring that users can perceive and understand the information presented on a digital interface, regardless of their abilities or disabilities. Affordance refers to the inherent usability or functionality of an object or element, as perceived by a user based on its visual or sensory characteristics. In essence, it answers the question: "What can I do with this? AFFORDANCE Perceived Action For example, a button's raised, clickable appearance affords the action of pressing it Clear Visual Hierarchy elements like headings, buttons, and important content are visually distinct and easily distinguishable Consistency Consistency in design elements, such as the placement of navigation menus, buttons, and icons helps users know where to perform actions. Mapping: The relationship between the appearance of an element and the action it performs should be intuitive and easy to understand.
DETERMINED THE DESIGN PRINCIPLES Intentionally limiting or controlling the possible actions users can perform in a design. Constraints are used to guide users toward desired actions, prevent errors, and enhance the overall user experience. CONSTRAINTS Physical Constraints For example, the shape and size of a key and a keyhole serve as physical constraints. Logical Constraints For instance, in a software application, the "Save" button is disabled until a user has made changes to a document. Refers to providing users with information about the outcome or result of their actions in a user interface. Feedback is a fundamental element of usability and user experience design, as it helps users understand the consequences of their interactions and guides their behavior. FEEDBACK Immediate Feedback This immediate response helps users establish a clear connection between their input and the system's response. Relevance For example, if a user submits a form with errors, the feedback should specifically point out the fields that need correction rather than presenting a generic error message.
Use them well, and users will organically experience a positive way of interacting with your business. If you do not consider whom you are talking to when you write, it can be just as bad as not writing at all. Words on a website should be simple to understand, but at the same time, they should convey much meaning Dimension 1: Words Dimension 2 : Visual Representations This dimension refers to the visual elements, such as typography, diagrams, icons, or images. allow the users to interpret displays immediately, which benefits the user experience. Dimension 3 : Physical objects or space control that provide the users with the tools to enable goal completion. It’s related to the physical hardware, whether a mouse and keyboard or a mobile device a user interacts with. 5 DIMENSION OF INTERACTION DESIGN
Dimension 4 : Time It includes how the users might measure their progress. 4D also encompasses sound, film, and animation, representing another means of conveying information and enhancing the users’ experience Dimension 5 : Behavior concerns the actions, reactions, operations, presentations, easily adaptable and understandable to all users. Makes users’ react and feel identical when interacting with the system. 5 DIMENSION OF INTERACTION DESIGN
CONCLUSION In conclusion, interaction design is a multifaceted discipline that places users at the center of the design process. It is not just about creating visually appealing interfaces but about crafting meaningful, efficient, and engaging user experiences. By understanding user needs, behaviors, and preferences, interaction designers can create products and interfaces that not only fulfill functional requirements but also delight users. Moreover, interaction design is a dynamic and evolving field, adapting to emerging technologies and user expectations. As technology continues to advance, interaction designers are challenged to create innovative and inclusive experiences that bridge the gap between humans and machines.
THANK YOU FOR READING