Join GitHub today
GitHub is home to over 31 million developers working together to host and review code, manage projects, and build software together.Sign up
[UX] Private Browsing #181
GH issue to track design work. Nicole is the designer
Please let us know when this will be finalized?
1. Accessing (going in and out)
Private Browsing is a mode that you can go back and forth from. To go in or get out of Private Browsing, tap the mask icon on the home screen.
2. Home screen
When you go into then Private Browsing home screen:
a. IF no private tab exists, THEN Fenix will show an empty home screen with informational text
3. Searching and browsing
Tapping on the Private Browsing search bar will bring it up to the top and open the keyboard, allowing you to search and/or go to websites.
Tapping on the search bar while you’re browsing will also open it up for editing.
This behaviour is identical to normal browsing, except in Private Browsing, Fenix uses a dark colour scheme.
4. Viewing list of tabs
To view the tab list, tap the Tab icon on the search bar. Note how the Tab icon has a mask inside it. This mask and the dark colour scheme are visual indicators that you’re browsing privately.
To get out of Private Browsing, you can always tap the mask icon.
5. Deleting session
To delete all Private Browsing tabs, tap the “Delete Session” button underneath the tab list. When tabs are deleted, we show the empty Private Browsing start page, so it’s ready to go.
When there are multiple tabs, you need to scroll down a bit to access the “Delete Session” button. It’s a bit cumbersome with all the scrolling, but the UI is consistent. We’ll design a more accessible way to delete session in subsequent versions.
6. Adding new tab
To add a new private tab, go to the tab list view and tap on the search bar. All searching and browsing performed from here will open the link in a new tab.
Tapping on the “+” icon next to the “Private Session” heading will also activate the search bar! (Credit to @topotropic).
While browsing normally, you can also add a new private tab. Open the main menu, then tap “Private Tab”.
Private Browsing is a persistent mode
Once you tap on the mask icon and enter Private Browsing, Fenix will stay there (even if it has been quit and reopened), unless you manually tap the mask again to exit Private Browsing.
Translation: you can make Fenix always start in Private Browsing using just one tap.
Those screens looks great! Tbh I wish Fenix would always look like in those private mode screens. :)
I wonder how using light/dark themes to distinguish between normal/private browsing affects our battery meta (#240) and generic dark mode (#252)? If battery live is something we really want to have an impact on then it seems counter-productive to have a bright white app by default? (CC @colintheshots)
With the next version of Android rumored to support dark mode, it seems smart to decouple light/dark themes with normal/private browsing modes.
What we may want to consider instead is to have theme selection under Settings (which can be either “Light”, “Dark” or “Follow system settings”).
To mark private browsing, we colour it differently from other icons – neither light grey or dark blue, but purple.
Finding something that looks distinct from every other icons, but equally at home in both dark and light themes, is hard. Take the mockup below with a grain of salt.
Maybe something to consider in future versions?
One question I’d like to pose to the team is whether we’d like Private Browsing history and tabs to persist or be erased/closed when the app is quit.
On iOS Safari, Firefox and Chrome
On Android Chrome and Firefox
Proposed Fenix behaviour
In summary, when Fenix is force quit while in Private Browsing, it will erase your Private Browsing history, but will remember that you still want Private Mode to open first.
@brampitoyo is there a reason we can't just have the "delete session" button just pinned to the bottom of the screen and the tabs just appear from beneath it as you scroll up? That way the button is always visible and you can still see lots of tabs at once.
Yes, we can – and thanks for pointing it out!
In fact, the first set of concepts that I’ve explored has an “Erase” FAB on the tab list view (you can ignore the rest of the UI):
We can return to this UI again after v1 has released.
@brampitoyo love the design and flow!
I echo your suggestion for Fenix: "In summary, when Fenix is force quit while in Private Browsing, it will erase your Private Browsing history, but will remember that you still want Private Mode to open first."