
End to End App
This is an app designed to teach fingerpicking guitar.
Andy Polon is an accomplished musician and guitar instructor who, unfortunately, suffered from a stroke ending his musical career. Prior to the stroke, he wrote a book on learning to play fingerpicking guitar which is currently available free on his website but is not optimized for small devices like the phone. He has detailed, step-by-step directions on fingerpicking technique and has audio musical examples to accompany the sheet music. He peppers the book with historical tidbits and personal anecdotes. He is interested in creating an app from the book.
Role
Research, Design, Testing
Research
Research
Competitive Analysis
The online resources for information about playing guitar are numerous, so analysis of what is available can be overwhelming. I compiled a list of many of the most common sources of guitar lessons and information, both websites and apps, and their general features. Some of the information was taken from reviews of the sites as many sites require a paid subscription. Ultimately, I looked at eight apps and websites in order to evaluate what information they displayed and how it was arranged.
Most of the sites I looked at are subscription-based and half had a way to record someone playing in order to get feedback. Most have some videos as well.

Interviews
In order to learn what people were looking for when learning guitar or similar instruments, I conducted five interviews, including both adults and teens. Gamification was mentioned as important to one of the teens. most found the greatest obstacle toward learning is finding all the information and having it easily accessible. The second greatest obstacle was finding the time to do it.

Card Sort
I created a card sort to evaluate where people expect certain features and information.

Persona
Based on the information gleaned from interviews, I created a persona to think about when creating the site.

POV/HWM Questions
POV
• I want to help players learn and practice new techniques with limited time because otherwise they lose motivation and sometimes give up playing entirely.
• I want to help players find the resources they need to learn new techniques because it can be difficult and time-consuming to search for information.
• I want to help players objectively assess their improvement because it helps provide motivation to practice.
HMW
• How might we develop time-efficient practice routines or exercises that effectively teach and reinforce new guitar techniques?
• How might we curate and organize easily accessible online resources for learning guitar techniques?
• How might we create a quantifiable assessment tool or framework that objectively measures a player’s progress in mastering guitar techniques?
• How might we develop tools that objectively measure and track players' progress to enhance their motivation?
• How might we streamline learning processes for players to efficiently pick up new techniques despite time constraints?
• How might we integrate learning opportunities into players' routines to sustain motivation and prevent discouragement?
• How might we create feedback mechanisms that highlight incremental improvements to encourage continuous practice?
Roadmapping
Site Map
I created a site map for the app based on the card sort.

User Flows
I created two user flows, one for practicing guitar and the other for texting within the app.

Branding
Mood Board
I created an initial mood board for color and style based on app designs I found online.

Logo
I created a logo based on the idea of fingers strumming a guitar. The name, when shown with it, completes the shape of the guitar.

Wireframes
Lo-Fi Wireframes
I created some lo-fi drawings with layout ideas for the sections.
Hi-Fi Wireframes
I created hi-fidelity frames. It was very difficult to get the written music to appear properly for a working prototype. I had to find a previously existing Figma file, break it down to its components and modify it extensively to create the notes and ledger lines to appear like the original.
Useability Testing
I performed moderated prototype testing with five people and created an affinity map for needed modifications.

Revisions
Modified the initial page to look more like clickable navigation
Added info about number of chapters & challenges to initial page
Added unread notification dots to chat icon and the relevent chat thread
Added unread division line in chat
Added a direct link from the Chapter main page to Challenges
Added a direct link from each chapter song to its challenge [not shown]
Added a confirmation modal after status sharing [not shown]
Prototype
Reflections
I found it challenging to convey information within the small confines of a phone display, particularly for following sheet music. If the app were to be created, the next step would be testing with people trying to play the music using the app. There are limitations to prototyping with Figma, and one of them is not being able to rotate the screen, but the app would likely be more effective if it automatically rotates to landscape when scrolling the sheet music, such as during challenges.



























