2020
User Research
UI+UX Design
Website
Lost & Found Media is a concept idea for recovering pictures & videos taken of buskers, people who perform in public for tips. Our team of 5 developed this idea in a 6 week deepdive broken down into three phases, research, ideate, and prototyping.
During the research phase we wanted to interview as many buskers as we could. Luckily for us Boston has a rich history of people performing in public places. We went into Boston reaching out to buskers in person as well as looking for people online who might be willing to be interviewed.
In two short weeks we talked to over ten different people in a long form interview and from these interviews we were able to create three different personas.
In addition to the personas we started exploring some of the needs that were expressed by our users during the interviews. We organized what people were saying into six opportunity areas for improving the lives of buskers.
Using these six opportunity areas we then went and brainstormed a bunch of ideas on index cards and then sorted them on a large piece of paper from pragmatic to fanciful.
We then took the most compelling ideas and fleshed them out into idea cards so that we could introduce them to our users. One idea that resonated with our users was born out of the issue of how audiences take videos of buskers all the time while performing, but those videos almost never make it back to them.
Our idea was a service that would help buskers find all the photos and videos that audiences have taken of them, and then use that to help them market themselves on social media.
The following was the initial idea card for Lost & Found media we showed our users.
Lost & Found Media addressed our buskers needs of wanting
From here on out, I did a solo exploration of what the service might look like. I scoped this exploration to focus on 2 specific parts:
To reiterate, Lost & Found Media is a service that crawls various social medias for you and finds your lost photos & videos that other people have uploaded. From there you can choose to interact with fans online, share your newfound media with your online audience, or collect it for portfolio purposes.
In the age of SaaS (Software as a Service), it’s important to lay out to potential users what the value of the service is for them.
In Lost & Found Media’s case our target user (buskers) have talked about:
First, an overview.
For Lost & Found Media’s homepage I’ve decided it to segment into 4 sections:
Now that we’re done with the overview, I want to break down some of my thought processes for each section.
The Hook
For the hook, I came up with “Not Tagged? No Problem.” which I thought that was an attention grabbing tagline that described the key issue that many buskers were facing. I include various social media icons in the description as a helpful visual for explaining where images comes from and to build familiarity by including brands users already trust.
The Details
In the details section I matched various user needs/aspirations with features in the app so they can start picturing how they might use this service.
Success Stories
Testimonies are important because people always want to know what others think especially when it comes to things that are intangible like software or online shopping. It’s important to showcase how your service can help users achieve success.
Pricing
For the pricing I wanted to really emphasize the fact that they could try the service for free. One of the biggest barriers to starting a new service is always the price, which is why so many services offer a free trial. It’s important to lower that initial barrier to get people through the door and using your service.
After the user has finished creating their account is logged in, the first thing that we want to deliver on is our promise to find their lost pictures & videos. While I don’t know how the system backend will work, sifting through a ton of social media pictures looking for matches is probably not a quick process. That’s why it’s important to manage expectations.
To do this I used the following tactics,
After results start flowing in, clicking on a image will allow the user to,
If they choose to share that post, it pops up another window where they can,
My next steps in further building out this app would be to start designing the “collections” page where the user can organize images & videos they’ve saved.
So the first screen that I did the UI design for was on the application side of Lost & Found Media. I knew that I wanted to start there because it was one of the more complex screens and would dictate more of the UI rules that get created.
When working on UI design it’s important to consider the character of the app. Because Lost & Found Media’s target audience are buskers I wanted it to be on the funner side, but at the same time since it is a professional tool I didn’t want to wander too far into the realm of silly.
To achieve a friendly look I decided to,
After designing the major UI components of the app, I wanted to decide on the color pallet. Again, the tone that I’m going for is fun but also professional, so my candidates for my base colors were all from the bright but slightly dusty range. Some colors I tried were turquoise, a dusty pink, and a pinky beige.
While the pink and the beige were more whimsical, I ultimately went with turquoise for it’s more professional looking tone.
So the homepage wasn’t going to be too difficult to design. I already had my wireframe laid out, all I had to do was expand some of the design language I set when I designed the previous screens. One addition that I did add was an accent color (neon green) that would pop off the page and help draw people’s eyes to important items like the “Try For Free” button.
The logo for Lost & Found Media is simple, but I thought it had some cool symbolism so I’m going to take some time to introduce it.