Đang tải... (xem toàn văn)
COMP1649M02202324 Human Computer Interaction and Design Grade: 55 Thue Code LH ZALO: 0834684568 COMP1649M02202324 Human Computer Interaction and Design Grade: 55 Thue Code LH ZALO: 0834684568 COMP1649M02202324 Human Computer Interaction and Design Grade: 55 Thue Code LH ZALO: 0834684568
Trang 1Human Computer Interaction and Design (COMP1649)
Full Name: DAO VINH KHANG
ID: Khangdvgcs200222
( Email: dk9621h@gre.ac.uk )
Trang 3Greetings, and welcome to this coursework, where we embark on a compelling exploration of the intricacies involved in developing an innovative project In this report, we will delve into the comprehensive journey of creating an application named Diving Pal This introduction aims to provide a brief overview of what to expect in the subsequent sections and the overall structure of the report
2 Background literature
2.1 HCI Research:
The literature review for the Diving Pal project delved into Human-Computer Interaction (HCI), concentrating on user experience, interface design, and analogous products in adventure and outdoor settings The goal was to guide the conceptual design and requirements of the app, especially in prototyping
A key insight from the research emphasized the importance of Visibility in outdoor applications This led to the inclusion of a visually captivating underwater scene in Diving Pal's introduction, aligning with the principle of creating a clear conceptual model for a positive first impression
Additionally, the research highlighted the crucial role of Feedback in dynamic and outdoor apps This influenced the design of features like Dive Log and Camera in Diving Pal, ensuring users receive immediate responses to enhance their interactive experience with the underwater environment
2.2 HCI Theory:
Diving Pal's design strategy is influenced by key HCI theories, including concepts from cognitive psychology and interaction design Inspired by Donald Norman's principles, a visually immersive introduction emphasizes creating a clear conceptual model for an engaging underwater experience Feedback is integrated into features like Dive Log and Camera, ensuring immediate user responses for enhanced control and connection
Constraints in the signup process follow HCI theories, aiming for structured and predictable user experiences The Mapping principle organizes the Gallery feature for effective navigation of underwater memories Consistency across features promotes a seamless user experience, aligning with HCI theories Diving Pal leverages Affordances for intuitive interactions, emphasizing user understanding
3 Design Process
Conceptual Design:
The conceptual design of Diving Pal envisions an immersive and user-centric platform that goes beyond the digital interface Drawing inspiration from HCI Research and Theory, the design prioritizes intuitive interactions and a seamless underwater exploration experience
Trang 4Underwater Introduction:
Concept: A visually captivating underwater scene serves as the entry point, aligning with the Visibility principle This not only engages users aesthetically but also provides a clear conceptual model for the application
HCI Research Influence: Informed by the emphasis on visual engagement in outdoor applications from HCI Research
MenuPage:
Concept: The MenuPage acts as the central hub, featuring intuitive icons for Dive Log, Equipment, Gallery, Camera, Reports, and more This design ensures consistency and clear affordances, enabling users to navigate effortlessly
HCI Theory Influence: Aligned with HCI Theory's emphasis on consistent design and clear affordances for intuitive interactions
Dive Log:
Concept: Dive Log serves as a digital diary, allowing users to input dive details and attach images This feature transforms data into a narrative, aligning with Feedback principles by providing users with a real-time record of their underwater experiences
HCI Research Influence: Inspired by the importance of creating a personal connection through digital diaries from HCI Research
Gallery:
Concept: The Gallery feature organizes underwater images, employing the Mapping principle Users can personalize their visual dive diary with captions, enhancing their understanding and control over memories
HCI Theory Influence: Informed by HCI Theory's emphasis on spatial organization and mapping principles
Camera:
Concept: The Camera feature turns the app into a diving companion, allowing users to capture underwater moments in real-time This aligns with Feedback principles by providing an immediate visual outcome of their actions
HCI Research Influence: Driven by the HCI Research emphasis on the importance of real-time feedback in outdoor applications
3.2 Design Principles:
Visibility:
Integration: Visible and engaging underwater introduction, ensuring users understand the application's purpose
Evidence: Visualizations of the underwater scene and a captivating introduction contribute to a clear conceptual model
Trang 5Feedback:
Integration: Real-time features like Dive Log and Camera for immediate user responses
Evidence: Users can instantly see dive details and images, providing constant feedback during their underwater exploration
Constraints:
Integration: User-friendly signup form, guiding users through the registration process
Evidence: A structured and predictable onboarding experience that aligns with HCI Theory's emphasis on Constraints
Consistency:
Integration: Consistent design across MenuPage and features for a cohesive user experience Evidence: Uniform navigation and interaction patterns contribute to a predictable and learnable interface
Affordance:
Integration: Interactive elements throughout the app providing clear affordances
Evidence: Users can intuitively understand and interact with features, aligning with HCI Theory's emphasis on clear affordances
In summary, the conceptual design of Diving Pal integrates principles from HCI Research and Theory, creating an immersive and user-friendly platform for underwater exploration The design principles of Visibility, Feedback, Constraints, Consistency, and Affordance are evident throughout the proposed solution, contributing to a holistic and intuitive user experience
Design Principles:
Visibility:
Integration: Visible and engaging underwater introduction, ensuring users understand the application's purpose
Evidence: Visualizations of the underwater scene and a captivating introduction contribute to a clear conceptual model
Feedback:
Integration: Real-time features like Dive Log and Camera for immediate user responses Evidence: Users can instantly see dive details and images, providing constant feedback during their underwater exploration
Constraints:
Integration: User-friendly signup form, guiding users through the registration process Evidence: A structured and predictable onboarding experience that aligns with HCI Theory's emphasis on Constraints
Trang 6Consistency:
Integration: Consistent design across MenuPage and features for a cohesive user experience Evidence: Uniform navigation and interaction patterns contribute to a predictable and learnable interface
Affordance:
Integration: Interactive elements throughout the app providing clear affordances Evidence: Users can intuitively understand and interact with features, aligning with HCI Theory's emphasis on clear affordances
4 Prototype
The mid-fidelity prototype for Diving Pal represents a significant milestone in the design process, embodying the culmination of research, conceptualization, and iterative
development The prototype is a tangible manifestation of the principles and concepts derived from Human-Computer Interaction (HCI) research and theory
Design Process:
Initial Wireframes:
Began with low-fidelity wireframes to outline the basic structure and flow
Incorporated key features like Login, Menu, Dive Log, Equipment, Gallery, Camera, Reports, and Account Recovery
Transitioned to mid-fidelity prototypes using Axure RP to incorporate interactivity and simulate real-world user experiences
Applied consistent visual design elements and refined user flows based on usability testing results
User Testing:
Conducted user testing sessions with the mid-fidelity prototype to identify pain points and gather feedback
Addressed issues related to visibility, feedback, and consistency based on user input
Refinement and Finalization:
Incorporated insights from user testing to refine the prototype further
Ensured that the design adhered to HCI principles, offering a user-friendly and engaging experience
Key Features:
Login Page:
Trang 7Smooth transition from the login page to the main menu Social media login options for user convenience
Design: Users can smoothly navigate to the signup section from the login page through a visible and intuitive link or button
HCI Principle: This integration aligns with the Consistency principle, providing a coherent and expected flow for users moving between login and signup
Figure 1 Login
Trang 8Figure 2 Sigup
MenuPage:
Visually intuitive menu with icons for seamless navigation Clear links between each feature, maintaining consistency
Trang 9Figure 3 Menu
Dive Log Page:
Interactive input forms for dive details
Immediate feedback on saving dive log entries
Trang 10Figure 4 Dive Log
Equipment Page:
Visual representation of diving gear
Interactive options to add, edit, or remove equipment details
Trang 11Figure 5 Equipment
Gallery Display Page:
Grid layout showcasing images and videos from dives Interactive elements for expanding and viewing details
Trang 12Figure 6 Gallery
Camera Capture Page:
Real-time camera integration for capturing underwater moments Interactive buttons for snapping photos or recording videos
Trang 13Figure 7 Camera
Reports Overview Page:
Graphical representation of dive statistics and patterns Interactive details for in-depth analysis
Trang 14Figure 8 Reports
Account Recovery Page:
Simple and guided process for recovering forgotten passwords Purpose of the Prototype:
Trang 15Figure 9 AccoundRecovery
The mid-fidelity prototype serves as a dynamic representation of the Diving Pal application, offering an interactive experience for testing core concepts and validating the design It allows for hands-on exploration of the user interface, demonstrating the application's flow,
responsiveness, and adherence to Interaction Design principles The prototype acts as a
valuable learning tool for researchers and designers, enabling them to assess the effectiveness of the design and gather insights for further refinement
Trang 165 Research Study
Main Research Question:
"How does the inclusion of a personalized Dive Log feature in the Diving Pal application impact the overall user experience for diving enthusiasts aged 18 to 24?"
Sub-questions:
"To what extent does the Dive Log feature contribute to users' engagement with the application?"
"How does the Dive Log feature influence users' perception of their underwater experiences?" "What impact does the Dive Log feature have on users' satisfaction and sense of
accomplishment?" Hypothesis:
Null Hypothesis (H0): "The inclusion of the personalized Dive Log feature in the Diving Pal application does not significantly impact the overall user experience for diving enthusiasts aged 18 to 24."
Alternative Hypothesis (H1): "The inclusion of the personalized Dive Log feature in the Diving Pal application significantly enhances the overall user experience for diving enthusiasts aged
Participants will be recruited through local diving clubs, online forums, and social media groups related to diving, with a focus on those within the specified age range
3 Materials Needed:
Diving Pal Application Prototype:
The prototype, including the Dive Log feature, will be used for the study Underwater Simulation Environment:
Controlled underwater scenarios to simulate diving experiences User Engagement Metrics:
Tools to measure engagement, such as time spent using the Dive Log and interaction frequency
User Satisfaction Questionnaire:
A structured questionnaire to assess overall user satisfaction Post-Task Interview Questions:
Open-ended questions for qualitative insights on the Dive Log feature 4 Research Methodology:
Pre-Study Preparation:
Trang 17Participants will be provided with information about the study and consent forms for review Informed Consent:
Participants will sign informed consent forms, clearly stating the nature and purpose of the study
Participants will receive an orientation on using the Diving Pal application and its features, with a focus on the Dive Log
Task-Based Interaction:
Participants will engage with the Dive Log feature, recording dive details and attaching images in a simulated underwater environment
Underwater Simulation:
Participants will experience simulated underwater scenarios to interact with the Dive Log feature
Post-Task Interview:
Participants will undergo post-task interviews to gather qualitative insights on their experience with the Dive Log
User Satisfaction Questionnaire:
Participants will complete a structured questionnaire assessing their overall satisfaction with
3 User satisfaction scores will be compared between participants who used the Dive Log feature and those who did not
Hypothesis Testing:
4 Statistical tests will be applied to determine if there is a significant difference in user satisfaction between the groups
7 Ethical Considerations: Informed Consent:
Participants will be fully informed about the study's purpose, procedures, and any potential risks before providing consent
A debriefing session will be conducted to ensure participants leave with a clear understanding of the study's goals and to address any questions or concerns
Appendix: Research Study Instruments and Documentation
Trang 18Informed Consent Form:
Title: Informed Consent for Diving Pal User Experience Study
User Satisfaction Questionnaire:
Title: Diving Pal User Satisfaction Questionnaire Demographic Information:
Age: Gender:
Diving Experience Level: Beginner / Intermediate / Advanced Experience with Diving Applications: Yes / No
Diving Pal Experience:
Rate your overall satisfaction with the Diving Pal application on a scale of 1 to 10 (1 being very dissatisfied, 10 being very satisfied)
Dive Log Feature:
2 To what extent did the Dive Log feature contribute to your engagement with the application?
Perception of Underwater Experiences:
3 How did the Dive Log feature influence your perception of your underwater experiences? Impact on Satisfaction:
4 Describe any impact the Dive Log feature had on your overall satisfaction and sense of accomplishment
Improvements and Suggestions:
5 Do you have any suggestions for improving the Dive Log feature or any other aspect of the Diving Pal application?
Title: Diving Pal User Satisfaction Questionnaire
Post-Task Interview Questions:
Title: Diving Pal User Study - Post-Task Interview Questions Introduction:
Thank the participant for their time and participation
Ensure they are comfortable and open to sharing their thoughts Experience with Dive Log:
What was your experience using the Dive Log feature in the Diving Pal application? Were there any challenges or difficulties you encountered?
Perceived Impact:
3 How do you think the Dive Log feature influenced your overall experience with the application?