New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 598017 link

Starred by 4 users

Issue metadata

Status: Fixed
Owner:
Closed: Sep 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 1
Type: Bug



Sign in to add a comment

[MD History] User education on using the side nav in narrow mode

Project Member Reported by tbuck...@chromium.org, Mar 25 2016

Issue description

As we discussed in the UX sync, we should explore some lightweight UI for explaining the design changes to the user.

Maybe a toast that appears the first time Settings is opened, or a dismissable bar at the top similar to [1]?

[1] https://folio.googleplex.com/chrome-ux-specs-and-sources/Chrome%20Inner%20Pages/05-History/preview#%2FPREVIEW%2001-promo.png
 
Owner: tbuck...@chromium.org
I'll bring this to UI Review.
Labels: Hotlist-MD-Settings-General
Owner: bettes@chromium.org
Labels: -Pri-2 Pri-1
Whatever solution we come up with should also work for MD History.

Comment 5 by bettes@chromium.org, Aug 24 2016

Owner: dbeam@chromium.org
+ Use paper-tooltip
+ show tooltip upon instance of narrow mode
+ persistent until clicking out 

https://folio.googleplex.com/chrome-ux-specs-and-sources/Chrome%20Inner%20Pages/05-
History/spec#%2FSPEC%20history_userEDU.png%3Fz=width

Tooltip spec
https://folio.googleplex.com/chrome-ux-specs-and-sources/Chrome%20Inner%20Pages/03-Settings/specs#%2FSPEC-settings_tooltips.png%3Fz=width
SPEC history_userEDU.png
294 KB View Download

Comment 6 by dbeam@chromium.org, Aug 24 2016

Status: Started (was: Assigned)

Comment 7 by dbeam@chromium.org, Aug 25 2016

Cc: tbuck...@chromium.org bettes@chromium.org
WIP screenshot, guided by tbuckley and bettes
2016-08-24-182150_1200x524_scrot.png
42.8 KB View Download
Cc: tsergeant@chromium.org calamity@chromium.org
 Issue 621385  has been merged into this issue.
Components: UI>Browser>History
Some feedback about the string: It sounds a bit like a command rather than an FYI notice. I can imagine people mistaking it for Chrome telling them that they need to delete their data.

Strawman proposal:

'You can clear your browsing data from this menu'

I also think it could be a good idea to point more explicitly at the menu button with an arrow or caret. In that case you could do something like:

'You can clear your browsing data here'

Comment 11 by dbeam@chromium.org, Aug 30 2016

tbuckley@/bettes@: what are the final strings you want here?
Let's go with "You can clear your browsing data from this menu". Carrots would be great but not a need-to-have.
Project Member

Comment 15 by bugdroid1@chromium.org, Sep 21 2016

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/2d6fa4fda96dd212548f8422cf589224eb305766

commit 2d6fa4fda96dd212548f8422cf589224eb305766
Author: dbeam <dbeam@chromium.org>
Date: Wed Sep 21 07:27:07 2016

MD History: promote menu button to show clear browsing data in narrow mode

Show this tooltip the first time a user goes into narrow mode with the new
history page.

R=tsergeant@chromium.org
BUG= 598017 
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation

Review-Url: https://codereview.chromium.org/2280513002
Cr-Commit-Position: refs/heads/master@{#419996}

[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/app/generated_resources.grd
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/browser/prefs/browser_prefs.cc
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/browser/resources/md_downloads/crisper.js
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/browser/resources/md_downloads/vulcanized.html
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/browser/resources/md_history/app.crisper.js
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/browser/resources/md_history/app.vulcanized.html
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/browser/resources/md_history/browser_service.js
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/browser/resources/md_history/compiled_resources2.gyp
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/browser/resources/md_history/history_toolbar.html
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/browser/resources/md_history/history_toolbar.js
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/browser/ui/webui/md_history_ui.cc
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/browser/ui/webui/md_history_ui.h
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/common/pref_names.cc
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/chrome/common/pref_names.h
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/ui/webui/resources/cr_elements/cr_toolbar/compiled_resources2.gyp
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html
[modify] https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.js

Project Member

Comment 16 by bugdroid1@chromium.org, Sep 21 2016

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/7db5f539aa9c828a4b1db716b14028c73e462608

commit 7db5f539aa9c828a4b1db716b14028c73e462608
Author: dbeam <dbeam@chromium.org>
Date: Wed Sep 21 17:33:24 2016

MD History: promote menu button to show clear browsing data in narrow mode

Show this tooltip the first time a user goes into narrow mode with the new
history page.

R=tsergeant@chromium.org
BUG= 598017 
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation

Committed: https://crrev.com/2d6fa4fda96dd212548f8422cf589224eb305766
Review-Url: https://codereview.chromium.org/2280513002
Cr-Original-Commit-Position: refs/heads/master@{#419996}
Cr-Commit-Position: refs/heads/master@{#420095}

[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/app/generated_resources.grd
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/browser/prefs/browser_prefs.cc
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/browser/resources/md_downloads/crisper.js
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/browser/resources/md_downloads/vulcanized.html
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/browser/resources/md_history/app.crisper.js
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/browser/resources/md_history/app.vulcanized.html
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/browser/resources/md_history/browser_service.js
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/browser/resources/md_history/compiled_resources2.gyp
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/browser/resources/md_history/history_toolbar.html
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/browser/resources/md_history/history_toolbar.js
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/browser/ui/webui/md_history_ui.cc
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/browser/ui/webui/md_history_ui.h
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/common/pref_names.cc
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/chrome/common/pref_names.h
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/ui/webui/resources/cr_elements/cr_toolbar/compiled_resources2.gyp
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html
[modify] https://crrev.com/7db5f539aa9c828a4b1db716b14028c73e462608/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.js

I just tried out the promo with VoiceOver on Canary, and it seems fine. The pattern goes:

1. Focus menu button -> "Main menu, button"
2. Move next with voiceover -> "You can clear your browsing data from this menu"
3. Move next -> "Close, button"
4. Move next -> "heading level 1, History"

Pushing the close button doesn't immediately move the voiceover focus, but it can be moved to the menu button/history title easily.
Components: -UI>Browser>History
Removing the history component to get this out of the MD History P1 list.

dbeam/tbuckley: Feel free to shuffle around labels and priorities as is needed for MD Settings.

Comment 19 by dbeam@chromium.org, Sep 23 2016

Components: -UI>Settings UI>Browser>History
Status: Fixed (was: Started)
Summary: [MD History] User education on using the side nav in narrow mode (was: [General] User education on Material Design changes)
eh, let's just make this specific to history for now, call it closed, and then make a new bug for settings later if we decide to use it

Comment 20 by dbeam@chromium.org, Sep 23 2016

Labels: -Hotlist-MD-Settings-General

Sign in to add a comment