Hiragana Times Redesign

A Magazine Reading App
Product Design
Project Overview
Hiragana Times is a magazine provider based in Tokyo. They provide services for those who interested in learning Japanese and its culture. Hiragana Times has an app already, now it seeks to provide better service toward users.
Team
1 Product Manager
1 Product Designer
2 FrontEnd Engineers
1 BackEnd Engineer
Responsibilities
Interaction Design
‍User Interface
User Flow
Prototyping
Project Goal

New App within a month

The primary objective of this project was to redesign the Hiragana Times mobile app in a month. At the same time, we wish to enhance the user experience and give people a fresh look of the App. We have very limited time so it's important that we take things at fast pace. To making sure goal is achievable, We discussed about the efforts and cost then decided to improve the interface design and user experience under the original architecture.
The Approach

Find what users care most

We interviewed subjects to gathering feedbacks from them. We could see that people think the content on our app is hard to read, too many repeated information, interface of player is disturbing, subscription plan is confusing. By that, we are able to identify features that users needed the most. Making sure our priority list is achievable and meet the business goal at the same time.
Design Process
I drew flow chart which allows me to reassure the structure with the team. also to see how users might achieve their goals through the app. Then I developed wireframes and mockups to communicate with PM and engineers. making sure things are deliverable.
Flow chart
Wireframe
New home, new focus
When homepage was first introduced, it only shows the subscription plan with magazine being promoted. Letting user know Hiragana Times' value at first sight is a must-achieved goal. By emerging the original 2 tabs into one, the new design refocuses the experience and able to provide more values on home. Users could see the magazine being promoted, subscription plan and all the contents on new home. which gives them more reason to stay longer and explore.
Tidying up, wider view
Through research we found out when users browsing, they tend to search for more contents instead of closer details of each one. Although old version provides details of each book, users could not benefit from this design. Cutting off those extra informations enables us to show more contents. The new design giving users what they want: wider range of contents.
Fresh look, clear value
Subscription plan is a new point we wanna focus on. Old version just simply provides plans to user, which does not give user too much reason to pay. Design a new pricing page presents clear value is our solution. By creating a new page, we are able to explaining clearly what values could be brought on after purchasing.
Reforming reading experience
While reading you might wanna quickview to find the page you're interested in, or listening to the audio to help you know more about the content. but those features shouldn't be an interference while you're reading. Reading should allow users fully focus on the content. With the redesign of Hiragana Times, we’ve simplified the features by using a series of interaction design through gestures.
https://media.giphy.com/media/XxSKww1coOFY0GKkWP/giphy.gif
Swipe : Quickview
Pinch : Zoom in / Zoom out
Click : Audio Play

Mockups

Back to home