2 Months
Figma
Adobe PhotoShop
Adobe Illustrator
Lige Yang (UI/UXD)
Tyler Roberts (PM)
Louisa Potthast (Museum Expert)
Logly App is designed as a user-friendly digital tool that offers seamless exhibition navigation, easy access to information, and social interactive features, enriching the visitor experience. It's adopted by multiple museums now.
Quantitative research
Qualitative research
Persona
User journey map
User testing (expert review)
Iteration
Actionable Hi-fi prototyping
UI system
Ideate
Prioritize
Wireframing
Hi-fi prototyping
UI system design
To quickly collect data and find out who is our target user, I send out 80 questionnaires in person at the Seattle Art Museum and the Henry Art Gallery.
Based on the questionnaires, I map out visitors into three types: museum lover, casual visitor, and Fresh visitor.
.png)
To understand the pain points of museum lover, I interviewed 6 visitors who often visit museums more than 4 times a year and 2 museum experts. Here are some pull quotes
From the questionnaire survey and interviews, I have following insights into the problems
To synthesize our power users research insights, I create a persona for our power user.
To understand the touch points our power user, I create a user journey map.
.png)
I communicated with PM about the research insights and defined the key user cases and appropriate scope of the function set. Then I prioritized my design tasks to ensure the deliverable.
How might we create an intractable digital brochure that offers easily accessible and up-to-date information on exhibition items, via mobile phone to museum lovers visiting a new museum for the first time?
To understand and optimize the user experience, I create a task flow to reflect how users interact with the product.
I communicated design concept with the PM and aligned action design task on wireframes.
.png)
I invitedย four power users (aka museum experts) for usability studies of my prototype. I tested the second version of my prototype using the think-aloud techniques. Afterward, Iย conducted a post-test interview to gain insights into usability strengths and weaknesses.
Based on what I got from the usability test,
I improve the web application to final high-fidelity design.
After iteration, I made an actionable high-fi prototype and a UI style guide for visual system
Scan a QR code at museum entrance, enter Experience List to browse the experiences.
Pick an experience you are interested in, use filter to browse quickly.
Choose the art piece you would like to learn under the experience theme. The art piece page contains multi-media context to enrich visitor's understanding of the art piece.
Post your thoughts and see other's ideas.
1. Keep PM in loop and communicate with team in a timely manner is very important for designer to keep on the right track.
2. Feasibility is gold. Always check logistics (tech development, cost, iteration plan) while design for solution.
3. Priority tasks in a deliver cycle.
4. I'm so proud that this Logly web App is launched!
