Prior to this app, Follett customers had to navigate between a few of our various apps to find and read eBooks. Customers also complained that logging in could be troublesome. My job was to make a single, unified app that addressed these pain-points and provided a seamless eBook and Audiobook experience.
We spent a good bit of time considering how to make a smooth login experience, since this was important to our users.
If a user has never logged in and selected a school before, this page uses geolocation to find the most likely schools nearby. Each school features their logo prominently displayed for quick, easy recognition.
If users can't find their school among the initial list, a more comprehensive search is available to them via the "can't find your school?" link at the bottom of the page.
A help link is also available in the bottom right, for users who may want additional assistance.
After their school is chosen, its name and image remain on the screen, as confirmation of their choice.
Note that there is not a "register for a new account" option here, because of how our business is set up with regard to this product. Schools purchase our software to use with their students, and the students gain login accounts, through the school itself, in that way.
Books are shown in carousels to help with discoverability and organization.
To help users get what they want quickly, there is a "bottom button bar" with the two main actions available for each title. In the case of eBooks, they can either read a preview of it immediately, or check it out to their account.
Search is always available in the top nav bar, along with the user's account and avatar.
Finally, there is a bottom nav bar to help with getting around in the app.
If you click on a book, you can open it up to see more details. This page can be themed according to the color of the carousel the book was in. Several alternates are shown here.
Having an integrated eBook reader was critical to solving one of the user pain-points we had been hearing. This is the screen right after you open a book, showing you that options are available....
... to create an immersive reading view, the interface slides away, each element animating off its respective side of the screen.
Users can tap on the screen to bring the controls back, and perform a variety of actions such as browse the table of contents...
...make notes, with color-coding...
...and search the book.