Project Type

Individual project of interaction design course


Fall 2017 (3 months)


UX/UI designer


Interview, Sketching, Persona, Wireframing, Storyboard, Prototyping, Usability testing



This was a unique project in which I was given full flexibility of employing any design method to solve any problem that I was passionate about. During my undergraduate years, I often work on some projects as a team. We usually used some social media apps to hold the online meeting, for example, Wechat. It was difficult for us to find some exact points after the meeting by using the social app.  I didn't pay much attention until I found several of my team members also suffered from this problem.  Thus, I decided to create a platform that would help people find meeting key points quickly.
The Empathize. Define. Ideate. Prototype. Test design thinking cycle helped me dig deeper into the real problems behind user frustrations and created LogKeeper. The plugins of LogKeeper can be embedded into chat tools (e.g., Facebook Messenger) to import chat logs. Also, users can always conveniently review and manage their meeting records in the form of the mind map on the website. It aims to assist people who use social media apps to hold the online meeting to quickly find key points after the meeting, allowing users to locate information conveniently in their massive chat logs. Aside from helping users manage meeting records more efficiently, LogKeeper is also designed to visualize people's ideas for better brainstorming.



I wanted to understand the problem from the users' perspectives as well as understanding the current solution space. Thus, I began with researching the root problem and gathering insights by searching current solutions and conducting user interviews. 

User research

From user interviews as well as research studies, I found that:

  • Most of the students are using  social media app to hold the online meeting

  • Many companies have their own meeting tools

  • Students are suffered from the low efficiency when they need to locate a key point in the chat logs

  • The low efficiency results from the fact that users need to look up all the chat logs with the keyword one by one

  • Most users tend to give up because of the inconvenience of locating information


Hence, I realized the real problem statement would be:


How might I help people to better utilize their online meeting records and foster great ideas from them



Moving on to the second stage of the design thinking process, I created personas to reflect the two main groups of users I targeted at.

Brainstorm & Storyboard

With design goals in mind, I decided to brainstorm some creative solutions. I tried to think big, outside the realm of solely an app, and explore different solutions from different angles. I finally came up with 8 different solutions:

I then went further and storyboard-ed each of the solutions to envision how a user would interact with them. 

After serious comparison between the storyboards, I found the user's needs were best met with the solution 1 and solution 3. Thus, I combined those two solutions to create my final solution. 

Prototyping with different fidelity


Before crafting the high-fidelity prototype, I used paper prototype to test ideas with users

Components of my paper prototype:

  • Login page

  • Recently visited section

  • All files

  • Viewing file in graphic mode

  • Viewing file in text mode

  • Export page

Test with users

I was able to test my paper prototype with users and peer focus group to understand what on the interface or interaction could be improved and interated later.

What I learned from testing:

  • Users will only in rare cases when they have to discuss with others directly within the platform

  • Users didn't want to select the reading mode before entering the document.

  • The screen space is limited, it would be good to hide the corresponding small text box

  • Users didn't know how to highlight points due to a lack of prompts

  • Users didn't realize that the ‘Export contents’ function was included in the ‘File’ directory

  • It was not convenient for users to review meeting records on the phone



Logkeeper that helps you better manage meeting records

After testing with paper prototypes and final interaction changes has been made, I started to do the final design using Sketch and Photoshop. Once the interfaces are ready, I put them into InVision and added the interactions. 

See clickable prototypes here

A place for meeting records

Clear display of all meeting files which allow users to find the record they want efficiently. Users can also organize their files and folders. 

Simplify the complex

The form of mindmap enables users to better synthesize the big ideas. It also helps users to review and follow up their ideas later more easily. Users can highlight notes which they think are important for later review. 

Share files

Users can export the mindmap of their meeting records for getting feedback from others or the convenience of later reviewing on other devices. 



The impact of LogKeeper aims to make the process of checking meeting records to become more efficient and enjoyable. LogKeeper can visualize information to helps people do their jobs and projects better, foster good habits of organizing documents, save a lot of time, and have inspiration.


Even though this may be a very small issue in life, I believe that solving this problem tactfully can improve people's work efficiency and to help them develop good habits of thinking and document management. They will no longer waste any valuable resources. I believe life could be better and better if we can focus more on subtle improvement like this.

© 2018-2019 Chelsea Guo