APP REDESIGN
OTTER . AI
PROJECT OVERVIEW
project overview
Otter.ai has been the preferred educational app for students. However, constrained functionality and the limited size mobile screen has lowered the usability. Therefore, in response to this significant demand, this project aims to redesign the function and layout of Otter.ai to enhance user usability and make it more effective.
PRIMARY ROLE
- User Research
- UX/ UI Design
- Interaction
- Prototyping
tool
- Figma
- Photoshop
- Illustrator
- Miro
CURRENT PROBLEMS
- The section division is not clear for the users
- Too many unnecessary keywords
- time-consuming to find editing menu
- Lack of categorising causes inconvenience
- Limited services on a menu function
- lack of Customizing and grouping functions
- Time-consuming to find the menu
- Most of the users felt it hard to find the menu
- Limited function on editing note
MAIN FEATURES
groups according to the user’s
preferences and daily schedule.
categories to allocate notes
regarding different themes.
note to enhance usability and fulfil
the user's satisfaction.
HOW MIGHT WE ENHANCE OTTER.AI USABILITY?
process
01
DISCOVER
Competitive Analysis, pros & cons
To understand similar products on the note dictation apps, I have compared with the
diverse application. In addition, according to the reviews from existing users, I did
competitive studies and analyzed their strengths, weaknesses, and features.
diverse application. In addition, according to the reviews from existing users, I did
competitive studies and analyzed their strengths, weaknesses, and features.
user interview
Analyzed problems and needs about Otter.ai through interview with existing user and
based on the interview, created 2 main personas. Then, I set the following point of view :
based on the interview, created 2 main personas. Then, I set the following point of view :
02
Define
personas
The main target is student in 20s and 30s, and those who are currently study in
college. The representative person of international students were set as personas.
college. The representative person of international students were set as personas.
card sorting
After researching, I synthesized information by doing affinity mapping and card
sorting. The research focused on why users use this app, diversification of services,
what needs to be improved, and what needs to be maintained. I found common pain
points and decided to focus on top3 to scope into redesigning.
sorting. The research focused on why users use this app, diversification of services,
what needs to be improved, and what needs to be maintained. I found common pain
points and decided to focus on top3 to scope into redesigning.
user journey map
Journey Map are created according to 2 personas into diverse
stages and analyze frustration level and opportunity
stages and analyze frustration level and opportunity
03
develop
information architecture & WIRE FRAME
information
architecture & WIRE FRAME
architecture & WIRE FRAME
After researching, I synthesized information by doing affinity mapping and card sorting. The research
focused on why users use this app, diversification of services, what needs to be improved, and what needs
to be maintained. I found common pain points and decided to focus on top3 to scope into redesigning.
focused on why users use this app, diversification of services, what needs to be improved, and what needs
to be maintained. I found common pain points and decided to focus on top3 to scope into redesigning.
UI & PROTOTYPE
I conducted moderated in-person and remote usability tests. The goal was to test
the general usability of the feature and spot any possible user pain points or dead-ends
across the prototype.In addition, create a style guide system for the UI.
the general usability of the feature and spot any possible user pain points or dead-ends
across the prototype.In addition, create a style guide system for the UI.
04
deliver
categorising
Existing users can enter through automatic login or integration
with other social networks during the onboarding process. The main page was redesigned to support user customizing services to organize and create groups for the dictation notes. Also, users can easily access their daily schedule to prevent them from miss out on the recording.
multi screen
During the research, I found out a large portion of users are using iPad when they use otter.ai. Therefore, multi-screen function utilising the iPad, users can take notes, draw pictures, and enable Otter.ai to increase user useability and functionality.
text settings
Users can customise the text according to the user’s needs, include text format, font style, size, colour and so on, which also enhance the readability of the note.
highlights
Highlight function is added to the menu to be more accessible; with customising colour function, user’s can highlight in any colour according to their favour.
BOokmark & lables
Users can choose the part of the notes to make bookmark and label into group or create new group, which can easily return to where the reading part is.
divider
When the paragraph is too long, users can add the division line into the section to clarify the transcript.
add photo
Users can add the photo to the note to corresponding to the context, and an image can be taken from the album or take pictures as they need.
search
Users can search the keyword from the note, which will enable users to find specific part from the note, saving
time and enhance efficiency.
time and enhance efficiency.
what i learned
What I learned while working on this project is the importance of usability testing.
I researched many user experiences and found that people’s thoughts differ.
Understand the value of User-Centered Design is done through iteration work with usability testing.
I researched many user experiences and found that people’s thoughts differ.
Understand the value of User-Centered Design is done through iteration work with usability testing.
