[Browser] Change first run start screen to be less confusing

RESOLVED WORKSFORME

Status

Firefox OS
Gaia::Browser
P3
normal
RESOLVED WORKSFORME
5 years ago
3 years ago

People

(Reporter: ibarlow, Unassigned)

Tracking

({polish, uiwanted})

unspecified
x86
Mac OS X
polish, uiwanted

Firefox Tracking Flags

(blocking-basecamp:-)

Details

(Whiteboard: interaction c=browser u=user)

Attachments

(2 attachments)

(Reporter)

Description

5 years ago
Created attachment 684487 [details]
start page

See screenshot.
I raised this before with Josh, can't remember what the conclusion was or if there's already a bug for this.
blocking-basecamp: --- → ?
Keywords: perf → polish
blocking-basecamp: ? → -
Whiteboard: visual design, interaction → interaction

Comment 2

5 years ago
Is there something nicer we can do here besides a blank page? This IS the first think that users see when they start the browser. Even a "Welcome to Firefox! Enter address or search to start browsing" note?

Comment 3

5 years ago
Er, turns out my past self had thought about this case. See pg. 4: https://people.mozilla.com/~lco/FX_B2G/Release_1_Specs/R1_Start%20Page_v2.pdf
(In reply to Larissa Co from comment #3)
> Er, turns out my past self had thought about this case. See pg. 4:
> https://people.mozilla.com/~lco/FX_B2G/Release_1_Specs/R1_Start%20Page_v2.pdf

Yep, and this was what was originally implemented. Josh changed the strings to be more concise but we lost information in the process. Like I say I remember raising this exact issue at the time, but I don't remember the conclusion.

The sensible thing to do seems to be to just not show the Top Sites heading if there are no top sites, as described in the bug summary.

Comment 5

5 years ago
Well, don't show the "top sites" heading, but I think you should still show some kind of string or have some nice visual design. Patryk, is this something visual design can take care of?
Hi all,

Yep, this one was my doing. Thanks for catching the strange result it created. By way of explanation, I edited the original verbiage because I felt that welcoming users to the browser by informing them that that they don't have any of a thing they don't know about (Top Sites) is odd, and adds needless complexity. Better to reveal "Top Sites" only once the user actually has some to view, and make the empty landing page clean and intuitive.

I feel that's the right approach. However it has left us with this strange result, per Ian's screenshot. So I recommend tweaking this page to fill the gap. IMO, when the user hits the Browser for the first time (or in the absence of any Top Sites), they should see a blank canvas with minimal distraction. A logo, and a call to action in the address bar (which we already have). 

To get to this point, if we look at Ian's screenshot, we need to:

* Remove the "Firefox" heading
* Remove the "Top Sites" heading
* Consider tweaking the logo (remove fade-out, and center vertically and horizontally?)

Patryk and Larissa, what do you think?

Comment 7

5 years ago
> To get to this point, if we look at Ian's screenshot, we need to:
> 
> * Remove the "Firefox" heading
> * Remove the "Top Sites" heading
> * Consider tweaking the logo (remove fade-out, and center vertically and
> horizontally?)
> 
> Patryk and Larissa, what do you think?

Fine with me. 

I would also be OK with having the FF logo and brandmark on the page instead.
(In reply to Larissa Co from comment #7)
> > To get to this point, if we look at Ian's screenshot, we need to:
> > 
> > * Remove the "Firefox" heading
> > * Remove the "Top Sites" heading
> > * Consider tweaking the logo (remove fade-out, and center vertically and
> > horizontally?)
> > 
> > Patryk and Larissa, what do you think?
> 
> Fine with me. 
> 
> I would also be OK with having the FF logo and brandmark on the page instead.

Me too.

Patryk, can you work visual design magic here?
Flags: needinfo?(padamczyk)
I'd have the welcome message, remove the "top sites" string. Also the "Web Browser" string feels pointless, so I'd remove that as well... Perhaps have "Welcome" instead, sounds much less generic. I'd leave the layout as is. We'd want to rethink this start page altogether for v.2.
Flags: needinfo?(padamczyk)
Ben, can we:

* Remove "Web Browser / Firefox" string
* Remove "Top Sites" string
* Retain the logo
* Retain the welcome message ("Enter a search term of Web address to start browsing")

?
Summary: If the start page is empty, don't show "Top Sites" label → [Browser] Change first run start screen to be less confusing
Whiteboard: interaction → interaction c=browser u=user
Priority: -- → P3
Flags: needinfo?(ibarlow)
Keywords: uiwanted

Comment 11

4 years ago
A Pivotal Tracker story has been created for this Bug: http://www.pivotaltracker.com/story/show/53549185
Created attachment 792400 [details]
browser_HomePageV.01.pdf

Please find proposed UI to fix this bug attached.

https://mozilla.box.com/s/iwlc7rashgdtbv6um54o
Flags: needinfo?(ibarlow)
With the new system browser we ship a collection of default sites and headers. Since this has been redesigned from the ground up, I believe this to be fixed. Please re-open or file a new bug if you'd like to see further improvements here.
Status: NEW → RESOLVED
Last Resolved: 3 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.