Build connection to declining city center carrying memories
Build connection to declining city center carrying memories
How to encourage users to relive old town memory?
How to encourage users to relive old town memory?
Trace
Trace
Trace
Relive Old Town Memory
Relive Old Town Memory
Relive Old Town Memory
Duration
Apr 23 - July 23
Duration
Apr 23 - July 23
My Role
Research
UX/UI Design
User Testing
My Role
Research
UX/UI Design
User Testing
Team
2 UX/UI Designer
1 UX Researcher
Team
2 UX/UI Designer
1 UX Researcher
“When I go back, I feel like my past and existence have been killed and erased.”
—— By an interviewee
“When I go back, I feel like my past and existence have been killed and erased.”
—— By an interviewee
“When I go back, I feel like my past and existence have been killed and erased.”
—— By an interviewee
What happened when the urban declined?
Town changed
Town changed
Experiences and habits of somewhere cease
Experiences and habits of somewhere cease
San Francisco
San Francisco
People separated
People separated
Lost contact with neighbors and friends who once knew
Lost contact with neighbors and friends who once knew
Detroit
Detroit
Memory not aroused
Memory not aroused
Memories of somewhere are no longer aroused and forgotten.
Memories of somewhere are no longer aroused and forgotten.
Chicago
Chicago
How to meet the needs of nostalgia caused by urban decline？
How to meet the needs of nostalgia caused by urban decline？
Solution
Gamification & Online Community & Collection
Solution
Gamification & Online Community & Collection
Find where old photos were taken
Find where old photos were taken
Old photos uploaded by users and released
Use various clues (such as using AR to obtain clues from old shops) to find where old photos were taken to check in
Old photos uploaded by users and released
Use various clues (such as using AR to obtain clues from old shops) to find where old photos were taken to check in
Find old friends through photos
Find old friends through photos
Find other users with memories associated with the same venue in old photos
Find old friends who used to be in contact but separated and lost contact information
Find other users with memories associated with the same venue in old photos
Find old friends who used to be in contact but separated and lost contact information
Collect city artwork
Collect city artwork
City-themed artwork created and uploaded by other users and AI
Use points earned from completing/posting tasks to purchase artwork
City-themed artwork created and uploaded by other users and AI
Use points earned from completing/posting tasks to purchase artwork
Research
Identified residents having experienced urban decline as interviewees
Research
Identified residents having experienced urban decline as interviewees
20
20
Valid Questionnaire
Valid Questionnaire
Valid Questionnaire
12
12
Semi-structured
Interview
Semi-structured
Interview
Semi-structured
Interview
3
3
Generation Groups
Generation Groups
Generation Groups
We focus on...
· Attitude / emotions about urban renewal
· Memories associated with a specific urban landscape
· Ways to explore the city
We focus on...
· Attitude / emotions about urban renewal
· Memories associated with a specific urban landscape
· Ways to explore the city
Insights
Urban decline erases their presence and memories of the past here
Insights
Urban decline erases their presence and memories of the past here
Lack of products and motivation to explore old memories
Lack of products and motivation to explore old memories
Hope to recontact with long-lost acquaintances
Hope to recontact with long-lost acquaintances
Enjoy city/hometown-themed artwork
Enjoy city/hometown-themed artwork
· When feeling nostalgic about the past, lack products to explore old memories
· When feeling nostalgic about the past, lack products to explore old memories
· Engagement is passive, limited to passing by or browsing old albums
· Engagement is passive, limited to passing by or browsing old albums
· Feel disconnected from old friends and long-lost acquaintances
· Feel disconnected from old friends and long-lost acquaintances
· Lack contact information and opportunities to reconnect
· Lack contact information and opportunities to reconnect
· Enjoy seeing and promoting photos or artwork of hometown and other cities
· Enjoy seeing and promoting photos or artwork of hometown and other cities
· Encounter very few such images or pieces
· Encounter very few such images or pieces
Design Strategy
How to encourage users to relive old town memory?
Design Strategy
How to encourage users to relive old town memory?
Lack of products and motivation
Lack of products and motivation
Lack of products and motivation
Recontact with long-lost acquaintances
Recontact with long-lost acquaintances
Recontact with long-lost acquaintances
Enjoy city-themed artwork
Enjoy city-themed artwork
Enjoy city-themed artwork
Motivation design - encourage exploring
Motivation design - encourage exploring
Motivation design - encourage exploring
Provide chances to reconnect
Provide chances to reconnect
Provide chances to reconnect
Use city-themed artwork to attract
Use city-themed artwork to attract
Use city-themed artwork to attract
Conceptualization
Developed Concepts Based on Three strategies
Conceptualization
Developed Concepts Based on Three strategies
We developed six concepts, then asked 11 of the 12 interviewees to evaluate and rate concepts' value to them. We designers evaluated and rated the feasibility of realizing concepts. The full score is five points.
We developed six concepts, then asked 11 of the 12 interviewees to evaluate and rate concepts' value to them. We designers evaluated and rated the feasibility of realizing concepts. The full score is five points.
Motivate
Motivate
Gamification
Gamification
Concept A: Puzzle-solving & check in
Concept A: Puzzle-solving & check in
· User can upload and post old photos
· User can use various clues (such as using AR to obtain clues from old shops) to find where old photos were taken to check in
· User can upload and post old photos
· User can use various clues (such as using AR to obtain clues from old shops) to find where old photos were taken to check in
· User can upload and release old photos
· User can use various clues (like using AR to obtain clues from old shops) to find where old photos were taken to check in
Concept A
Value Score 3.82
Feasibility Score 4
Concept A
Value Score 3.82
Feasibility Score 4
Concept A
Concept A
Reconnect
Reconnect
Online Community
Online Community
Concept B: Photo sharing & contact
Concept B: Photo sharing & contact
· Users can upload photos and videos of their unique memories of the venue. Other users with similar memories can comment.
· Users can upload photos and videos of their unique memories of the venue. Other users with similar memories can comment.
Concept C: Collective memory discussion
Concept C: Collective memory discussion
· Users can join a discussion area to recall famous city events and old photos of collective memories.
· Users can join a discussion area to recall famous city events and old photos of collective memories.
Concept B
Value Score 3.64
Feasibility Score 4
Concept B
Value Score 3.64
Feasibility Score 4
Concept C
Value Score 3.36
Feasibility Score 4.5
Concept C
Value Score 3.36
Feasibility Score 4.5
Concept B
Concept B
Concept C
Concept C
Artwork
Artwork
Collection
Collection
Concept D: Re-creation by AI and users
· Users can upload old photos for AI to repair and recreate. They can also download, edit, and republish the restored photos.
· Users can upload old photos for AI to repair and recreate. They can also download, edit, and republish the restored photos.
· Users can upload old photos for AI to repair and recreate. They can download, edit, and republish the restored photos.
Concept E: Cooperative Modeling Platform
· Users can collaborate on a platform to model venue changes.
· Users can collaborate on a platform to model venue changes.
Concept D
Value Score 3.64
Feasibility Score 3.5
Concept D
Value Score 3.64
Feasibility Score 3.5
Concept E
Value Score 3.64
Feasibility Score 2
Concept E
Value Score 3.64
Feasibility Score 2
Concept D
Concept D
Concept E
Concept E
Usability Testing Plan
12 Testees in 3 Groups
Usability Testing Plan
12 Testees in 3 Groups
12
12
Testees
Testees
3
3
Groups
Groups
We conducted three usability tests with twelve interviewees (Marked with A-L), divided into three groups. Each group performed tasks and rated the model with a maximum score of 10.
We conducted three usability tests with twelve interviewees (Marked with A-L), divided into three groups. Each group performed tasks and rated the model with a maximum score of 10.
We conducted 3 usability tests with 12 interviewees (Marked with A-L), divided into three groups. Each group performed tasks and rated the model with a maximum score of 10.
Iteration #1
Searching in the area
Iteration #1
Searching in the area
A place to guide users to search for where the old photo was taken in the given area and provide tools
A place to guide users to search for where the old photo was taken in the given area and provide tools
A place to help users search for where the old photo was taken in the given area and provide tools
Problem
Problem
· Few testees check the progress bar and tools
· Cannot use tools and the map at the same time
· Few testees check the progress bar and tools
· Cannot use tools and the map at the same time
Goal
Goal
· Progress bar easier to find and use
· Tools easier to find and use with the map
· Progress bar easier to find and use
· Tools easier to find and use with the map
1st Iteration
Adjust the Progress Bar/Tools Information Hierarchy
1st Iteration
Adjust the Progress Bar/Tools Information Hierarchy
Improvement
Improvement
· Progress Bar & Tools higher information hierarchy
· Make the map the main element of the screen
· Progress Bar & Tools higher information hierarchy
· Make the map the main element of the screen
Problem
Problem
· Need old photos for reference
· Unable to view details of the ongoing task
· Need old photos for reference
· Unable to view details of the ongoing task
Goal
Goal
· Task old photo available for viewing
· Task details available
· Task old photo available for viewing
· Task details available
2nd Iteration
Add Task Details
2nd Iteration
Add Task Details
Improvement
Improvement
· Add task old photo for reference
· Add task details
· Add task old photo for reference
· Add task details
Iteration #2
Overlay old photo and camera footage
Iteration #2
Overlay old photo and camera footage
Overlap the old photo with the photo taken by the user after the user finishes shooting
Overlap the old photo with the photo taken by the user after the user finishes shooting
Problem
Problem
· Overlaying by opacity is difficult to understand
· Lack of interaction
· Overlaying by opacity is difficult to understand
· Lack of interaction
Goal
Goal
· Overlay effect more understandable
· Overlay effect more interactive
· Overlay effect more understandable
· Overlay effect more interactive
1st Iteration
Add movable dividing line
1st Iteration
Add movable dividing line
Improvement
Improvement
· Change the opacity overlay to a dual layer contrast
· Add a movable divider
· Change the opacity overlay to a dual layer contrast
· Add a movable divider
Problem
Problem
· Interactive prompt of the divider is not obvious
· Testees cannot get the photo contrast quickly
· Interactive prompt of the divider is not obvious
· Testees cannot get the photo contrast quickly
Goal
Goal
· Add tips for dividing line interactions
· Further enhance the interface's understandability
· Add tips for dividing line interactions
· Further enhance the interface's understandability
2nd Iteration
Add Tips
2nd Iteration
Add Tips
Improvement
Improvement
· Add tags for old photo and camera
· Add tips for devider
· Add tags for old photo and camera
· Add tips for devider
Testing Result
Improvement
Testing Result
Improvement
27%
27%
Rating Improvement
Rating Improvement
Rating Improvement
67%
67%
Good Reviews
Good Reviews
Good
Reviews
The comparison-based test results provide a certain reference:
Low-fi (A, B, C, D) Average Score: 7
1st Iteraction (E, F, G, H) Average Score: 7.75
2nd Iteraction (A - L) Average Score: 8.92
A-D Average: 9.25 E-H Average: 9 I-L Average: 8.5
The comparison-based test results provide a certain reference:
Low-fi (A, B, C, D) Average Score: 7
1st Iteraction (E, F, G, H) Average Score: 7.75
2nd Iteraction (A - L) Average Score: 8.92
A-D Average: 9.25 E-H Average: 9
I-L Average: 8.5
The comparison-based test results provide a certain reference:
Low-fi (A, B, C, D) Average Score: 7
1st Iteraction (E, F, G, H) Average Score: 7.75
2nd Iteraction (A - L) Average Score: 8.92
A-D Average: 9.25 E-H Average: 9 I-L Average: 8.5
Build connection to declining city center carrying memories
How to encourage users to relive old town memory?
Trace
Relive Old Town Memory
Duration
Apr 23 - July 23
My Role
Research
UX/UI Design
User Testing
Team
2 UX/UI Designer
1 UX Researcher