mozilla-mobile / outreachy-UX-2020

INACTIVE - http://mzl.la/ghe-archive - A place to document UX contributions for the summer 2020 Outreachy program.
8 stars 7 forks source link

Pull to Refresh Web Page #3262-Riya #14

Open riyasoganii opened 4 years ago

riyasoganii commented 4 years ago

What is the problem you are trying to solve?

Pull to Refresh Web Page #3262 https://github.com/mozilla-mobile/fenix/issues/3262

Why is it a problem?

As a user, on most other apps I use, it is required to pull down a page to refresh it. Hence, this is an instinctive action. Additionally, on Firefox Preview the option to refresh is not very easily found- it is located in the menu bar, which is not a very evident position, and most users would take a while to locate it. In order to increase efficiency of the UI, this should be an incorporated feature which can be turned off manually through the browser settings.

How would you solve the problem? What is your design proposal?

I have created 2 refresh logos- one minimal one, and one which incorporates the colors of the firefox brand. These logos could be animated to rotate while the refreshing process is going on. Untitled design

image0 (2)

Webpage is not fully pulled down yet: Note- as the webpage is pulled further down, more of the 'refresh' logo is exposed. Tabs (6)

Webpage has been fully pulled down: Design 1- Note-'Refresh' logo turns coloured tabs8

Design 2- Note- Background turns coloured Tabs (7)

How would you measure your designs effectiveness?

By putting out occasional user surveys pertaining to UI/UX and also by monitoring the use of the refresh function, we will be able to tell the utility and appeal of the design.

topotropic commented 4 years ago

Good one! This is coming to Firefox Preview https://github.com/mozilla-mobile/fenix/issues/3262