Need Finding/Problem Space [Empathy Map, Persona, HTA]

 Problem Statement

    Current storytelling book apps often fail to maintain user engagement over time. Users, particularly children can lose interest due to lack of interactivity and personalization. There is a need for an app that incorporates interactive elements such as choices that influence the story, personalized recommendations based on reading habits and gamified features to keep users motivated and engaged.

Problem Solution

    To increase user engagement in a digital storytelling book app, the solution involves integrating interactive elements and personalization features. Interactive story choices will enable users to influence the narrative, making the reading experience more immersive and engaging.

Design Process

1. Identifying the problem. 

2. Researing it in-depth.

3. Ideating possible solutions.

4. Evaluating a selecting a promising solution.

5. Creating Prototype.

6. Testing and Troubleshooting.

7. Making Improvements and Releasing the product.

Project Planning

1. Finding Problems

Daily problems faced by individuals or communities. For example, traffic congestion, air pollution, or lack of access to quality education.

Impact to Society

The impact of these daily problems on society. For example, traffic congestion can reduce productivity, air pollution can cause health problems, and lack of access to education can lead to wider economic disparities.

2. Discussing Solutions

Identify the main cause or cause of the problem. For example, traffic congestion may be caused by a lack of adequate road infrastructure or an increase in the number of vehicles.

Create an Organization or Group Member

Form an organization or group work consisting of relevant and skilled individuals to deal with the problem.

Discuss

Hold a discussion to discuss various approaches and strategies to solve the problems that have been identified. This discussion should involve all group members to get diverse views and ideas.

3. Divide Tasks for Each Group Member

Determine and list the tasks that need to be done. These tasks are then distributed to group members based on their expertise and capacity.

Do Planning Plan

Plan the implementation of assigned tasks. This includes setting deadlines, resources needed, and steps to be taken to complete the task.

4. Duration for Each Task

Set a period for each task until all tasks are completed according to the plan that has been set. Make sure each task has a clear deadline to ensure a smooth process.

5. Making the Progress

Data Sent in the Group to be Safe Location

Collect and store data or information related to task progress in a secure and easily accessible location for all group members. This may include using an online platform such as Google Drive or a project management system.

Do Revision and Submit in Blog

Conduct a review of the progress and results of the work that has been done. Once reviewed, the results of the work are shared or submitted in the group blog for documentation and future reference.

Tool

For this project, there are several tool that we use. The most important was hardware which is laptop and mobile phone to do this assignment. Additionally, we are using Figma and Canva doing this assignment.

User Persona

    A user persona is a fictional character or a fictional representation of a consumer who is considered ideal. User personas are created based on user research by combining needs, goals, skills, attitudes, behavior patterns, problems, and background information that has been observed through the general target audience.

    In addition, user personas are also considered to represent the wants and needs of a handful of people who are the company's target audience. Usually, user personas are used by UX designers to monitor the results of research on the user experience when using the product. From there, the UX designer will evaluate if there are obstacles and find solutions. The diagram shows the user persona that we made.

Diagram 1: User Persona

Empathy Map

    The empathy map is an efficient tool used by designers to understand user behavior, visually communicate the results to colleagues, and unite the group under one understanding of the user. This tool was invented by Dave Gray and aims to reduce the potential for miscommunication and misunderstanding about the target audience.

    In addition to providing an overview of the user and sharing it collaboratively, the results of creating an empathy map are useful for decision-making. Each of the findings obtained from the research phase is summarized in a concise and easy-to-digest format.

    When the UX Designer team manages to identify the things that should be known about the user, you will get a more holistic view of the world, problems, and opportunities that exist. Holistic insight improved the context of the relationship between users and their respective experiences.

Diagram 2: Empathy map

Hierarchy Task Analysis (HTA)

 

Task 1: Selecting a story to read

Task 2: Interacting with the story (reading and pronunciation)

Task 3: Managing the setting

 

1. Selecting a story to read

1.1 Navigate to the story library

1.1.1 Tap on the ‘library’ button or icon.

1.2 Browse available stories

1.2.1 Scroll through the list of stories.

 

1.3 Select a story

1.3.1 Tap on the cover or tittle of the story.

1.3.2 Wait for the story to load.

 

    You must first find your way to the story library. Press the "library" button or icon to get started. This icon is commonly shown as a book or bookshelf and is placed prominently on the primary interface of the application. You may access the tale library, which features all of the accessible stories, by touching on it.

    Once inside the story library, peruse the list of stories that are accessible. There will be two formats for the stories: lists and grids. To see other stories, swipe up or down to go through the available selections. Look through the many titles and covers at your leisure until you locate a story that catches your attention.

    Press on the story's title or cover image when you find one you wish to read. By doing this, you will choose the story and start the loading process. You might get a loading screen after tapping, in which case you'll have to wait for the tale to finish loading. The duration of this operation is contingent upon your internet connection. You can start reading the story as soon as it loads.

    If you want to browse and load content without any disruptions, make sure your internet connection is steady.

2. Interacting with the Story (Reading and Audio)

2.1 Start reading the story

2.1.1 Tap on the storybook cover and wait it to load.

2.1.2 Read the book.

2.2 Click on a sentence for Audio Reading.

2.2.1 Tap on the audio reading button.

2.2.2 Listen to the audio reading.

2.3 Navigate through the story

2.3.1 Tap the next button to turn pages

2.3.2 Tap the back button to go back to previous page.

2.3.3 Click the back button (left arrow) to go back to library if you want to read other story

2.3.4 Repeat steps (2.1) and (2.2) for other storybooks.

 

    Press the storybook cover and wait for the story to load to start reading. When the book loads completely, turn to the first page to begin reading.

    Click on a passage in the book to hear the narrative read aloud. Next, hit the audio reading button that shows up—it's usually next to the sentence you've picked or on the toolbar. You can listen to the story as the app reads the text aloud. Remain relaxed and relish the audio storytelling, which offers a different perspective on the material.

    The next and back buttons can be used to go through the story. To go to the next page, hit the next button; to go back to the previous page, tap the back button. Click the back button, usually indicated by a left arrow, to end the current narrative and go back to the library. Taking this action will return you to the library, where you can choose to read a different story.

    Follow the previously mentioned instructions to read or listen to another tale. The new storybook may be loaded by tapping its cover. You can also use the next and back buttons to turn the pages and listen to a sentence as it is read aloud.

    You may effortlessly explore through the app's collection and storybooks and enjoy reading or listening to a variety of stories by following these instructions.

3. Managing App Setting

3.1 Open the setting menu

3.1.1 Tap on the setting icon (The gear icon).

3.2 Adjust reading setting

3.2.1 Toggle read-aloud feature on or off.

3.2.2 Adjust the audio reading speed.

3.3 Manage user profiles

3.3.1 Tap in ‘User Profile’ or the profile icon.

3.3.2 Select the user profile to edit.

3.3.3 Adjust profile setting (example, name).

 

    Users can tailor their experience within the app to better fit their needs by adjusting its settings. Start by tapping on the settings icon, which is symbolized by a gear icon, to open the settings menu. This action brings up a menu where you can change several characteristics of the application.

    One important feature that you can alter is the reading settings. Depending on whether you would rather have content read to you, you can turn the read-aloud feature on or off. It's also possible to change the tempo at which the audio is read aloud, so you may choose a pace that suits you best.

     Additionally, managing user profiles is simple. To see the list of current profiles, tap the "User Profile" or profile icon. Choose the profile that you want to change. You can change a number of options inside the chosen profile, including the user's name, to make sure that the information is correct and up to date.

    Users can customize their reading experience and efficiently manage their profiles by following these easy steps to explore the app's settings.