A Quick Note Taking App

Tapture is a mobile application that aims to become the quickest way to capture ideas, thoughts and memos using voice dictation with simple, intuitive interactions.

My role

I was the UX, UI, and Visual designer for this project. I created personas, user stories, workflow, UI sketches, paper prototype, wireframes, and UI design. This was a collaboration project with Kosuke Shiraishi, Jackie Chui, and Zhenxi Mi.

The challenge

There are hundreds of existing note taking apps on the market today, however most people still prefer taking notes with pen and paper. Why? Because it’s the quickest and easiest method! However, pen and paper is not always there when you’re on the go. Your mobile phone is. How can we create a note taking app that’s super easy to use?

The solution

We explored various interaction approaches to come up with a quick note taking app using voice input and simple interactions.

Investigation

In the investigation phase, we did several user interviews with friends and families to understand how they take notes and what problems they experienced when using similar applications. In addition, we did competitive analysis to understand user problems with existing products.

Ideation

Based on our research findings, we carried out a series of brainstorming sessions. Tapture was aimed to be built around two core goals: quick and simple. To help us identify the most important user tasks they want to accomplish, I drew quick ad-hoc personas, user stories, and explored various interaction models with the team. Some approaches we explored include various input methods, input clutches, and note browsing.

We explored a few different ways for voice input, such as hold to record, press to record, and voice command to record. We also utilized simple gestures to reinforce easy one-hand manipulations such as sliding left to delete, and sliding right to search.

Prototypes and Evaluation

To quickly test our assumptions, we did 2 rounds of guerilla testing using paper prototype. I then created wireframes and illustrated the interactions in the simplest form. Then I proceeded to create UI layout using Sketch. Our prototyper then created a high-fidelity prototype using Form. Our engineer also created technical prototype as a proof of concept using Dragon Dictation API, Evernote API, and Xcode.

Outcome

With 3 weeks of hard work, we pitched our idea in front of a panel of judges and investors. Out of 32 teams that presented, we moved forward with 5 other teams into the second and final round of pitches. At the end, although we did not take 1st place, it was a very good experience exploring different types of interactions.