Ponad Art Galery App

ROLE

Product Designer

TIMELINE

February 2023 – June 2023

TOOLS

Figma, Google Sheets, Miro, Adobe Photoshop

 

PROJECT OVERVIEW

Do you want to make your visit to the museum even more interesting? Whether you’re an art enthusiast, a teenager, or you just want to make your children’s visit to the museum more interesting, you’ve come to the right place. Discover the application that will allow you to realize that the museums do not have to be boring at all!

SOFTWARE

Group 109

UX DESIGN

Design Process

I divided my process into four phases. By following them, I can create a UX design that is tailored to user needs and preferences, resulting in a better user experience.

Discover

Market Research
User Research

<span data-metadata="" style="font-weight: 400; letter-spacing: normal; text-align: start; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span data-buffer="" style="font-weight: 400; letter-spacing: normal; text-align: start; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);">Define

Persona
Empathy Map
Journey Map

<span data-metadata="" style="font-weight: 400; letter-spacing: normal; text-align: start; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span data-buffer="" style="font-weight: 400; letter-spacing: normal; text-align: start; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);">Define

User Flow
Information Architecture

<span data-metadata="" style="font-weight: 400; letter-spacing: normal; text-align: start; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span data-metadata="" style="font-weight: 400; letter-spacing: normal; text-align: start; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span data-buffer="" style="font-weight: 400; letter-spacing: normal; text-align: start; white-space: normal; caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);">Design

Lo-fi Wireframes
Hi-fi Wireframes
Visual Design
Prototypes

DISCOVER PHASE

🦆 icon _discover 1_-min

User Research & Interviews

By following steps of user research, I gathered data and insights about users and their behaviours, in order to inform and improve the design. These points are used to better understand audience needs, goals, pain points, and preferences.

Research Goals

1. Why do people go to an art gallery?
2. What makes people read descriptions in an art gallery?
3. What is most entertaining about an art gallery?
4. What ideas of presentation stories are the most interesting?
5. What makes people use apps in an art gallery?
6. What are the common user behaviours and experiences during visits to an art gallery?

Target Audience

  • Art enthusiasts
  • Someone who lacks genuine interest in art
  • Somebody who does art professionally
  • Young individuals in school
  • Adults who visit art galleries while travelling or on occasion.

Research Questions

  1. Can you indicate on a scale of 1 to 10 your level of interest in the history of art?
  2. How often are you going to art galleries?
  3. On what occasions do you visit art galleries?
  4. Could you describe your experience with visiting a history museum / art gallery?
  5. Which methods of presentation increase your engagement during a visit to an art history museum?
  6. Is there a single factor that, if changed, would make you more inclined to visit an art history museum?
  7. Do you have anything else you’d like to share about this topic?

Common Pain Points

Overwhelming Amount of Information

Some visitors may feel overwhelmed by the amount of information presented in the exhibits, particularly if the exhibits are densely packed or the information is presented in a complex way.

Lack of Engagement

Some visitors may find that the exhibits are not engaging enough, whether it is due to a lack of interactive features, poor presentation, or other factors. This can lead to a feeling of boredom or disinterest, and may cause visitors to cut their visits short.

Poor Signage

Visitors may struggle to navigate the museum due to poor signage or a lack of clear directions. Such a situation can potentially result in visitors feeling frustrated and confused, and may cause them to overlook exhibits that they had a prior interest in.

Crowds

Large crowds and long lines can be a major pain point for museum visitors, particularly during peak times or special exhibitions.

DEFINE PHASE

target-and-goal-2852 1-min

Define 

In this phase, the insights and data gathered from the previous phase are synthesized to define the user problem and create a clear design brief.

User Persona

I created two user personas, so I can develop a better understanding of target users and design a product or service that meets their needs and preferences. This help me to create a more effective and satisfying user experience.

User Story

I created two user personas, so I can develop a better understanding of target users and design a product or service that meets their needs and preferences. This help me to create a more effective and satisfying user experience.

Problem Statement

Mark is a young student
who needs an interdisciplinary application that will help him explore the museum in an interesting way
because he wants enjoy his time with his girlfriend or friends during museum exploration.

User Story

I created two user personas, so I can develop a better understanding of target users and design a product or service that meets their needs and preferences. This help me to create a more effective and satisfying user experience.

Problem Statement

Vivien is a mother of two children
who needs an application that will help her take care of her children during the visit
because she wants them to enjoy the visit to the art gallery while she explores the place herself.

Competitive Audit 

Empathy Map

User Journey Map

IDEATION PHASE

target-and-goal-2852 1-min

Ideate

It is the stage I made sketches, diagrams and explore potential solutions to meet the needs of their target users. It also helped me imagine and find the way how actually app will work.

User Flow

User Flow refers to the path that a user takes while navigating through a website or app to achieve a specific goal. It typically involves a sequence of steps that a user follows to complete a task, such as making a purchase or submitting a form.

User tasks:

  1. Open app
  2. Home screen
  3. Select Buy tickets via ap
  4. Select the type and number of tickets
  5. Checkout screen
  6. Select payment method
  7. Pay
  8. My purchase screen
  9. Go to tickets in the app
  10. Show tickets at the counter

Information Architecture

Information Architecture (IA) refers to the process of organizing and structuring information to make it easy to understand, find, and use. In the context of an app, IA plays a crucial role in creating a user-friendly and intuitive interface that enables users to accomplish their goals quickly and efficiently.

UI DESIGN

Design Process

I divided my process into five phases. By following them, I can create a UI design that is tailored to user needs and preferences, resulting in a better user experience.

Big Picture Story Board

Close Up Story Board

Paper Wireframes

Low Fidelity Wireframes

HIGH FIDELITY UI DESIGNS