UX/UI Case Study: Lockup (en)

This project was chosen to be presented at the Hackshow.

You can find the Spanish version of this case study here.

I can barely believe this, but…

This is the 6th and last project for the UX/UI Design bootcamp at Ironhack! The second individual.

Briefing

Like the project before, I had 2 weeks to complete this assignment. The difference here is that I had no briefing: each of us had to find a problem, no specific topic given.

After evaluating several problems that I didn’t really feel comfortable with, finally, I found the one: the difficulty drone amateurs find when preparing a flight, from permits they need to optimal weather conditions.

However, the problem kept evolving along the research process to the following:

The difficulty of finding good locations for drone pilots.

Let’s see how I came up with a solution for this problem on the research I did below.

Prototype

From this necessity, appears Lockup, a platform where users can share their locations and get access to the ones shared by others, creating a community of drone fans with similar taste.

This app works with a gamification system, meaning: in order to access to a new location, users need keys. One can earn these keys by creating new content, completing challenges or buying them.

Also, the app notifies the user of possible restrictions that might be on each area depending on the drone features.

Research

First, I launched a survey to validate the problem I wanted to focus on and started to interview users to go deeper on the topic. By doing so, I discovered:

  • 60% of drone amateurs use drones for photo and video purposes.
  • However, 80% find locations after spending a long time in searching them, using a trial/error method.

In other words, most of the users spend their efforts in searching locations rather that flying their drones.

  • Besides, 75% of the users are afraid of getting fined because they don’t know about the area restrictions.

While waiting for the results of the survey, I did the Lean UX Canvas and a Competitive Analysis, still focusing on the initial stage of the problem:

Lean UX Canvas.
Lean UX Canvas.

After analyzing the results of the survey and, specially, the interviews, I started to understand the bigger issue. What drone pilots with a taste for photo and video needed was not a solution to my first problem statement (important as well), but maybe something more specific. Thanks to the Affinity Diagram and the later brainstorming, I was able to find the real issue:

Affinity diagram.
Brainstorming.
Affinity Diagram and Brainstorming.

After gathering this information, I could create my user persona and his frustrations:

  • Hard time getting to know where he can fly his drone and what permits he needs.
  • The need of a bigger knowledge in order to understand specialized apps and websites.
  • Ignoring how to get to good locations that are interesting from a visual point of view.
User persona.
User persona.
User journey.
User Scenario.
User journey and scenario.

User stories:

✨As a drone fan I want to be able to sync my dron with the app so I don’t need to know every little detail about it and still, knowing if it is fit to legally fly.

✨As a drone user I want to have access to a collaborative network because I want to find good locations backed by other users.

✨As a drone user I want to easily know the restrictions there are so I can avoid getting fined.

✨As a drone user I want a tool that informs me of the restrictions and weather forecast for a particular location so I can fly my drone under the best conditions.

Then, I did the sitemap and user flow based on the above. However, the sitemap shown changed after testing the different prototypes.

Sitemap.
User flow.
Initial sitemap and user flow.

After all this research, I started to design the Low and Mid-fidelity versions of the prototype, which I iterated and tested.

Screenshot of the Mid-fi prototype in Sketch.
Screenshot of the Mid-fi prototype in Sketch.
Users testing the Mid-fi prototype.

After this, I started the visual part of the project, the UI design. First thing I did was defining the brand attributes I wanted for my app and then, I put together a moodboard showing these attributes.

Brand attributes and moodboard.
Brand attributes and moodboard.

The next step was to define such aspects as colors, fonts, spacing, etc. All this and more is shown in the Style guide:

Style guide.

After iterating and iterating again, I finally came up with the Hi-fi prototype design shown below:

Prototype mockup.
High-fidelity prototype.
High-fidelity prototype.

Summary

🚀 With this solution I contribute with an easier way to find new locations, backed by a community of users with similar interests.

🚀 I also save time searching this locations so I can spend it in what really matters instead.

🚀 Last, I want to let users know the restrictions that there are in a particular area for their drones, avoiding potential fines.

Next steps

In the future, I would like to add:

  1. User ranking based on the rating of their uploaded locations and rewards. This way, users would be encouraged to create quality content.
  2. Also, an updated map in real time showing restrictions and recommended permits and the possibility of requesting these directly from the app.

What I’ve learnt

This has been muy last project as a student at Ironhack and I can say it has been both tough and stimulating.

I’ve learnt many thing along this 9 weeks: new tools for a good research, design and prototyping software, new methodologies… Specially, I’ve learnt to learn, to find new and interesting goals, to collaborate with people completely different to me and that I am not my user persona.

I’ve also learnt to seek for help in moments of creative block: usually, we are so immerse deep in our projects that can’t see the silliest mistakes or the simplest solutions. In these cases, it is best to listen to other opinions and evaluate different points of view.

⚡️ Thank you very much for your interest!

Ciao!

Pizza lover and UX/UI Designer | www.andreaabreu.com