Project part 2a: Establishing Requirements (Gathering Requirements - Task Analysis)

Gathering Requirements - Task Analysis

INTRODUCTION 

Our group, UnderBlue aims to develop a new website that enhances the existing website, which is The Ocean Foundation website. The new website can motivate people to join the activity organized by the organization to protect the marine. Three types of users that our new website focuses on are Ocean lovers, Donator and General Public. In order to design a new website, we looked for some similar websites which is The Ocean Foundation website to compare, and we discovered that there are a few issues that need to be fixed in our new system, including limited donor communication and interaction, insufficient visual material, and limited transparency and impact assessment.  

There are three main tasks that we can observe during the testing process in  

1. (i) Attempt to find a communication channel on the website 

2. This task requires the users to find a communication channel to interact with other users. The user needs to open the website, browse it and try to find a place to leave their comments or ideas on the website. 

2. (ii) Reading the Website’s Content 

3. This task requires users to read the website’s content. The user needs to open the website, then find an interesting topic, and read the content. 

3. (iii) Check Usage of Funds 

In this task, users are required to check the usage of funds collected through donations. The user must view the annual report to check if there is detailed information about the contribution of funds in ocean conservation projects. 

 

 

Derivation of HTA  

HTA for Task 1 – Attempt to find a communication channel on the website  

    1. Ocean Lover 

Video Link: https://youtu.be/_U4NKc49n6o 

 

Textual Presentation (User 1) 

0 Attempt to find a communication channel on the website 

1 Browse Website 

        1.1 Look for the logo 

2 Search the navigate bar 

3 Attempt to find a forum

        3.1 If not found, stop

 

Diagram Presentation (User 1) 

 

 

2. 2. Donator 

Video Link: https://youtu.be/If0f93jbQLk 

 Textual Presentation (User 2)

0 Attempt to find a communication channel on the website 

1 Open Website 

1.1 Look for the logo 

2 Scroll the website 

3 Attempt to find the communication channel

        3.1 If not found, stop

 

Diagram Presentation (User 2) 

3. 
   

4. 3. General Public 

Video Link: https://youtu.be/Zevjc9cZwEM 

 

Textual Presentation (User 3) 

0 Attempt to find a communication channel on the website 

1 Browse Website 

1.1 Look for the logo 

2 Search on the website 

3 Choose a potential place to leave the comment  

 

Diagram Presentation (User 3) 

 

Findings from the HTAs for Task 1 (Attempt to find a communication channel on the websiteAttempt to find a communication channel on the website) 

• • - The website is user friendly and easy to accesses. 

  • - Ocean lovers, Donator and the General Public are browsing the website and trying to find a place to leave their comments or ideas. 

  • - The General Public has found a potential place to leave his comment but there is not a proper place to leave his comment and allow other users to view. 

  • - The website can solve this problem by implementing a forum or communication channel for the view to write down their opinion or problem. 

  • - Besides, we found that there is no alternative communication method such as email, contact form or contact information. 

  • - By addressing these issues, the organization can improve the website by adding the contact information to the bottom of the webpage. 

 

HTA for Task 2 – Reading the Website’s Content 

1. 1. Ocean Lover 

Video Link: https://youtu.be/mTkj_0FBiBU 

 

Textual Presentation (User 1) 

0 Reading the website’s Content 

1 Open Website 

2 Scroll and view the webpage 

Diagram Presentation (User 1) 

 

 

2. 2. Donator 

Video Link: https://youtu.be/NuAKmtDUvbE 

 

Textual Presentation (User 2) 

0 Reading the website’s Content 

1 Open Website 

2 Scroll and view the webpage 

Diagram Presentation (User 2) 

 

 

3. 3. General Public 

Video Link: https://youtu.be/SIr9-Rudtw8

 

Textual Presentation (User 3) 

0 Reading the website’s Content 

1 Open Website 

2 Choose an interested topic of the website 

2.1 Scroll and view the webpage 

 

Diagram Presentation (User 3) 

 

 

Findings from the HTAs for Task 2 (Reading the website’s Content) 

• - Ocean Lover- Cheryl feels boring when browsing the website. 

• - Lack of picture cause users uninterested about the topic. 

• - Include more images, infographics, and multimedia content. 

• - Make the layout more dynamic and engaging to increase user engagement. 

• - Add interactive elements to keep users interested. 

• - A well-designed website with relevant visuals and interactive elements creates a positive impression, making users more likely to trust and value the content. 

• - Enhanced User Experience by making the website more enjoyable to navigate, reducing feelings of boredom. 

 

 

 

HTA for Task 3 – Check Usage of Funds 

1. 1. Ocean Lover 

Video Link: https://youtu.be/tJZVxbCMZ6A 

 

Textual Presentation (User 1) 

0 Check Usage of Funds 

1 Go to Annual Report Page 

2 Find the Description of the Usage of Funds 

 

Diagram Presentation (User 1) 

 

 

2. 2. Donator 

Video Link: https://youtu.be/ynZnYnP6Id4

 

Textual Presentation (User 2) 

0 Check Usage of Funds 

1 Open Annual Report 

2 View Annual Report 

 

Diagram Presentation (User 2) 

 

 

3. 3. General Public 

Video Link: https://youtu.be/4nlHZGh8DjU 

 

Textual Presentation (User 3) 

0 Check Usage of Funds 

1 Go to Knowledge Hub 

1.1 Look for Annual Report 

2 View Annual Report 

2.1 Check Financial Part 

 

Diagram Presentation (User 3) 

 

 

Findings from the HTAs for Task 3 (Check Usage of Funds) 

• - Ocean lover fails to find a detailed description of the usage of funds on the Ocean Foundation website. 

• - Donator and general public feel that the annual report was too general and does not give detailed information such as the investments made by the organization and the usage of funds for what projects. 

• - The problem can be solved by adding a donation timeline that shows which project uses the funds and shows the progress of the project by attaching some pictures and videos of the project progress. 

• - A clear description of the usage of funds will assure the users that the funds are used to contribute to ocean conservation activities. 

• - Besides, users will be encouraged to help in conserving the ocean by donating to the organization. 

DESIGN REQUIREMENT 

Based on the analysis of user interactions with The Ocean Foundation’s platform, a few design requirements have been identified to improve usability, functionality, and efficiency: 

 

• - Provide an easily accessible communication channel on the homepage to ensure users can exchange experiences or doubts with others. 

• - Increase the use of images, infographics, and multimedia elements to make the content more engaging and assist users’ understanding of the information’s topics. 

• - Implement an “Impact Visualization-equipped Donation Timeline” to ensure that financial information is detailed and transparent presented as every phase of the conservation progress and financial usage is tracked on the timeline in the system. 

By exploring issues that arise during user interactions, we aim to significantly enhance the overall user experience of The Ocean Foundation's platform by creating a new website, “Ocean Watch” that contains these design requirements. This will ensure that users can effortlessly access and interact with the provided information, thereby promoting greater engagement and support for ocean conservation efforts.