UX/UI design - 2018
The idea

My final design project of UX / UI in Ironhack Barcelona was inspirated in a coffee break, talking with two coworkers (Montse & Betty) about what we would do during the weekend. They explained me that they didn't knew any application that offered a varied leisure offer close in their towns, almost all the offer is in the capitals. They also explained that they found information about activities that had been organized in the nearness, but that they knew about these activities too late, when these were finished.

These activities could be exhibitions, outdoor activities, fairs, etc., and they were not announced because they were not commerce business.

How can i design a solution for this?

The problem

The problem is that I did not have access to the information of those activities because many were not advertise beyond a board in the council house. I was also thinking about the Meetup events I attended and how much I have enriched myself with them (how do I get the information about these events?).

So, I thought I could create a platform where you could organize a plan and look for free time activities (supply and demand).

This platform would allow the flow of advertising / information of free time activities, in which the user could be aware of the nearby activities that suit their preferences at the best. All close to there location or other locations the user would visit in future. 

 
For whom
  • For the user that is looking for free time activities, even temporary and not easily advertised or the most commercial offer. And being able to choose according to the user preferences.

  • For the event organizers who wants their leisure activities to be better known.

 
UX processes
1: Research

The first thing I learned at Ironhack is to use the "Design thinking" methodology.

This methodology focuses on developing innovative thinking and works especially for the people who will use it.

 

I had a total of 83 surveys results in which:

48% of respondents reported that they did not always find activities according to their preferences and close activities.

 

I had 6 interviews in which:

The most recurrent words are "closeness" 50%, "variety" 33%, “without advertising” 50% and “prices" 16%.

All the people interviewed agreed that the weather was very important to choose an activity (indoor vs outdoor).
 

I filled a Lean UX canvas to identify the current business problems, goals, hypotheses and potential solutions. 

Highlights of this UX lean canvas:

  • Business outcomes: Interest in local activities has increased. This has caused a benefit to the local business and cultural activities to be more relevant.

  • Hypothesis: We believe that if we want to increase the local leisure activities booking, we can achieve it if the users have more information about the cultural activities nearby. With an application that helps the search of information and offers integrated booking and payment. 

  • What's the most important thing we need to learn first? (This is the assumption that will cause the entire idea to fall if it's wrong)The DB is not updated because we don't motivate the organizers to publish in our app. Our app hasn't a good usability or is not attractive. The app doesn't facilitate booking and purchasing. Users don't use the app because they don't find any offer they like.

And I needed to empathize with the users and walk with their shoes. To understand what they think, I made this empathy map.

The conclusions were...

  • Think and feel: they would like more variety to be able to choose. Also, it would be great to be aware of the activities near their homes.

  • Hear: "It is boring to do always the same activities".

  • See: their friends have the same problem. The best offer is in the capitals. There are people who organize cool activities nearby, but they find out later.

  • Say and do: they will be able to organize themselves if they know in advance any activity that really motivates them.

  • Pain: Bored at home when they could be doing funny things.

  • Gain: to choose easily in a varied leisure activity offer. Be informed of the activities that are being organized near their homes.

2: Devise

For Person's research, I discovered that I had two good potential profiles, but finally I decided for David because I prioritized the search of nearby leisure activities.

3: Wireframes mid fi

Doing an early user test with this mid fidelity prototype allowed me to polish my application. With all the comments, I began to detect new pain points and many things to improve.

UI processes

For the structure of the information, I searched several applications and studied its structure, apps as atrápalo, tripadvisor, Pinterest or Deliveroo.

The skeleton of the app would be structured in two categories: indoor & outdoor. Based on the information collected in the investigation and interviews.

1: Moodboard

I search beautiful colors in photos of people having fun in outdoor and indoor activities.

Typography: Montserrat: nice and good readability. Montserrat alternates (title).

Colors: white background, black typography, strong and cheerful color details (buttons, headlines): turquoise and fuchsia. The inspiration of the colors came in the "Holi" festival, which stand for the idea behind the application.

2: Trial and error... Again and again.
Discoveries and pivots along the way

Steps backwards: As for UI, typography and colors took many tests and research to reach the best option. As for the structure of the sub-categories, make many tests with different menus and options up to find the most appropriate structure.

Fail soon: Card sorting: In the main flow (search and reserve an activity) the app had too many steps to complete the task and  it needed a more agile flow.

Conclusions and learnings

The part that was most easy for me was the UX process. The research and the conclusions I reached made it easier for me a solid basis to start designing the application.

 

Insightful failure: In the case of the user interface, it was difficult for me to renounce my first selection typographies. Testing with users leads me to the conclusion that these typographies were not appropriate for the target audience.

 

If I would start again, I would make the UI decisions from the user's point of view instead of my own preferences. I became aware that I was not the user and that I should continue with the flow that testing gave me.

As in the UX I was sure that the whole UI process had to be focused on the user. I have more strengths in UX and I still have a long way to learn in UI.

Prototype

Resources

  • User persona

- Photo by Matthew Hamilton

- Photo by Brooke Cagle

  • Video prototype

- Music by Scott Holmes

  • In app

- Selected free time activity: Ayudar jugando is a real organization that raises funds that will be used for charitable and social purposes, bringing smiles to the faces of childhood year after year.

- Icons: Kitty avatars by Freepik, Mortgage by my namepong