search

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

#3262- Pull to refresh webpage- Advika Singh #80

Closed adi-1999 closed 4 months ago

adi-1999 commented 4 years ago

What is the problem you are trying to solve?

issue :- #3262

Why is it a problem?

Pulling down to refresh tab is a feature that provides quick and easy usability. This feature is lacking in the app . Incorporating this feature would enhance user experience

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

Competive analysis would be a good way to tackle this problem. Chrome and opera mini both make the user go to the top and then pull down to refresh. While chrome uses a rotation blue circle to indicate refresh opera mini use cogs to as an icon of refresh. Chrome:-

WhatsApp Image 2020-03-31 at 12 23 51 AM

Opera Mini:-

WhatsApp Image 2020-03-31 at 12 23 45 AM

So we have 2 options :- 1) the user scrolls to the top and then pulls down to refresh. 2) the user pulls down right below the bar menu to refresh. The user should atleast pull down 1/8th of the screen from the top in order to refresh. The UI will appear at 1/8 of the screen from the top. UI for refresh:-

1st option:-

unnamed_1

2nd option:-

unnamed

How would you measure your designs effectiveness?

Analytics as to how much will the refresh API will be called which will tell us the importance of this feature .

liuche commented 4 years ago

Hey @adi-1999, I think @Mugurell has an apk with a demo of this ready, in this PR https://github.com/mozilla-mobile/fenix/pull/9440 . You should be able to download it (see instructions in comment 0), and then you can do a design review/test it out before it lands.

Also feel free to reach out to him on Slack (Petru) or Riot.

adi-1999 commented 4 years ago

Hey @liuche , Hope you are doing well. Yes, I would love to review/test it and I will definitely be reaching out to him.

topotropic commented 4 years ago

Thanks for your contribution!

Here's a quick video https://drive.google.com/file/d/1USVgp8IirznWWJoYPi6XPETdROYYxzTQ/view You can also find an apk here https://firefox-ci-tc.services.mozilla.com/tasks/bgx9Ny3ySHu3tZmtP3aXFw#artifacts

adi-1999 commented 4 years ago

Hey @adi-1999, I think @Mugurell has an apk with a demo of this ready, in this PR mozilla-mobile/fenix#9440 . You should be able to download it (see instructions in comment 0), and then you can do a design review/test it out before it lands.

Also feel free to reach out to him on Slack (Petru) or Riot.

Hello @liuche , As suggested, I have reviewed the new Firefox Nightly app and the link for the same is :- #112 Thank you!