Firefox Lite News
This project is a case study of Mozilla Campus Seeding Program, using Firefox Lite News as the case study to understand users' needs for watching news on the browser through user research, and adjusting the current FirefoxLite App interface functions and operations to address users' needs.
UX/UI Designer | Hung, Li-Han / Sun, Kai-Hsu
Graphic Designer | Lin, Chia-Yi
Prototype | Lin, Yi-Hen
Time
Role
Software
UI/UX Designer
Adobe XD, Marvel
Oct 2019 - Dec 2019
Interview
We interviewed a sample of 11 iOS and Android users aged 20 to 30 and 50 to 60 respectively.
Persona 01 : Ann
Ann is a 22 year old female who is a marketing specialist. She is interested in current events and learning new expertise, but current apps often don't meet her needs to keep up with specific issues.
Ann's Journey Map
We found that Ann was unable to follow issue-specific news and often had unfinished news when she watched it.
Chen's Journey Map
We found that Chen was easily distracted by advertisements when watching the news, and the font size of the news was too small, which made it very tiring to use for a long time, as well as not knowing the news timing.
Persona 02 : Chen
Chen is a 55-year-old male, an ordinary office worker, and uses his cell phone as his main tool. Because of the long time use of cell phones, coupled with his age, reading the news puts a great burden on his eyes.
How Might We...?
Problem Discovered
Reading Comfort
-
The number of words in the news is large, but it is often unable to adjust the font size.
-
The reading process is often interrupted by advertisements and pictures.
-
Using cell phones for a long time causes discomfort for eyes to read for a long time.
News Objectivity
-
Unable to catch up with the latest news quickly.
-
Single source of news, afraid of receiving information that is not neutral.
-
The existing search function key is not obvious
Personalization
-
Don't want to read the news recommended by APP, and can't pay attention to the news of specific issues.
-
Forget to read the news posted to myself. Turn off the news in half and start again next time.
-
Share the news to family and friends.
Problem & Function Comparison Table
Wireframe
Solution
Reading Comfort
Reading mode
Reduce the interference of pictures while reading the news.
Font adjustment function
User-adjustable font size.
Read aloud function
By reading the news out loud, it reduces the load on the eyes to read.
Personalization
Personal categories & platforms
Self-editable category news for users to follow specific news.
Collection function
Collection of articles that you want to read but do not have time to read, waiting for free time to read.
Sharing function
Users can share good articles to family and friends through the sharing function.
News Objectivity
News Sort (latest/hottest)
Let users know the timeliness of news through news sorting.
Integration News
Organize similar news from different platforms together to make it easy for users to cross-reference.
Search function
Users can search for news of interest by keywords, instead of just passively receiving recommended news.
