The Cultural Me: An app to help people to learn Arts & Culture · UX Case Study
❗ This is the final client project of the User Experience Design Immersive course I attended at General Assembly London.
Team: Brandon Pfeiffer, Nina Lukin, Andrew Cooper and Alicia Andrés.
Methodology: Lean UX
Project duration: 3 week sprint
Overview
Have you ever wished that you had the ability to talk with confidence about the last art exhibition you visited? Have you ever been stuck for words when someone raises the subject of Shakespeare or Renaissance Art?
Culture is all around us. Being able to understand it helps to understand ourselves, empathise with others and apprehend the world we live in.
The Cultural Me is a startup with one clear mission: help people to learn about the arts and culture as they would learn a new language. The app offers daily bite-sized articles and information on cultural events, all specially selected for each user.
The challenge
The main client’s need specified in the brief is to design the user interface and process flow that would permit the user to select their preferences in the arts and culture.
The user would then receive tailored content thanks to their AI-assisted learning algorithm.
The content consists of custom written micro-articles on their selected interests as well as events in their city.
The Cultural Me app also offers the possibility of rating the items and creating custom lists, which also helps the learning algorithm to select the content to show. It has been around for over a year now and is in its beta phase.
Competitive analysis
The competitors observed were chosen and evaluated on a number of varying features and categories, such as how is the content presented, category selection, content rating system or learning features.
The selection of competitors was based on the current market from various points of interest relating to direct competitors as well as secondary.
Researching how competitors are creating experiences for users helped us to form an initial idea of the app structure and layout to apply to the current beta version whilst also solving the needs from the brief. Interestingly, none of these apps facilitates learning — they are just content delivery systems. And this is where The Cultural Me can really stand out.
When looked at through the lens of a User Experience designer, certain patterns and features emerged that would later inform the choices of the design of the app.
User research
The Cultural Me already had conducted research, which we studied carefully. We also conducted 13 interviews, taking into account users demographic levels in order to determine if they matched or were close to the motivations, experiences and demographics provided by the persona received from our client.
The interviews covered a range of topics, behaviours, preferences and experiences related to learning habits and culture knowledge. This allowed for a number of insights to confirm previous research completed:
- Short bite-sized text is preferred
- Free time and commuting is the preferred time to learn
- Subscription payments are common
The research also provided further insights from a User perspective:
- People do not want to feel like they are in a lecture while studying
- People usually know areas they are interested in
- They also want to explore related content and be surprised
- Users have different preferences in the way they want to absorb the information
Persona
The analysis and synthesis through affinity mapping of what was learned in the interviews, lead us to create the persona of Emma. She highlighted various goals that would need to be addressed through the process of ideation and the future development of concepts.
Emma studied marketing and is working in a hectic environment, constantly meeting new people having to impress them. Business lunches and small talk with business partners are her everyday life. Curious about her environment, Emma always wants to learn more about things she comes across.
User journey
Emma has a new client as a PR: a relevant architecture studio that she wants to engage with. She finds out about a new app to learn about architecture easily and gives it a try. After a week is able to show her knowledge of interesting facts.
Definition of the problem
From the research we devised a problem statement to allow us to frame the problem in a way that could be solved:
Curious people need a way to learn about their interest areas in the arts and culture because they want to increase their knowledge.
How might we facilitate arts and culture learning for people who want to educate themselves but do not want it to feel like studying?
We believe that by creating a learning platform, our users will be able to increase their knowledge of the arts and culture. We will know this to be true when we have regular users learning about the arts and culture and recommending the platform.
Design studio
We conducted a design studio session with The Cultural Me, where we shared the insights from our research and discussed next steps.
We ran a Crazy 8’s exercise to unleash our creativity focusing on selecting preferences and the learning feature to help the user memorise what they are reading.
We decided it would be nicer if the selection for categories is visual, as is quicker and more fun. We would also keep the learning feature as a light touch because this is an MVP (Minimum Viable Product).
App map
We specified the sections of the app:
- Home: Three daily articles are shown, selected based on the preferences the user has chosen.
- Explore: The category list where the user can keep tailoring his preferences.
- Learning lists: Created by the users based on what they want to learn.
- Settings: Details about the user’s profile, location, billing and contact details.
User flow
In order to start creating the wireframes, we concretise the user flow our persona, Emma, would follow the first time she used the app.
Lo-fi prototype
We created the firsts low fidelity wireframes based on the previous flow.
In the splash screen Emma, is able to log in or sign up for a free trial. The next screen would be where she selects her areas of interest and she would arrive to the home screen, where the articles based on her preferences appear. She would explore other topics in the ‘explore’ section.
Usability testing & Iterations
We tested the lo-fi prototype with 4 users, which helped us to improve the following aspects in the hi-fi wireframes:
Onboarding preference selection
Instead of offering sets of two elements to choose from, we included more categories for the user to select their preferences.
Articles
The article screen shows the two core features of The Cultural Me app:
- Confirm the article fits the user’s preferences, which is done by tapping the heart icon.
- Add the article to a custom list so the user can save it and take a quiz related to the content.
We changed the icons as the previous ones were confusing. We included an explanation of each one at the end of the article to avoid confusion.
Explore section
We created a hierarchy in the ‘Explore’ section in order to include more categories and subcategories in the same screen, to make it easier how the user navigates through them.
Hi-fi prototype
We created the high fidelity prototype based on the learning from the usability testing.
In order to reinforce the learning feature, we included a quick quiz after each article.
The icon to add an article to a list was also included in the category screen, so it is easier for the user to add an article to a custom list and read it later.
Visual design
We created this moodboard to inspire the visual design for our proposal, setting the tone for a modern and clean aesthetics.
We also designed the style guide, based on the current style of the app through the use of the colour palette but looking towards the future, what competitors are doing and keeping in alignment into the field of where The Cultural Me aims to be placed in the future.
Final prototype
Visit the clickable prototype in InVision.