View
More

HannsNote2

Discover Everything You Need · About Smart Reading, Writing, Working

Live Preview

About the Project

HannsNote2, our advanced digital notebook, enhances the writing experience with paper display technology and eco-friendly design, winning the 2024 German iF Design Award. I led the project from concept to launch, overseeing competitive analysis, user research, UI design, prototyping, and testing. Collaborating with product managers, engineers, and designers, we ensured a successful market entry. Partnering with Chunghwa Telecom, we targeted 10,000 unit sales in Taiwan, with plans to expand to Europe and Japan.

Date:

February 2023

Client:

HannStar Display Corp.

Services:

Product Design

Team Members:

Project Manager, Development Team, UI/UX Designer

My Role

Position: Product Designer

Responsibilities:

  • Project Leadership: Led the project from concept to launch.
  • Competitive Analysis: Conducted market research to identify competitors and benchmark features.
  • User Research: Gathered insights through surveys and interviews to understand user needs and pain points.
  • UI Design: Created wireframes and high-fidelity prototypes using Figma, focusing on intuitive and user-friendly interfaces.
  • Prototyping and Testing: Developed functional prototypes and conducted usability testing to refine the product.
  • Collaboration: Worked closely with product managers, engineers, and the design team to ensure cohesive development and address technical challenges.
  • Market Strategy: Partnered with Chunghwa Telecom, targeting 10,000 unit sales in Taiwan with plans to expand into European and Japanese markets.

Design Timeline

User Interview

Based on the feedback from HannsNote1 users, we have re-drawn our direction. In this version, we hope to pay more attention to the note-taking function and device interaction function. Therefore, in this interview, we interviewed users of electronic notebooks and users of traditional notebooks respectively. We hope to understand through their answers what habits people have when using notes, and what they hope HannsNote2 can provide Give them something that will make them more comfortable to use and meet the needs of note users.

Persona

Through interviews, we have listed 3 personas. They are Katty, a 30-year-old marketing specialist. Sandy, a 35-year-old florist who is married and has a child. and Naoto, a 42-year-old office worker who is married and has children. Through these three personas, we listed their pain points and needs. Work out the features our users currently need most and prioritize them.

Our Function

Therefore, in this version of hannsnote2, we have added the function of classifying notes to facilitate users to quickly find notes. There is also a very special tag function that allows users to freely customize their own tags. In addition, there is a calendar function that allows users to complete their to-do items on one device.
In addition, we noticed that many users of traditional notebooks use the clipboard function, so we also added it to this version so that users can freely import the pictures they want from the database.
Finally, in the future, we hope that through cooperation with different bookstores, our users can take notes and read directly on e-books.

Prototype and Testing

We use Lo-fi prototype to conduct user usability testing, which can effectively reduce design costs. And different interface tasks are set up for users, so that UI design can be produced more efficiently.
We tested a total of 5 times, with 4 people testing each time. There are 7 kinds of tests in total, which respectively test the home page operation, note operation, folder, calendar, label function, note taking on Book and the use of material library.
Through these tests, we continued to optimize our user interface. From the beginning, it took users an average of 6-10 minutes to complete the entire test, and in the end it only took 1 minute to complete the entire test.

Before and After

Homepage: The addition of notes in the top left corner is not prominent enough. After discussion, it's clear that the addition of notes isn't sufficiently noticeable; it should be visible at first glance.
Icon: The tag icon is not understandable. The sidebar menu on the note page should be consistent with the homepage menu and display icon names.
Notifications: Placing it at the bottom makes it easy for testers to overlook; thus, it should be moved upwards.

During the testing process, apart from recording each test session, we also conduct post-test interviews with the participants. When organizing the areas that need modification, if engineering input is required, we discuss it with the engineers while considering feasibility. Additionally, if there is a singular blocking issue, we rely on subsequent user testing to assess whether corrections are needed.