top of page

YEAR

JAN 2018- APR 2019

ROLES

Design Lead, Interaction Designer

Mozilla's Pioneer of Innovative Products

Firefox Test Pilot

RESPONSIBILITY

Design Management, Workshops, Art Direction, UX spec

TEAM

Firefox Test Pilot is a laboratory that experiments innovative ideas and turns into official product once assumption validated. As the design lead, I was responsible for schedule and resource management and design execution and review.

Researcher,UX Designer,

Visual Designer

RESEARCH

Brand New Look and Experience

We always wanted to improve the usability of the Test Pilot site. Hence, I initiated a comprehensive redesign plan covering the interaction design and the brand new look. According to the interview study, I reviewed the information architecture and created an overview for redesign. Also, I synthesized three design challenges for critical improvements.

Each challenge represented a critical problem theme. I designed three distinct workshops to brainstorm ideas to answer each question.

Interview study

icon_next.png

Review 
current design

icon_next.png

Propose
redesign plan

List out all existing UX components for an overview

Redesigned all UX components for better experience

WORKSHOP 1

Support User's Daily Workflow

In the 90-minutes workshop, I asked the team to depict the journey map as a warm-up. Next, I reframed insights as How Might We question to turn the challenges into opportunities for design. Then, the team brain-writing for ideas. Based on these ideas, the team sketched solutions.

Slide deck of first workshop

WORKSHOP 2

Emphasize How-to Content for Users

We played an activity called "Grab bag" as a warm-up. After that, the team brain-writing based on the How Might We question. At last, the team took items from "Grab bag" as references, and used the prepared pieces of elements or sketched new representations to address the information one thought matters.

Materials to collage story in the workshop

WORKSHOP 3

Seamless Feedback channel

The workshop opened with an icebreaker game - 2 Truths and a lie. Next, the team still brain-writing for ideas. Last but not least, the group divided into three small crowds and came up with storyboards or sketches as products for other teams to negotiate an excellent price to acquire. 

CONCLUSION

Redesign and Iteration

Based on these workshops, I redesigned and proposed new interaction design, including the homepage, detail page, experiment cards, and responsive design. Also, I planned the schedule and action items for a visual refresh which owned by Peko Chen, the visual designer.

testpilot_home.png
testpilot_detail.png

PREVIOUS

Firefox ScreenshotGo
screenshot.jpg

NEXT

Firefox Screenshot
bottom of page