Project

Writers Session

Setting out to redesign an existing mobile application, I was motivated to find opportunities where I could utilize my musical background to help solve problems for musicians and learn more about human behavior as it relates to music creation. Upon discovering the app, Writers Session, I found that the design had great potential but could use some help in terms of content priority, usability, look, and feel. Writers Session is a songwriting app that provides songwriters with a central place to document original lyrics and melodies. Starting as a student project that called for three redesigned user flows, I decided to dive deeper and continue to develop and iterate my solutions after the conclusion of the course.

Role

  • User experience
  • UI design
  • Prototyping
  • Sound design

Date

Jan 2020

Tools

  • Sketch
  • Photoshop
  • After Effects
  • ProtoPie
  • Logic Pro
Phone mockup with final songs homepage on gradient background

Writers Session

Your songwriting companion

Phone mockup showcasing a created song page

Fuel your creativity and capture all your song ideas in one single place

Micro-interaction on landing page
Create pattern micro-interaction
Sort pattern micro-interaction
Chord selection pattern micro-interaction
Share pattern micro-interaction

Original App

In the original Writers Session app (version 1.8.3), users can capture quick notes and audio recordings or work on songs in sessions. Each session contains an audio recorder, a lyric sheet, a scratchpad, text editing options, and lyric writing tools such as rhymes, thesaurus, phrases, and a dictionary. All tools are accessible in one scrollable menu. Chords and section titles can be pasted into the lyric sheet. While the app offers an audio recorder and a metronome, it primarily caters to lyric writing.

Prepare

Research

In the discovery phase, I utilized a variety of UX research methods to learn more about the target audience and get a better understanding of the problem. A heuristic analysis gave me an overview of the app’s current state and quickly revealed usability issues to address. I evaluated three competitor apps to learn about their strengths and weaknesses and gathered initial user insights by reading customer reviews on the current app and competitor apps.

To better understand the behaviors and needs of songwriters, I conducted user interviews with three songwriters in a variety of demographics. Each interview included an informal user testing session on the original app, which helped me benchmark Writers Session’s existing user experience.

Research methods
Magnifying glass

Focus

When and where songwriters write.

How songwriters document their ideas and interact with their phone in the process.

Expectations and motivations of a songwriting app.

Usability of the current app version.

Lightbulb

Insights

The initial idea

May be a catchy title/word or a melodic/lyrical hook.

Songwriting =

A balance between emotional connection, structure, discipline, and inspiration.

Individuality
  • Lyric/melody writer or both
  • Experience level
  • Writes using capo or not
  • Solo/co-writer or both
Unpredictable process

Ideas come from unexpected sources, at any time of day/night. It's important for writers to:

  • Quickly document ideas in the moment before they disappear.
  • Keep an open mind - initially accept all kinds of ideas and judge later.
Frustrations
  • Difficult to keep ideas organized as they get scattered across different mediums. It's overwhelming to sort through messy handwritten notes and long lists of randomly mixed voice memos.
  • Ideas get lost when it's not clear which idea is meant for which song.
  • Large files take up space and are time consuming to share.
  • Not being able to access files when needed.
Sources of inspiration
  • Spending time in head, while silently gazing at something (e.g. nature, people)
  • Playing around on a guitar or piano
  • Humming/spontaneous singing
  • Listening to beats or chord progressions
  • Headlines, words, expressions, phrases
  • Recording software (e.g. Logic)
Co-writing

Co-writers share files back and forth (e.g. using Messenger or email).

Common ways to capture ideas
  • Apple's Notes app
  • Portable recorder
  • Apple's Voice Memos app
  • Pen and paper
  • Text processing software
  • Recording software (e.g. Logic)
Motivations
  • Keep all song ideas organized in one place.
  • Access songs to work on them anywhere.
  • Find inspiration through melody and lyric tools.
  • Write without being dependent on access to an instrument.
  • Easily share or export song details.
Expectations
  • App operations need to be quick and efficient to not impeed the writing process.
  • Users need reassurance that their songs and ideas are kept safe and private.
  • The visual experience and ease of use affect the creative process.
Empathy map - persona 1
Empathy map - persona 2
Empathy map - persona 3

Empathy Maps

After synthesizing the findings from the interviews and testing sessions, I created three empathy maps to encourage empathy throughout the developmental phase. This process helped me identify trends in songwriting, better understand the individual needs of different types of writers, and find key pain points with the current product.

Synthesized user pain points

Project Goals

Nurture Creativity and Add Delight

  • Design a fresh new look and feel that excites and inspires
  • Implement fun micro-interactions and animations for clarity and a more interactive experience

Add Value

  • Increase opportunities to customize settings and personalize content
  • Implement melody-writing tools and systems to efficiently document the musical details of songs
  • Design systems for long-term use (flexible search, customization)

Increase Efficiency

  • Simplify functionalities and flows, while adding more flexibility to accommodate writer individuality and stage-specific needs
  • Provide easy access and clear paths to the most valuable content
  • Increase scannability and help users feel in control

Aid Collaboration

  • Create tools to enhance, encourage, and support collaboration

Improve Song Security

  • Establish trust by helping users protect their songs and by providing transparent feedback/help material

Explore

Exploration sketches

Content Strategy & Architecture

I began conceptualizing solutions by making many quick sketches and brainstorming workflows. Mapping out all original pages and features in a flowchart gave me an overview of the current content and structure, which I critically evaluated against user needs and goals. I then explored ideas for the new information architecture by restructuring the label, organization, and navigation systems.

Persona 1 storyboard Persona 2 storyboard

Visualizing Stories

Through storyboarding, I could better visualize the user stories and attempt to predict users’ experience with the new system. The process helped me further understand when/where/how songwriters might interact with the product over time and their immediate needs in those moments.

Wireframes and user flows

Wireframes & Flows

With a plan in place for all key pages, I prioritized eleven user flows based on importance and time constraints. Using Sketch, I then refined concepts for the first nine flows through wireframes.

Targeted Flows

  • Logging in with a passcode
  • Adding a song
  • Finding the notes in a melody
  • Recording with a metronome
  • Listening to a looped track while writing lyrics
  • Adding and editing lyrics
  • Sharing a song session with collaborators
  • Adding song sections
  • Writing lyrics and notes simultaneously
  • Adding chords above lyrics
  • Listening to chords/progressions
First prototype

Prototype V1

With time allocated for a rapid prototype and one round of testing, I set out to implement the app’s visual design before finalizing a clickable prototype with InVision. Keeping in mind my interview participants prefer a dark background, I prioritized the design of a dark theme for the first iteration.

Balancing simplicity for quick construction with realism for an authentic feel was challenging for this project. Without advanced animations and sounds, I struggled to see how the prototype could adequately simulate the true experience of complex interactions such as the rotating menu and split-screen. The long flows presented another challenge. Since I couldn’t build screens for all possible responses, I was concerned that participants might encounter pages that didn’t align with their situation.

To address this, I explored workarounds, including providing behavior hints with basic transitions, splitting the flows into two sections, and experimenting with two versions: one allowing more freedom in user clicks and one with limited clickability to prevent content inaccuracies.

Evaluate

participant 1 illustrated
participant 2 illustrated
participant 3 illustrated

User Testing

I tested the prototype with three songwriters, each of whom were given scenarios and five tasks. Upon synthesizing the responses and observations, I organized the insights with severity levels and listed recommendations for each problem identified.

Iterating

Guided by the user insights, I continued to improve my solutions. I went back to the drawing board to rework some of the systems, implement my recommendations, refine design assets, and add the two final melody-related flows for a more valuable experience.

A/B Testing

I sought feedback and conducted a few A/B tests with users along the way to validate decisions between iterations. For example, I was curious to learn how the darkness of the dark theme background influenced the experience in terms of readability and enjoyability.

Implement

Styleguide

Prototype

Samples of new design in mockups New light and dark theme design

Main Pages

Targeted problems
Main pages final design

Song Workspace

Targeted problems
New song workspace design

Collaboration

Targeted problems
New collaboration feature

Audio Recorder

Targeted problems
New recording tools

Lyric Writing

Targeted problems
Redesigned lyric writing tools

Writing Support

Targeted problems
New melody writing tools More melody writing tools