Gallery Explorer

Gallery Explorer

Gallery Explorer App redesign to provide accessible exhibition information & introduce a way-finding system to enhance the exploration of National Gallery of Singapore.

Gallery Explorer App redesign to provide accessible exhibition information & introduce a way-finding system to enhance the exploration of National Gallery of Singapore.

Project:

Project:

Mobile App Redesign

Mobile App

Redesign

Role:

Role:

UX Researcher

UX Researcher

Product Designer

Product Designer

Team:

Team:

Kally, Kriti

Kally, Kriti

Year:

Year:

2023

2023

View Prototype

Problem & Context

Problem & Context

National Gallery spans an area of 690,000 sq ft across 2 iconic building with over 8000 pieces of artwork, making it the largest visual arts venue in Singapore and Southeast Asia. As the app for one of the most visited museums in Singapore, the primary usability issues identified were:

  • The method of providing information about current exhibitions and events is erratic and not user-friendly.

  • The navigation feature is inflexible and challenging to understand, lacking customization for the building's specific layout.

National Gallery spans an area of 690,000 sq ft across 2 iconic building with over 8000 pieces of artwork, making it the largest visual arts venue in Singapore and Southeast Asia. As the app for one of the most visited museums in Singapore, the primary usability issues identified were:

  • The method of providing information about current exhibitions and events is erratic and not user-friendly.

  • The navigation feature is inflexible and challenging to understand, lacking customization for the building's specific layout.

Research & Analysis

Research & Analysis

Field Observation

During our field observation at the Singapore National Gallery, we closely examined visitor behaviors and noted the exhibition's distinctive features. The main findings are:

  • Have to walk a lot to go from one place to another and need to sit and relax after viewing an exhibition.

  • Long galleries, don't have a single entry and exit, one room leads to the other.

  • National Gallery was promoting their new feature, the "Art Journey".

During our field observation at the Singapore National Gallery, we closely examined visitor behaviors and noted the exhibition's distinctive features. The main findings are:

  • Have to walk a lot to go from one place to another and need to sit and relax after viewing an exhibition.

  • Long galleries, don't have a single entry and exit, one room leads to the other.

  • National Gallery was promoting their new feature, the "Art Journey".

Competitive & Comparative Analysis

Competitive &

Comparative Analysis

COMPETITIVE

National Museum

Singapore

Extensiver filters for exhibitions in terms of current/upcoming/past, target audience and categories.

COMPETITIVE

National Museum

Singapore

Extensiver filters for exhibitions in terms of current/upcoming/past, target audience and categories.

COMPETITIVE

National Museum

Singapore

Extensiver filters for exhibitions in terms of current/upcoming/past, target audience and categories.

COMPETITIVE

National Museum

Singapore

Extensiver filters for exhibitions in terms of current/upcoming/past, target audience and categories.

COMPARATIVE

MoMA App

USA

Personal tone i.e. interactive map, welcome guide, staff picks.

Presents exhibitions by levels with succinct information.

COMPARATIVE

MoMA App

USA

Personal tone i.e. interactive map, welcome guide, staff picks.

Presents exhibitions by levels with succinct information.

COMPARATIVE

MoMA App

USA

Personal tone i.e. interactive map, welcome guide, staff picks.

Presents exhibitions by levels with succinct information.

COMPARATIVE

MoMA App

USA

Personal tone i.e. interactive map, welcome guide, staff picks.

Presents exhibitions by levels with succinct information.

COMPARATIVE

TATE Modern App

USA

Overview of gallery maps.

MInimalistic design to highlight crucial information.

COMPARATIVE

TATE Modern App

USA

Overview of gallery maps.

MInimalistic design to highlight crucial information.

COMPARATIVE

TATE Modern App

USA

Overview of gallery maps.

MInimalistic design to highlight crucial information.

COMPARATIVE

TATE Modern App

USA

Overview of gallery maps.

MInimalistic design to highlight crucial information.

Usability Testing #1

Task 1

Locate Art Journey on the app

Ease in completing task

2.06 / 7

Task 2

Customise an Art Journey using the app with at least 2 activities

Ease in completing task

2.57 / 7

Task 3

Find out how to navigate around to complete the activities planned.

Ease in completing task

1.80 / 7

Scenario

You are looking for interesting experience to have at National Gallery Singapore using the Gallery Explorer app.

1st Round

On Existing App

9 usability testing

Task 1

Locate Art Journey on the app

Ease in completing task

2.06 / 7

Task 2

Customise an Art Journey using the app with at least 2 activities

Ease in completing task

2.57 / 7

Task 3

Find out how to navigate around to complete the activities planned.

Ease in completing task

1.80 / 7

Scenario

You are looking for interesting experience to have at National Gallery Singapore using the Gallery Explorer app.

1st Round

On Existing App

9 usability testing

Task 1

Locate Art Journey on the app

Ease in completing task

2.06 / 7

Task 2

Customise an Art Journey using the app with at least 2 activities

Ease in completing task

2.57 / 7

Task 3

Find out how to navigate around to complete the activities planned.

Ease in completing task

1.80 / 7

Scenario

You are looking for interesting experience to have at National Gallery Singapore using the Gallery Explorer app.

1st Round

On Existing App

9 usability testing

Task 1

Locate Art Journey on the app

Ease in completing task

2.06 / 7

Task 2

Customise an Art Journey using the app with at least 2 activities

Ease in completing task

2.57 / 7

Task 3

Find out how to navigate around to complete the activities planned.

Ease in completing task

1.80 / 7

Scenario

You are looking for interesting experience to have at National Gallery Singapore using the Gallery Explorer app.

1st Round

On Existing App

9 usability testing

Main Insights

"I struggle to find out about the exhibition highlights on the App"

"I struggle to find out about the exhibition highlights on the App"

"I didn’t know about free admission to NGS because I was not informed until I came here."

"I didn’t know about free admission to NGS because I was not informed until I came here."

"I don't mind wandering around the gallery to explore the place."

"I don't mind wandering around the gallery to explore the place."

"I find "Art Journey" located under "Gallery Passes" is illogical. I wouldn't find it upon browsing the App."

"I find "Art Journey" located under "Gallery Passes" is illogical. I wouldn't find it upon browsing the App."

"I find it hard to navigate around following the planned trip on Art Journey."

"I find it hard to navigate around following the planned trip on Art Journey."

Summary

95%

struggled to locate

"Art Journey"

95%

struggled to locate

"Art Journey"

100%

felt frustrated finding

directions between

planned destinations

100%

felt frustrated finding

directions between

planned destinations

Methodology & Timeline

Methodology & Timeline

  • Comparative & competitive analysis

  • field observation

  • survey

  • user interview

  • usability testing

  • Heuristic evaluations

  • Affinity mapping

  • Persona

  • Problem statements

  • How might we?

  • User flows

  • Wireframing

  • ui style guide

  • Prototyping

  • Usability testing

  • Iterations

  • Comparative & competitive analysis

  • field observation

  • survey

  • user interview

  • usability testing

  • Heuristic evaluations

  • Affinity mapping

  • Persona

  • Problem statements

  • How might we?

  • User flows

  • Wireframing

  • ui style guide

  • Prototyping

  • Usability testing

  • Iterations

  • Comparative & competitive analysis

  • field observation

  • survey

  • user interview

  • usability testing

  • Heuristic evaluations

  • Affinity mapping

  • Persona

  • Problem statements

  • How might we?

  • User flows

  • Wireframing

  • ui style guide

  • Prototyping

  • Usability testing

  • Iterations

Define the problem | Persona

Define the problem | Persona

Every visit to a museum is a new adventure, an opportunity to see the world in a new light.

Every visit to a museum is a new adventure, an opportunity to see the world in a new light.

Every visit to a museum is a new adventure, an opportunity to see the world in a new light.

Every visit to a museum is a new adventure, an opportunity to see the world in a new light.

29 years old | Senior Marketing Executive | Into the arts scenes

29 years old | Senior Marketing Executive | Into the arts scenes

29 years old | Senior Marketing Executive | Into the arts scenes

  • Learns of arts events through recommendations from friends & social media

  • Visits National Gallery Singapore 2-3 times a year

  • Learns of arts events through recommendations from friends & social media

  • Visits National Gallery Singapore 2-3 times a year

Behaviors:

  • Visits preferred exhibition as planned first, before searching for other happenings to check out later

  • Tends to get lost at National Gallery

Behaviors:

  • Visits preferred exhibition as planned first, before searching for other happenings to check out later

  • Tends to get lost at National Gallery

Goals:

  • To not miss out on trendy art events or other special exhibitions or happenings

  • To fully enjoy her visit from start to end without having to worry about being confused with the directions

Goals:

  • To not miss out on trendy art events or other special exhibitions or happenings

  • To fully enjoy her visit from start to end without having to worry about being confused with the directions

Painpoints:

  • Lack of information to know what else to check out in National Gallery while she's there

  • Unsure of how to navigate around as it is too big and she's not familiar

Painpoints:

  • Lack of information to know what else to check out in National Gallery while she's there

  • Unsure of how to navigate around as it is too big and she's not familiar

Prototype

Prototype

UI Style Guide

UI Style Guide

Design Iterations

Design Iterations

By listening to the users' feedbacks through 3 rounds of usability testing, design decisions were made to the respective feedbacks.

By listening to the users' feedbacks through 3 rounds of usability testing, design decisions were made to the respective feedbacks.

Usability Testing #2

Task 1

Check out the exhibitions on level 3 and learn more about “Between Declarations and Dreams” exhibition.

Ease in completing task

6.71 / 7

Task 2

Use the navigation feature on the app to find a route from your current location to Wu Guanzhong gallery.

Ease in completing task

4.23 / 7

Task 3

Find directions from your current location to "Between Declarations and Dreams" exhibition.

Ease in completing task

4.14 / 7

Scenario

You are at the National Gallery and decide to visit Wu Guanzhong Gallery then "Between declaration and dreams"exhibition.

2nd Round

On Redesigned App

7 usability testing

Task 1

Check out the exhibitions on level 3 and learn more about “Between Declarations and Dreams” exhibition.

Ease in completing task

6.71 / 7

Task 2

Use the navigation feature on the app to find a route from your current location to Wu Guanzhong gallery.

Ease in completing task

4.23 / 7

Task 3

Find directions from your current location to "Between Declarations and Dreams" exhibition.

Ease in completing task

4.14 / 7

Scenario

You are at the National Gallery and decide to visit Wu Guanzhong Gallery then "Between declaration and dreams"exhibition.

2nd Round

On Redesigned App

7 usability testing

Task 1

Check out the exhibitions on level 3 and learn more about “Between Declarations and Dreams” exhibition.

Ease in completing task

6.71 / 7

Task 2

Use the navigation feature on the app to find a route from your current location to Wu Guanzhong gallery.

Ease in completing task

4.23 / 7

Task 3

Find directions from your current location to "Between Declarations and Dreams" exhibition.

Ease in completing task

4.14 / 7

Scenario

You are at the National Gallery and decide to visit Wu Guanzhong Gallery then "Between declaration and dreams"exhibition.

2nd Round

On Redesigned App

7 usability testing

Task 1

Check out the exhibitions on level 3 and learn more about “Between Declarations and Dreams” exhibition.

Ease in completing task

6.71 / 7

Task 2

Use the navigation feature on the app to find a route from your current location to Wu Guanzhong gallery.

Ease in completing task

4.23 / 7

Task 3

Find directions from your current location to "Between Declarations and Dreams" exhibition.

Ease in completing task

4.14 / 7

Scenario

You are at the National Gallery and decide to visit Wu Guanzhong Gallery then "Between declaration and dreams"exhibition.

2nd Round

On Redesigned App

7 usability testing

Main Insights

"I feel there are unnecessary steps during searching destinations. I expect a search bar here."

"I feel there are unnecessary steps during searching destinations. I expect a search bar here."

"I feel there are unnecessary steps during searching destinations. I expect a search bar here."

"I feel there are unnecessary steps during searching destinations. I expect a search bar here."

"I struggle to find my current location and destination on the map."

"I struggle to find my current location and destination on the map."

"I struggle to find my current location and destination on the map."

"I struggle to find my current location and destination on the map."

"I'm confused between the icons of destination and recommended exploration places."

"I'm confused between the icons of destination and recommended exploration places."

"I'm confused between the icons of destination and recommended exploration places."

"I'm confused between the icons of destination and recommended exploration places."

"I would rather know the distance than the time of travelling so that will be more helpful to plan my trip."

"I would rather know the distance than the time of travelling so that will be more helpful to plan my trip."

"I would rather know the distance than the time of travelling so that will be more helpful to plan my trip."

"I would rather know the distance than the time of travelling so that will be more helpful to plan my trip."

Gallery Map Landing Screen Iteration

Gallery Map Landing Screen Iteration

1

1

2

2

1

1

2

2

Simplify instructions on searching destinations. Integrate QR code scanning to search bar.

Increase the proportion of map overview on screen.

Simplify instructions on searching destinations. Integrate QR code scanning to search bar.

Increase the proportion of map overview on screen.

Confirmation on Direction Screen Iteration

Confirmation on Direction Screen Iteration

1

1

2

2

1

1

2

2

Adding the destination and entrance icons to map.

Keep the information about destination more succinct, only the one related to location and ticketing.

Adding the destination and entrance icons to map.

Keep the information about destination more succinct, only the one related to location and ticketing.

Route Display Screen Iteration

Route Display Screen Iteration

1

1

2

2

1

1

2

2

To indicate the route across levels more intuitively, adding an illustration to demonstrate & move below level map as CTA button.
Differentiate attraction point icons from destination icon.

To indicate the route across levels more intuitively, adding an illustration to demonstrate & move below level map as CTA button.
Differentiate attraction point icons from destination icon.

Detailed Direction Screen Iteration

Detailed Direction Screen Iteration

1

1

2

2

3

3

3

1

1

3

3

2

2

Change the time of travel to more objective distance of travel in the case of gallery visiting for users' better planning.
Use icons as the nature of the attraction points to differentiate from destination icon.

Incorporate 'Explorer Mode' for a more enriching experience and 'Efficient Mode' for a more destination oriented experience.

View Prototype

Future Steps

Future Steps

Interactive Map

Users can pinpoint different areas and get more information at one glance.

Interactive Map

Users can pinpoint different areas and get more information at one glance.

Interactive Map

Users can pinpoint different areas and get more information at one glance.

Interactive Map

Users can pinpoint different areas and get more information at one glance.

Gallery Overview

Introduce more visuals on the map such as 3D model/ 3D tours to guide the directions better.

Tracking & Measurement

Gauge and optimise the map feature to deliver more enhanced customer experience.

More Projects

More Projects

01

01

Noah Garden Centre

A proposed redesign of an ecommerce website to improve the information architecture and the purchasing experience for the target users.

Role:
Project:
Year:

Product Designer
Website Redesign
2023

02

02

One Good App

Creation of a comprehensive design system from scratch to guide the development of One Good Card's mobile site and app, with a focus on seamless and intuitive user experience.

Role:
Project:

Year:

Product Designer
Design System & App Design
2023

zhiqing | porfolio

To Top