Project HumanCity Spotstitch AR Feature Design
UX Case Study
Feature Design
About Project HumanCity
Overview
Project HumanCity is a gaming/social media startup that encourages users to engage in the community building.
The feature: Allows users to scan, edit, and create content using AR camera.
Industry
Game/Social
Team member
1 PM
2 Product designers
5 Developers
My role
Product Designer
Company
Project HumanCity
My task: add filter, duo, and stitch functions to current AR content flow based on the user persona.
Process
Information Architecture
Current app user flow
Currently, Spotstitch has many features that allow users to complete different tasks. Our task is to design the AR content feature to allow it fit into the entire workflow of the app and the web.
Feature user flow
Design without the Editing feature
Map/Event View
Camera View
User Persona
Our product has two user groups, one for general public, and the other for the influencer.
Ideate
Sketches/low-fidelity screens
Mapping out new user flow
The first possible scenario is when users randomly browsing, finding the event/location from the nearby feed or map
Scenario 1 :
Browse the map/nearby feed
Find an interesting post
Post content
Stitch
Duet
Open camera to scan
Edit content
Select portion
The second possible scenario is when users want to create content out of their camera directly
Scenario 2 :
From the camera
Scan content
Edit content with filters
Post content
User needs
Developer needs
Declutter the interface
Minimal the changes of the existing screens
Have the editing/stitch/duet function similar to Tiktok
⛳️ Goal: Finding balance between user needs and developers needs
Design
Creating the high fidelity
Adding to the existing screens
I added the new screens to the existing screens and connected the flows. I modified the existing screens to remove some visual clutter.
Reflection
🌱 What I learned
Learned to harmonize design changes for developer convenience without compromising user experience.
Mastered the art of introducing new flows with minimal screen changes, ensuring consistency and familiarity.
Improved communication with developers, articulating design requirements clearly for smoother implementation.
Embraced iterative design, focusing on user needs through research, feedback, and continuous refinement.
Recognized the importance of collaboration across stakeholders and refined attention to detail for polished user experiences.