Reinventing SFMOMA

A case study of a virtual gallery walk app.

" I desire to re-create the SFMOMA museum experience that challenges it's current limitations."


Overview: Who? What do they Specialize in? Covid** why are they facing those challenges

Challenge: contracted by the San Francisco Museum of Modern Art to develop a digital prototype to establish

the following key areas:

User Needs
Gen Z & Millennials
Monetary Solution
National Reach

01. Project Objective

create gallery walk prototype that breaks down the limitations of a stay-at-home experience by developing an adaptive tool to equip individuals with an exploration from SFMOMA to their home.

02. My Role

  • UX Researcher
  • Project Manger

03. Approach

Tools: Sketch,Figma,Miro, Clickup

  • Usability tests
  • heurisitic evaluation
  • Comparitive Analysis
  • User interviews
  • Affinity & Journey Mapping
  • Feature Prioritization & Action Priority Matrix
  • Virtual Reality
  • Scope & Structure

04. Result

Describe the end product : VR gallery walk aDigital prototype

Project Timeline

2 week design sprint

Discover

Discovery:

Day 1
Accordion 2
Define

The point of using dummy text for your paragraph is that it has a more-or-less normal distribution of letters. making it look like readable English.

Accordion 1
Accordion 2
Design

The point of using dummy text for your paragraph is that it has a more-or-less normal distribution of letters. making it look like readable English.

Deliver

Week 1

The Research Plan

02

Empathy

Business plan to target users : Millennials and Generation Z

adjust assumption on findings

user interviews

user research

AM & JM

03

Delivery

Feature deisng responsie

innovate potiential features to an virtual exp

create AR map

form of monetization within tour

Must answers 5 whys

What did you do?

Why did you do it

what did you learn

03

Delivery

Feature deisng responsie

innovate potiential features to an virtual exp

create AR map

form of monetization within tour

Must answers 5 whys

What did you do?

Why did you do it

what did you learn

Research?

Stay within scope, make sure

Who

Gen Z, Millennials &Art Enthusiasts

Why

Contracted to provided digital prototype to equate. Users concluded an overarching poorer experience versus to in-person.

How

Virtual Reality solves the users need to feel as if they are in SFMOMA. The VR tour allows the user to transport into SFMOMA with an all access pass.

Where

(target devices)

Native Mobile application (ios) that has independet functions that compliment the in-person experience.

User location will be anywhere nationally

When

2 weeks

What

Native mobile application(ios)

target device: IOS iphone 8 plus, ipad pro mini

Device responsive

Features

Week 1

The Research Plan

02

Empathy

Business plan to target users : Millennials and Generation Z

adjust assumption on findings

user interviews

user research

AM & JM

03

Delivery

Feature deisng responsie

innovate potiential features to an virtual exp

create AR map

form of monetization within tour

Must answers 5 whys

What did you do?

Why did you do it

what did you learn

03

Delivery

Feature deisng responsie

innovate potiential features to an virtual exp

create AR map

form of monetization within tour

Must answers 5 whys

What did you do?

Why did you do it

what did you learn

01 CONDENSE and beautify!

Strategy: Product Research

  • We need an immersive virtual experience .
  • Familirize with original product and stakeholders.
  • Make informed assumption based on commonalities of analysis
  • out line must answer 5 w's

Methods

  1. Comparitive Analysis
  2. Heuristics
  3. product and stakeholders.

Make informed assumption based on commonalities of analysis

Target devices: Native mobile applications (ios/iphone 8 plus) tablet (ipad pro mini)

Considerations: VR gallery walk app

  1. Heuristics
  2. product and stakeholders.

Make informed assumption based on commonalities of analysis

shop feature acts as artsy (addressing paint pts: intrests, incentives, I have motivators) for user

Project Scope and Constraints

The point of using dummy text for your paragraph is that it has a more-or-less normal distribution of letters. making it look like readable English.

01 To do/We Need

02 How

03 Apply

The Current Product

SFMOMA recently designed an app, however it's features are not designed for a virtual experience. This app is instead serves as an companion once inside the museum. See below SWOT analysis used to measure effectiveness of prevelant mobile features.

Strengths
  • Languages to translate for non-native english speakers.
  • Art walk of current exhibits of condensed art.
  • Audio tours that are open ended to explore floors.
Weakness
  • Languages to translate for non native English speakers
  • Art walk of current exhibit of condensed art
  • Audio tours that are open ended to explore floors
Threats
  • Users do not want to use app since there is no interactive feature
  • Museum does not have funding from users
Easy to Use
  • Live chat feature
  • Virtual tour experience
  • search for paintings when not on museum campus
  • Social events that take place virtually e.g. wine tasting

Comparitive Analysis

Applying this data, shaped key thematic concerns and informed assumptions to test in research. The Severity scale was taken 1-4 (4 being the most severe).

Feature Title
Heuristic Violated
Severity
Notes
Recommendation
#  Explore by Number

Visibility of system status

User Control and Freedom

4

Limited to in-person.

Locate System Change

Virtual tour that does not to search artwork by #.

Search in Toolbar

User Control and Freedom

Visibility of System Status

4

Searched item is shown as still photo.

Change Experience

Showing art in it's museum setting to make the user feel more connected.

Video Artworks

Match between the system and real world

Flexibility and Efficiency of use

3

The video guides you through the museum as a virtual companion.

Increase Adaptability

Allow the user to experience even if they have never stepped foot in the museum.

Language Settings

Consistency and standards

3

This feature is hard to find.

Organize by Function

Put this in "settings" section.

More (in Toolbar)

Error prevention

4

Menu is busy with ambiguous labels. Additions are put in a overflow 'more' section.

Minimalize

Take elements out of 'more' like buying tickets and add feature to front interface.

Map (in Toolbar)

Recognition rather than recall

Help and documentation

1

Clear and Functional

Innovate Key Feature

Incorporate in virtual tour

Color Theme

Aesthetic and minimalistic design

3

Red color is only accent color.

Cohesive Theme

The red color is harsh and conveys a static aesthetic. Museum has dynamic content this should reflective to it's color pallet.

Buying Tickets

Flexibility and efficiency of use

Recognition rather than recall

4

Check out as guest option.

Simplify Transaction

Less steps to buy tickets. Keep guest option.

Heuristic Evaluation

Applying this data, shaped key thematic concerns and informed assumptions to test in research. The Severity scale was taken 1-4 (4 being the most severe). * Click through to view comparitive anaylisis in more detail

Feature Title
Heuristic Violated
Severity
Notes
Recommendation
#  Explore by Number

Visibility of system status

User Control and Freedom

4

Limited to in-person.

Locate System Change

Virtual tour that does not to search artwork by #.

Search in Toolbar

User Control and Freedom

Visibility of System Status

4

Searched item is shown as still photo.

Change Experience

Showing art in it's museum setting to make the user feel more connected.

Video Artworks

Match between the system and real world

Flexibility and Efficiency of use

3

The video guides you through the museum as a virtual companion.

Increase Adaptability

Allow the user to experience even if they have never stepped foot in the museum.

Language Settings

Consistency and standards

3

This feature is hard to find.

Organize by Function

Put this in "settings" section.

More (in Toolbar)

Error prevention

4

Menu is busy with ambiguous labels. Additions are put in a overflow 'more' section.

Minimalize

Take elements out of 'more' like buying tickets and add feature to front interface.

Map (in Toolbar)

Recognition rather than recall

Help and documentation

1

Clear and Functional

Innovate Key Feature

Incorporate in virtual tour

Color Theme

Aesthetic and minimalistic design

3

Red color is only accent color.

Cohesive Theme

The red color is harsh and conveys a static aesthetic. Museum has dynamic content this should reflective to it's color pallet.

Buying Tickets

Flexibility and efficiency of use

Recognition rather than recall

4

Check out as guest option.

Simplify Transaction

Less steps to buy tickets. Keep guest option.

thin

Affinity Map to Insights

Iterative Process that Instills Quality Results

  •     FEATURE 1    
  •     FEATURE 2    
  •     FEATURE 3    
  •     FEATURE 3    
  •     FEATURE 4    
  •     FEATURE 4    
    FEATURE 1    

Recuirting Guidelines

  • Screened irregular to routine museum-goers between a two year time frame.
  • Screened by generation: millenials & generation z
  • Screened for art enthusiasts
  • Screened for smart device users

User-Interviews

  • Interviewed users from all walks of live that were reside east to west coast.
  • Interviewed 16 total partcipants
    FEATURE 2    
    FEATURE 3    

Majority Themes

Displays a threshold of 60% and above based on I-statements

    FEATURE 3    

Majority Themes Cont.

Displays a threshold below 60% based on Affinity mapping categorization.

  • No more buffering - create, style and enjoy. Our user interface was built on React - the most efficient JavaScript library.
  • We guarantee you will love the difference in performance. You can even start from scratch and build your own items.
    FEATURE 4    
    FEATURE 4    

The point of using dummy text for your paragraph is that it has a more-or-less normal distribution of letters. making it look like readable English.

Meet Molly Mears

29, Washington, D.C.

"I'm always in need of some artistic inspiration that I can vibe with."

Bio: 29, Washington, D.C.

  1. Boys & Girls Club Program Director that loves to travel and partcipate in creative learning experiences.

Goals & Needs:

Art community: "I need creative people like me-its inspiring."

motivated by familiarity: "I just love to see art represent something I can relate to. That to me is powerful."

staycation: "Hey- if you can keep me in my pajamas, Sign me up!"

Frustrations:

Navigation: "Um ,Where am I? Where is this leading?"

Crowds: "I can't even focus." " I could be in my bed right now."

Technology: "Just waiting my life away." "it just undid everything!"

thin

Journey Map Time

This artifact was based on findings from user research compiled into the following 4 journey categories: user goals, reality and opportunities.

GPS Tracking

Build clean, minimalistic, beautifully crafted websites.

Smartwatch App

No designer talent or coding skills necessary.

All TV Audiences

Bring vibrance to your site by setting color & transparency.

Problem Statement


With so many different ways today to find info online, it can sometimes be hard to know where to go to first. I want to look at the major & most effective solution.

How Might We?

HMW

Provide a sense of community

HMW

Connect artists in a promoted space.

HMW

slow things down

HMW

Make experiences relatable

Problem Statement


Molly is an art enthusiast and needs a convenient way to access her favorite museum because she misses the connection of community, due to Covid-19 restrictions limiting social gatherings.

How Might We?

HMW

Make art come to life

HMW

Make learning intuitive

HMW

display organized content

HMW

Translate a peaceful vibe.

thin

Week 2: Success Strategy

After iteration the team implements testing of navigations and re-evaluating process to stay with scope & structure.

Tree Test

01

View an Exhibit

02

Find Artist Interviews

03

Play a Game

The point of using dummy text for your paragraph is that it has a more-or-less normal distribution of letters. making it look like readable English.

Week 2: Success Strategy

After iteration the team implements testing of navigations and re-evaluating process to stay with scope & structure.

Tree Test

01

Con

The point of using dummy text for your paragraph is that it has a more-or-less normal distribution of letters. making it look like readable English.

thin

The iterative process: Userflow

Global Settings

Beautiful pages with just clicks & drags 

Many of us have back problems, it is a very wide problem for people, ever since we started walking on our tow legs and raised our backs a large percent of human have suffered pain in the back from different reasons.

First Userflow Draft

No more buffering - create, style and enjoy

  • The rules of travel have altered so much in the last few years, with strict regulation
  • regarding air travel, questionable car searches that may vary in regulation from state to state. When one door of happiness closes, another opens.
thin

The final product

The point of using dummy text for your paragraph is that it has a more-or-less normal distribution of letters. making it look like readable English.

How We Got There-Usability Outcomes

How we got there-Synthesizing our data to create an user info

Who asked for partcipants? permiters.. Usability tests was performed for phase of fidelity: Lo, Mid and Hi-Fi

  •     Intro Process-1    
  •     LO-FI-2    
  •     Mid-FI-3    
  •     Hi-Fi-2    
  •     Hi-Fi-2    
  •   Hi-Fi-4    
  •     FEATURE 4    
    Intro Process-1    

Usability Process

Each usability test a followed a detailed research strategy

  1. test: Users were tested
  2. Synthesize Findings ; begin to categorize pain points, user behavior, user highlights
  3. 3 Scale data on RPM
  4. 4. Deliver high priority into the following revisions
    LO-FI-2    

Lo-Fi AM

The point of using dummy text for your paragraph is that it has a more-or-less normal distribution of letters. making it look like readable English.

Lo-Fi RPM

The point of using dummy text for your paragraph is that

    Mid-FI-3    

Mid-Fi AM

The point of using dummy text for your paragraph is that it has a more-or-less normal distribution of letters. making it look like readable English.

    Hi-Fi-2    

Majority Themes Cont.

Displays a threshold below 60% based on Affinity mapping categorization.

  • No more buffering - create, style and enjoy. Our user interface was built on React - the most efficient JavaScript library.
  • We guarantee you will love the difference in performance. You can even start from scratch and build your own items.
    Hi-Fi-2    

Majority Themes Cont.

Displays a threshold below 60% based on Affinity mapping categorization.

  • No more buffering - create, style and enjoy. Our user interface was built on React - the most efficient JavaScript library.
  • We guarantee you will love the difference in performance. You can even start from scratch and build your own items.
  Hi-Fi-4    
    FEATURE 4    

The point of using dummy text for your paragraph is that it has a more-or-less normal distribution of letters. making it look like readable English.

Our Findings

You can become a User today

0

USERS

0

BACKERS

0

WEBSITES

0

VOTES

The poin