Project Type

Solo project

My Role

Concept development, UX/UI design, Interaction design, Motion Design

Duration

5 weeks

Tools

Adobe Illustrator, XD, After Effects, Figma

Prompt

Find a convenient way to record and transcript the audio they heard whenever the users want.

Problem

International students often cannot catch or understand words and phrases during real-time conversations spoken in English. They are willing to memorize and learn but there is currently no convenient way to take notes about what they have heard.

man-wearing-black-adidas-jacket-sitting-on-chair-near-1708988

Solution

A recording and transcription app that allows international students to record and mark words and phrases during real-time English conversations. The audio can be transcribed into text that international students can read through, highlight, and search.

white-cassette-tape-1261578
Ellipse-5

Meet

David Lin

International Student

"Sometimes I can't catch or understand what other English speakers said, especially certain words or idioms. I would really like to learn what these phrases mean."

Record & Mark

Press the record button to start recording a conversation. When you hear something you want to make a note of, tap the icon to make a mark. AudioNote will save the previous and next 60s of the recording. The inner blue ring represents the number of marks that have been made.

menu_3

Save & Transcribe

Users can transcribe the audio they saved by spinning the icon.

menu_4

Highlight & Search

Users can highlight multiple phrases, words, or idioms and quickly search for their meaning.

menu_5

Search Result

After finding the meanings and definitions, users can save the words and phrases into their library so that they can go back and review at anytime.

menu_7

Record and Mark

Users have the option of using a smartwatch to create marks in the recording and view them in the corresponding AudioNote.

wach-mock_8

Research

Friction Points

Existing Recording Devices

Most people use mobile apps or bulky digital voice recorders. Users are often unable to record on time because these solutions do not provide quick access to start recording.

Inconvenience

Once users have made a recording, it's difficult to go back and find key words or phrases within the audio recording.

Mobile User Flow - International Student

Audionote-mobile-flow-1

Mobile Iterations

AudioNote took on many looks and feels, but one consistent goal was always to be simple and intuitive.

Frame-1

Watch Flow

Audio-note-watch-flow

Full-Screen Design

Slide-4-1-1
Watch-38mm-–-3

AudioNote provides a convenient way to record and transcript the audio they heard whenever the users want.

I hope you enjoy your time while stopping by! If you're interested in working together or would just like to say hi, get in touch!

Email: chystudio.tw@gmail.com