Lynn Zhang | My Fireworks

Lynn Z

Work

Resume

Etc.

About

My Fireworks

A Better Viewing Experience at SSTM

Group Work

User Experience & Service Design

2021.08 — Ongoing

Client

Duration

Team

Shanghai Science & Technology Museum

August 2021 — Ongoing

Zhenglin Zhang (UX & Service Designer)

Yixiao (Product Manager)

Xuanhui (Front-End Engineer)

Xubo (Back-End Engineer)

My Role

As a

UX & Service Designer

, I worked with a cross-functional team. I joined the team from the very beginning and was responsible for designing the entire user flow, user interface, and 3D stereoscopic models in augmented reality.

Research:

User Interview, Competitive Analysis, Journey Map, Co-Create Workshop, and Research Analysis

Design:

3D Modeling, Ideation sketching, Wireframing, Prototyping, Service Blueprint, Storyboard, Interaction & Visual Design

Project Overview

Context

Problem

Solution

My Fireworks is a joint project of Shanghai Jiao Tong University and Shanghai Science & Technology Museum (SSTM). SSTM urgently needs innovative outreach to attract visitors even though its exhibit renewal rate is low.

Based on the concept of STEAM education, combined with AR technology, a service design provides an innovative solution for visiting the SSTM. Preserving the original exhibits, in the exhibition users are guided to collect materials for fireworks experiments, where the fireworks created are kept and promoted as virtual souvenirs.

The

low renewal rate

of exhibits doesn't attract new and existing visitors

There is currently

no online exhibition guide

on mobile for SSTM

The value of

science education

in SSTM is not fully exploited

Solution Preview

Process

DISCOVER

DESIGN

DELIVER

Background

Shanghai Science and Technology Museum was built by the Shanghai government to implement the strategy of

rejuvenating China through science and education

and opened it to the public in 2001.

It is about to receive its first major closure in 20 years. Its

2 primary problems and demands

need to be solved urgently.

Unchanged

Innovative

Online

exhibits

experience

expansion

Research Question 1 - How to help SSTM attract audiences?

Comparing the top 3 science and technology museums in China in terms of exhibit format,

SSTM is heavily homogenized.

The exhibits in SSTM are

mainly static exhibits

, with few interactive ones.

Exhibits are less interactive

, and

display methods

are outdated and have not been updated for a long time. The update rate is less than

10%

(including repairs and upgrades).

According to the ticket tracking,

primary and secondary school students and their companions

are the major audience group of SSTM. After research, three types of

persona

were designed.

DESIGN OPPORTUNITY Ⅰ

How to meet different visitors' needs on the basis of retaining the original equipment?

Research Question 2 - How to help SSTM expand online?

The existing online platform is not very functional and lacks exhibition presentations, especially on mobile.

Journey map

was created based on the users's preferences and habits when visiting SSTM.

OPENING

HOURS

BUYING

TICKETS

ADDRESS

NAVIGATION

DESIGN OPPORTUNITY Ⅱ

DESIGN OPPORTUNITY Ⅲ

DESIGN OPPORTUNITY Ⅳ

It is inefficient to have functions scattered across mobile and web.

SSTM doesn't offer any mobile functionalities during the visit.

More unique connections should be made.

Web

Mobile

home

visit

exhibition

about us

tickets

order

information

opening hours

tickets

how to go

facilities

permanent exhibitions

special exhibitions

activities

science theaters

photo & text descriptions

Information Architecture of Existing Online Platforms

Insight

Compared with improving the facilities, exhibits, and display formats,

the mobile platform

can be exploited for exhibition viewing and promotion.

SSTM can provide

official and targeted routes

to the exhibition for the main visitor groups, such as school children.

The visitor's connection to SSTM can

go beyond

the existing souvenir format and become

more innovative and easy to promote

Co-Create Workshop

Discussion of the

Original User Journey

Analysis of

Existing Problems

Deep & Divergent

Thinking

Voting & Ranking

of Design Points

Core Issues in Focus

Ideas Cluster

DESIGN OPPORTUNITY Ⅴ

KEY INSIGHT

Appealing virtual tour programs need to be designed to meet the need for online promotion and a lasting connection to SSTM.

We used the KJ method to induce design opportunity points.

We sorted out the stakeholders involved in the design concept of combining a virtual visit to help enhance the audience experience and connection with SSTM.

——Yang

——Ye

SSTM

VISITOR

Attracting visitors to SSTM

Combining virtual tours to help link the visit

Creating connections with hybrid souvenirs

Effective Competitiveness

More Government Resources

Better Fulfillment of Teac

hing & Learning Tasks

Pre-visit:

Duration:

Post-visit:

Souvenirs

can also be used as an opportunity for

online promotion

The

integration of path recommendations

into the visit can help to enhance the educational and scientific significance of the SSTM.

Concept

exhibition guide

hybrid souvenir

fireworks experiment

online gallery

Inspired Exploration

Creative Connection

Augmented Reality

Effective Expansion

AR-BASED SERVICE DESIGN

FOR VISITING SSTM

Interaction Logic

Exhibition

Guide

AR Fireworks

Experiment

Hybrid

Souvenirs

Stimulating Interest in

the Exhibition

Creating Connections &

Promoting Online

Incorporating Key Physical & Chemical Knowledge

from Primary & Secondary Schools

AR and visualization

help users (especially students) to

better compare and observe

Unrecordable experimental phenomena and

understand

abstract concepts.

Knowledge Covered in the Fireworks Experiment

Chemistry

Physics

metal combustion

flame effect

oxidizer-assisted

combustion

speed & angle

parabola

internal structures

of fireworks

User Flow

Open the App

Purchase of Physical Souvenirs

core behaviour

Welcome & Storytelling

Route Guidance

Exhibit Identification

3D Dynamic View

Addition of Materials

Registration

Basic Information

Fireworks Settings

Adjustments to Details

Selection of Fireworks Types

Completion of the Creation

Firework Display

Voice Recording

Scene Placement

Gallery Uploads

Sharing

Scanning of Qr Codes

Browsing of the works

necessary steps

skippable steps

Stimulation

Knowledge Incorporation

Connection Creation

LEGEND

Exhibition Guide

Fireworks Experiment

Hybrid Souvenirs

Insufficient Materials

Service Blueprint

INTENT & CONTENT

TIME

TOUCH POINT

CUSTOMER JOURNEY

FRONT STAGE

BACKSTAGE ACTIONS

SUPPORT PROCESSES

2-3 min

65-100 min

15-20 min

5-12 min

Stimulation

Knowledge Incorporation

Connection Creation

Line of Interaction

Line of Visibility

Line of Internal Interaction

Exhibition Guide

Fireworks Experiment

Hybrid Souvenirs

Promotional Posters Application

Cartoon Images Ar Exhibit Models

App Interface

Qr Code on a Physical Souvenir App Interface

View Poster Information Download the App

Buy Physical Souvenirs

View the Scene & Gallery

Record Sounds

Place Scenes

Upload to the Gallery

Add Materials to the Bag Experiment with Materials

View the Exhibition

Be Guided by Cartoon Images

Scan to Identify Exhibits

Promotional Information App Available in App Store

Attractive Cartoon Images Recognizable Exhibit Contents

Experimental Interfaces & Models

Audio Recording Flat Recognition

Qr Code from the Database Shared Gallery

Publish Promotion Publish App in App Store

Record Pavilion Information Identify the Exhibit

Record Firework Models

Upload Scenes

Share Users' Creations

SSTM provides its exhibition information and professional introduction to exhibits

Schools emphasize key knowledge points with re-inforcement of relevant content.

Variety of Scenes and Materials

The database backend provides QR codes to SSTM's souvenir shops.

Formulate Promotion Plan

Fireworks Experiment Display

Step 1

Step 2

Step 3

Step 4

Select a Fireworks Type

or upload user's own picture for the firework display

Customize Fireworks

for main material/speed/angle/ angular speed/interval duration

Customize More Details

such as inner & outer metal and launching speed

Complete Creations

with options to add to the user's bag or launch

I worked with another member with coding skills to design a firework editor to implement the fireworks experiment.

Visualization

Parameter Adjustment

Fireworks Sharing

Storyboard

Download My Fireworks.

Be guided by the cartoon image.

Scan the exhibit index with the phone.

Manipulate the model and add it to the bag.

Experiment with materials for fireworks.

Save the scene and upload it to the gallery.

Purchase a physical souvenir in the shop.

Scan the QR code to get a hybrid souvenir.

View the work in the gallery and share it.

Usage Scenario

Download the App

Welcome & Storytelling

Scan the Exhibit Index

3D Dynamic View

Fireworks Experiment

View the Hybrid Souvenir

Users download the app by scanning the posters posted in SSTM.

Visitors get informed about the story, inspiring them to visit the exhibition.

Users scan the exhibit index via phones to fulfill the tasks in the app.

After scanning, users view the 3D model in the Imaging space.

After collecting materials, users create fireworks and can record sounds.

Users scan QR codes on actual souvenirs to view the hybrid ones and share them.

Feedback

It was interesting. However, it is a bit inconvenient to keep operating the phone screen. Is there an easier way to use it?

My firework

attracts a large number of visitors. Do such hybrid souvenirs have to

be limited by the QR code

on the gift box?

Visitor

Employee

Future Planning

More Possibilities for Interaction

More Explorations of The Medium

Research & Analyze

Learn More

Test

Explore

the friendliness of various interaction gestures to users.

about interaction suitable for various age groups.

which medium is more popular with the merchants & users.

the feasibility and opportunities of physical scanning technology.

Hi there!

Thanks for reaching the end of the page. If you want to learn more about me or what I'm working on, feel free to contact me!

Contact Me

Let's Connect

@ 2023 Lynn Zhang

Phone: Email:

551-689-9116 zhenglin.zhang.lynn@gmail.com