I am not a bibliophile and never will be. When our new normal happened, I found myself hitting the books. Design and User Experience books became my friends. However, nonfiction books aren’t as enjoyable so I find it difficult to read and do so consistently. I needed an app that will help me track my progress and time. That is when I found Leio. 

Leio is an iOS app for readers who like to track their progress with the help of data. It can compute reading speed, allows goal setting, and encourages distraction-free reading. ​​​​​​​

I have been using Leio for a few months now. Although I love it, some features could be improved. I used the HMW (How Might We) method to turn challenges to questions that will provoke meaningful ideas for me to work with.
1. It is unclear which areas are clickable.
"HMW make the UI easier for users to differentiate from what is clickable and what isn’t?”
2. A user having to remember the page numbers.
"HMW make it so users see the last page number if it differs from the book?"

As a user, I don't normally use the real last page number as I didn't want to include the author's thank you notes, the index page, and other extras at the beginning and the ending of a book. It left me needing to remember the exact last page number I've initially inputted. I couldn’t exit or pause the timer as it would delete it.
According to Jakob Nielsen's 10 Heuristics of User Experience, "Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another."  
3. There is no “Finish” button which leads to a frustrating encounter with one book that, although I finished reading it, it still won’t appear as completed. 
"HMW we avoid frustrating users with the lack of 'Finish' button?" 
Since I couldn’t remember the last page number, I made a mistake, and therefore, the app didn't consider it done even though I was only two pages off. There was nothing within the app that allows selecting finish. I even left the timer running and it still didn't work. A user shouldn't have to do that. A good UX eliminates or lessens user error. A simple button could've fixed this issue.

Sketches
I explored ideas on how to improve the UX by changing the UI and make it easier and faster for users to skim and differentiate what is clickable and what isn't. Below are my final sketches.
Prototypes
I improved the visibility of page numbers and other important elements that were either initially hidden or not necessarily seen right away.

The current/original Leio uses a light gray font color. Research shows that darker colors should be used on light background for readability. 

One thing the app Leio didn't have that I added was a Congratulations screen. As a user, it felt underwhelming as it only redirected me to the home screen as soon as I finished a book. The new design showed how many pages I've read and how many hours it took me. It gave me options for the next action to take whether to see an analysis of my reading, to archive it, or to go home.  

Overall, the new design addressed the issues I have encountered.
Back to Top