De Young Museum Mobile App

UX/UI Design

obile App Hero Image
CLIENT
De Young Museum
Project TYPE
UX/UI Design
PROJECT YEAR
2020
De Young Museum Mobile App

The de Young museum's state-of-the-art new facility integrates art, architecture, and the natural landscape in one multi-faceted destination that will inspire audiences from around the world. Its mobile app includes general information about the museum, exhibits, events, ticket purchasing and scanning options, parking/bike storage purchasing options, fully interactive maps, and cafe menu and reservation system.

Arrow
About

Founded in 1895 in San Francisco’s Golden Gate Park, the de Young museum has been an integral part of the cultural fabric of the city and a cherished destination for millions of residents and visitors to the region for over 100 years.The de Young museum state-of-the-art new facility integrates art, architecture and the natural landscape in one multi-faceted destination that will inspire audiences from around the world.

role

My role was to research, test, and design for this project. I was in charge of demographics research, interview scripting and conducting, synthesizing results, creating user personas and journeys, testing, as well as complete visual design for the mobile application and supplemental materials.

Product
Goals
  • General information about the museum
  • Information on past, current, and future exhibits and events
  • Ticket purchasing and scanning
  • Parking/bike storage purchasing option *
  • Museum maps
  • Art exhibit audio tours *
  • Single art piece scanning capability providing content *
  • Cafe menu and reservation system
  • Interactive Routes
  • Notification reminder system for visitors *
  • “Re-live” museum visit experience with social media sharing *
  • Online museum store shopping *Items marked with * are part of future app development phases
De Young Museum Staircase
the
process
Process Graph
museum
survey
Questionnaire for Interview
19 questions
16 respondends
SURVEY
responces
Survey Responces
Survey Responces
Survey Responces
Survey Responces
learnings
and
findings
Number 1

Museum visitors predominantly prefer to order their tickets online and have them available on their mobile devices.

Number 2

Museum visitors would love to reserve their cafe tables and be able to order their meals and drinks ahead of time.

Number 3

Most of the interviewed people shop regularly at the museum stores during their visits. They look for gifts, unique merchandise, and souvenirs.

Number 4

Majority of the interviewed people would consider including parking/bike storage in their admission or memberships.

De Young Museum Photography
the
personas
miguel
Persona 1
•  Lives in the San Francisco Bay Area
•  30-45 years of age
•  Works as an office manager in a bank
•  Shops predominantly on-line and enjoys take-outs
•  Drives an electric car
•  Creates art in his free time and shares in on social media
•  Streams movies and documentaries
•  Loves gaming, mountain biking, and family gatherings
ANNYA
Persona 2
• First time tourist to San Francisco
• 20-35 years of age
• Post-graduate student
• Shops on-line and considers herself a foody
• Walks or bikes to school
• Enjoys small galleries and artisan markets
• Uses social media for global advocacy purposes
• Loves  traveling, rock-climbing, and baking
user
journeys
miguel
Persona 1
Scenarios

Miguel is planning a day trip to visit the museum as a member. He is excited about the new special exhibit and wants to share the experience with his family.

EXPECTATIONS
• Exciting art
• Easy access
• Fun times with family
User Journey 1
ANNYA
Persona 2
Scenarios

Annya is visiting as a part of a trip across the US. She has a few hours to visit a museum and chooses De Young because she wants to see the Golden Gate Park too.

EXPECTATIONS
• New experience with the American art
• Fast entry
• Easy navigation
User Journey 2
Word
List

spear, cone, copper, grass, branches, steel, industrial, bold, vivid, daring, confident, contemporary, distinct, individualistic, close to nature, leadership, education, inspiration, aged, metal, weaved, fabric, natural stone, local, global, curiosity, knowledge, engage, black, white, grey, teal, art, idea, stimulation, sense, vision, creative, enrichment, angular, slanted, lines, geometric, future, happy, content, pleasantly surprised, shape

De Young Museum Couryard Photography
inspiration
  1. an inspiring agent or influence
  2. the action or power of moving the intellect or emotions
  3. the act of influencing or suggesting opinions
Distinct
  1. distinguishable to the eye or mind as being discrete or not the same
  2. presenting a clear unmistakable impression
STIMULATION
  1. to excite to activity or growth
mood
Board
De Young Museum Mood Board
Style
guide
colors
Styleguide Colors
typeface
Styleguide Typeface
icon roughs
De Young Icon Roughs
icon final
Final De Young Museum App Iconicon mockup
user
testing
testing participants
result
synthesis
user testing synthesis
user
feedback
map screens

Users found the maps too small and unreadable. They wished there is a real-time navigation taking them from their location to the chosen room or exhibit.

Quote: "Paper maps are better"User Feedback Screens
Payment screens

Users wanted to see more payment options available. They also thought it would be nice to have the option to save payment information for future use.

Quote: " I want to see more secure payment options"User Feedback Screens
INFORMATION ICONS

Users found the information button to be too small and hard to understand and press. More legible and easier to tap icon was requested by the majority of the testing participants.

"The icon is too small and squished in the corner" QuoteUser Feedback Screens
cafe menu screen

Users wanted to see clearer images of the items. They also found the information icon too small. The user wanted to see an “Add to Cart” button.

Quote: I want to be able to add to my cart and see my items"User Feedback Screens
Interactive
prototype
FINAL
SCREENS
De Young Museum Fina Screen
De Young Museum Final Screen
De Young Museum Final Screen
De Young Museum Final Screen
De Young Museum Final Screen
De Young Museum Final Screen
Arrow to the right

Let's get in touch.

If you are curious to learn more about my work and how I can help you achieve your goals, let's connect.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
OverviewRESEARCHIdeationValidation and RevisionsReflection