6. Extended Case Study: Reading App for Grade 8

Develop an interactive reading app tailored to Grade 8 users to improve reading engagement, navigability, and personalization.

This section introduces the purpose of the reading app. It emphasizes the need for the app to be interactive and specifically designed for Grade 8 students. The focus is on improving three key areas: engagement, which is how interested students will be in using the app; navigability, which refers to how easily students can move around in the app; and personalization, which means the app should adapt to meet the individual needs of each student.

Think of the reading app like a tailored suit. Just as a suit is fitted to your body, the reading app is crafted to fit the learning styles and preferences of Grade 8 students, making reading more enjoyable and effective.

● Participants: 5 Grade 8 students ● Focus: ○ Log in ○ Navigate to chapters ○ Highlight text ● Findings: ○ 2/5 didn’t recognize the magnifying glass as “search” ○ Readers took too long to highlight text (average 90s) ○ 3/5 struggled to adjust font size

In the first round of testing, a paper prototype of the app was used with five Grade 8 students. The testing focused on three main tasks: logging in, navigating to chapters, and highlighting text. The findings highlighted several usability issues. Most notably, two out of five students did not understand that the magnifying glass icon was intended for searching, which is a common symbol in many apps. Additionally, students found the process of highlighting text to be too slow, averaging 90 seconds per text highlighting action, and three out of the five had difficulty changing the font size.

Imagine asking a group of friends to use a new board game that hasn't come out yet. If some players don't understand how to start the game (like not recognizing 'search' in the app), the game becomes frustrating. Similar issues arose with the reading app, indicating that clearer symbols and quicker interactions are necessary for a positive user experience.

Issue Frequenc Severit Priority y y Unclear search icon 3/5 Critical High Slow highlight 5/5 Major High Font size setting hidden 4/5 Major High Decision: First three issues get immediate attention.

After collecting feedback from the first round of testing, the team prioritized the issues based on frequency and severity. The unclear search icon was critical since it affected most users, while the slow highlighting interaction was a major issue for all participants. Additionally, hiding the font size setting was also a major concern. The team decided that all three of these issues required immediate improvements to ensure a better user experience moving forward.

Consider a recipe for spaghetti that has a few critical and minor issues. If the water boiling step is unclear (critical issue), everyone will struggle to make the pasta. However, if one of the spices is misplaced (minor issue), it may just slightly alter the flavor. In this case, fixing the unclear boiling instructions is like addressing the unclear search icon—both are vital for getting the end result right.

Changes:

1. Added label “Search” under magnifying glass icon.
2. Made highlight tool more responsive with instant selection.
3. Added visible font-size buttons (A–, A+). Tested with 6 new students: ● 6/6 found search tool within 15s ● Highlight task done in 20s ● Font size changed by all Also collected: ● “Highlight is much clearer now!” – user’s comment ● Average satisfaction score: 4.7/5 (up from 3.1/5)

In the second iteration, the team moved from a paper prototype to a mid-fidelity digital prototype that implemented several key changes based on the initial feedback. Changes included labeling the search icon for clarity, enhancing the highlighting tool for faster action, and adding visible buttons for adjusting the font size. Testing this version with six new students showed significant improvements—the search tool was located quickly by all students, the highlighting task time was cut down to 20 seconds, and every participant successfully changed the font size. User satisfaction significantly increased as well, as reflected in their feedback and ratings.

Think of the app development like tuning a musical instrument. In the first iteration, the instrument may have sounded off. Adjustments like labeling and better functionality are like tuning strings or valves to ensure harmony. The improved sounds of the instrument after tuning reflect the better performance in this iteration, capturing users' joy in the experience.

Added: ● Visual polish: shading on buttons, smoother animations ● Personalized theme selection (dark, sepia, default) ● Help prompt tooltip on first login Tested with 8 students: ● 8/8 successful on all tasks ● Time reduced by 50% ● Compliments on usability and fun look/design

The final iteration focused on refining the prototype with high-fidelity design elements. Enhancements included visual improvements like button shading and smoother animations to make the interface more appealing. Additionally, personalized themes like dark mode and sepia were introduced for user preference, along with a helpful tooltip that appears during the first login to guide users. Testing with eight students confirmed that all tasks were completed successfully, with the time taken cut in half, and students appreciated the fun design and usability.

Creating this app can be likened to preparing for a big presentation. After doing the initial research and gathering feedback (iteration one), you work on your slides and practice the flow (iteration two). In the end, you add visuals, adjust the color themes for appeal, and include tips for your audience (iteration three). When you present, everyone is engaged, demonstrating the success of your polished preparation!

--