COMP1649M02202324 Human Computer Interaction and Design

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

Human Computer Interaction and Design

(COMP1649)

Full Name: DAO VINH KHANG

ID: Khangdvgcs200222

( Email: dk9621h@gre.ac.uk )

TABLE OF CONTENT

Contents

1 Introduction 2

2 Background literature 3

2.1 HCI Research: 3

2.2 HCI Theory: 3

3 Design Process 3

Conceptual Design: 3

Design Principles: 5

4 Prototype 6

Design Process: 6

Key Features: 6

5 Research Study 16

Main Research Question: Error! Bookmark not defined 6 Conclusion 19

References 20

Appendices 21

TABLE OF FIGURE Figure 1 Login 7

Figure 2 Sigup 8

Figure 3 Menu 9

Figure 4 Dive Log 10

Figure 5 Equipment 11

Figure 6 Gallery 12

Figure 7 Camera 13

Figure 8 Reports 14

Figure 9 AccoundRecovery 15

REPORT

1 Introduction

Greetings, 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

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

Underwater 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

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

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

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

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:

Smooth 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

Figure 2 Sigup

MenuPage:

Visually intuitive menu with icons for seamless navigation

Clear links between each feature, maintaining consistency

Figure 3 Menu

Dive Log Page:

Interactive input forms for dive details

Immediate feedback on saving dive log entries

Figure 4 Dive Log

Equipment Page:

Visual representation of diving gear

Interactive options to add, edit, or remove equipment details

Figure 5 Equipment

Gallery Display Page:

Grid layout showcasing images and videos from dives

Interactive elements for expanding and viewing details

Figure 6 Gallery

Camera Capture Page:

Real-time camera integration for capturing underwater moments Interactive buttons for snapping photos or recording videos

Figure 7 Camera

Reports Overview Page:

Graphical representation of dive statistics and patterns

Interactive details for in-depth analysis

Figure 8 Reports

Account Recovery Page:

Simple and guided process for recovering forgotten passwords

Purpose of the Prototype:

Figure 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

5 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

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:

Participants 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

User Satisfaction Questionnaire:

Participants will complete a structured questionnaire assessing their overall satisfaction with the application

4 Statistical tests will be applied to determine if there is a significant difference in user

satisfaction between the groups

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

Informed 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?

Did it enhance or detract from your sense of accomplishment during diving?

User Interface and Navigation:

5 How intuitive did you find the user interface for the Dive Log feature?

Were you able to navigate through the Dive Log feature easily?

Suggestions for Improvement:

7 Do you have any suggestions for improving the Dive Log feature or any other features in the application?

Overall Feedback:

8 Provide an opportunity for the participant to share any additional thoughts or feedback about their overall experience with Diving Pal

Debriefing Session Guide:

Title: Debriefing Session Guide for Diving Pal User Experience Study

Introduction:

Thank the participant for their participation

Explain the purpose of the debriefing session

Feedback Recap:

Summarize the participant's feedback and insights from the study

Clarify any points where additional information or context is needed

Addressing Concerns:

3 Inquire if the participant has any concerns or questions about the study

Provide clear and transparent answers, ensuring the participant feels heard and understood Study Objectives:

5 Reiterate the objectives of the study and how the participant's input contributes to the research