After an evaluation, GNOME has moved from Bugzilla to GitLab. Learn more about GitLab.
No new issues can be reported in GNOME Bugzilla anymore.
To report an issue in a GNOME project, go to GNOME GitLab.
Do not go to GNOME Gitlab for: Bluefish, Doxygen, GnuCash, GStreamer, java-gnome, LDTP, NetworkManager, Tomboy.
Bug 762071 - 'you're ready to go' needs a facelift
'you're ready to go' needs a facelift
Status: RESOLVED FIXED
Product: gnome-initial-setup
Classification: Applications
Component: general
3.19.x
Other Linux
: Normal normal
: ---
Assigned To: GNOME Initial Setup maintainer(s)
GNOME Initial Setup maintainer(s)
Depends on:
Blocks:
 
 
Reported: 2016-02-15 11:31 UTC by Jakub Steiner
Modified: 2016-02-16 13:40 UTC
See Also:
GNOME target: ---
GNOME version: ---


Attachments
cute stencil that doens't quite fit in. (878.99 KB, image/png)
2016-02-15 11:31 UTC, Jakub Steiner
  Details
summary: provide a concistent visual (363.62 KB, patch)
2016-02-15 14:14 UTC, Jakub Steiner
none Details | Review
summary: provide a concistent visual (363.62 KB, patch)
2016-02-16 10:44 UTC, Jakub Steiner
none Details | Review
summary: provide a concistent visual (363.56 KB, patch)
2016-02-16 10:57 UTC, Jakub Steiner
committed Details | Review

Description Jakub Steiner 2016-02-15 11:31:56 UTC
Created attachment 321240 [details]
cute stencil that doens't quite fit in.

The final step of initial set up features a graphic that seems out of place. While cute, it doesnt quite fit in the rest of the visual style, especially the blank initial state of the apps.

Allan has created a mockup of a viable last step here -- https://raw.github.com/gnome-design-team/gnome-mockups/master/initial-setup/aday/10-completed.png
Comment 1 Allan Day 2016-02-15 11:37:24 UTC
The check mark asset is already available here:

https://raw.githubusercontent.com/gnome-design-team/gnome-mockups/master/initial-setup/aday/assets/check-mark.png

We can provide a different size if needed.
Comment 2 Jakub Steiner 2016-02-15 14:14:27 UTC
Created attachment 321256 [details] [review]
summary: provide a concistent visual

- provide a common 'empty' state that is inviting yet
  consistent with what the other apps do.

Sadly this is completely untested as I don't know how to do that :/
Comment 3 Jakub Steiner 2016-02-15 14:15:35 UTC
(In reply to Allan Day from comment #1)
> The check mark asset is already available here:
> 
> https://raw.githubusercontent.com/gnome-design-team/gnome-mockups/master/
> initial-setup/aday/assets/check-mark.png
> 
> We can provide a different size if needed.

I've included the asset as an SVG with slightly larger texture that should cope with HiDPI better. Should probably look into doing that for all the assets.
Comment 4 Jasper St. Pierre (not reading bugmail) 2016-02-15 17:08:49 UTC
Heh, it's funny. I much prefer the cutesy last page, at least for a consumer product, because it's a tiny bit of joy in an otherwise boring interface.

Endless has wanted an initial setup experience that doesn't feel much like filling in paperwork for a little while (it's one of the biggest bits of user feedback we get -- users are exhausted by the initial setup), and this feels like a bit of a step backwards.
Comment 5 Allan Day 2016-02-15 17:16:58 UTC
(In reply to Jasper St. Pierre from comment #4)
> Heh, it's funny. I much prefer the cutesy last page, at least for a consumer
> product, because it's a tiny bit of joy in an otherwise boring interface.

The new graphic is a much closer fit to the visuals used elsewhere in Endless, so I find it surprising that you're objecting to it.
 
> Endless has wanted an initial setup experience that doesn't feel much like
> filling in paperwork for a little while (it's one of the biggest bits of
> user feedback we get -- users are exhausted by the initial setup), and this
> feels like a bit of a step backwards.

I honestly don't think that the choice of final graphic will have a lot of impact here.
Comment 6 Jasper St. Pierre (not reading bugmail) 2016-02-15 17:19:29 UTC
I'm not really objecting to it, just pointing it out. We don't have that much visual consistency -- given a more cutesy image, vs. one that "fits our brand", we've chosen to prefer the cutesy variant, simply to hope the user gets a tiny bit more joy out of it.
Comment 7 Jasper St. Pierre (not reading bugmail) 2016-02-15 17:24:33 UTC
Review of attachment 321256 [details] [review]:

::: gnome-initial-setup/pages/summary/gis-summary-page.css
@@ +2,3 @@
 .gis-summary-page {
     background:
+      url("ready-to-go.svg") no-repeat 35% 50%;

I'd prefer if we used a GtkImage -- the other pages probably have some examples of what to put in the .ui files.

::: gnome-initial-setup/pages/summary/summary.gresource.xml
@@ +4,3 @@
     <file preprocess="xml-stripblanks" alias="gis-summary-page.ui">gis-summary-page.ui</file>
     <file alias="gis-summary-page.css">gis-summary-page.css</file>
+    <file alias="grass.svg">ready-to-go.svg</file>

This is the wrong file.
Comment 8 Jakub Steiner 2016-02-16 10:44:35 UTC
Created attachment 321356 [details] [review]
summary: provide a concistent visual

- provide a common 'empty' state that is inviting yet
  consistent with what the other apps do.

Sadly this is completely untested as I don't know how to do that :/
Comment 9 Jakub Steiner 2016-02-16 10:57:59 UTC
Created attachment 321359 [details] [review]
summary: provide a concistent visual

- provide a common 'empty' state that is inviting yet
  consistent with what the other apps do.
Comment 10 Matthias Clasen 2016-02-16 13:40:06 UTC
Attachment 321359 [details] pushed as 56ff85b - summary: provide a concistent visual