Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

NUX: Consider making "close" button hide the current guide instead of disabling tips completely #12632

Closed
TimothyBJacobs opened this issue Dec 6, 2018 · 7 comments
Labels
[Feature] NUX Anything that impacts the new user experience Needs Design Feedback Needs general design feedback.

Comments

@TimothyBJacobs
Copy link
Member

Right now, as far as I can tell, there is only one guide in Gutenberg. However, when using the NUX package with multiple guides, it'd be more helpful if clicking the close button only dismissed that guide instead of completely disabling tips.

Each guide can be associated with completely different parts of an application and the user saying "I know this, don't bother me" about one component of the application shouldn't be treated as, "I'm an expert on everything in this app, no need to tell me about it ever". This would particularly hold true when adding new features to an application that you want to show guides for.

@designsimply designsimply added Needs Design Feedback Needs general design feedback. [Feature] NUX Anything that impacts the new user experience labels Dec 6, 2018
@karmatosed karmatosed added Needs Decision Needs a decision to be actionable or relevant and removed Needs Design Feedback Needs general design feedback. labels Feb 25, 2019
@karmatosed
Copy link
Member

In this case, it's not something I feel needs design feedback as much as needs a decision on the development level.

@sarahmonster
Copy link
Member

This warrants design discussion because it changes the way that users will interact with tips.

The problem

Tips belong to a "guide". By default, Gutenberg ships with only one guide, but plugin developers can add their own guides.

screenshot 2019-02-25 17 42 48

Tapping the "x" does the following:

  • closes the current tip
  • disables the "show tips" setting (no more tips will be shown)

As a result, closing out one tip also disables all other tips, including tips that are added by third-party plugins.

Basically, there are three possibilities for the "x" button:

  1. Close the current tip only.
  2. Close the current tip and all other tips in this guide.
  3. Close the current tips and all other tips.

Gutenberg current uses #3, but this is suggesting to instead use #2. From a user experience point of view, that could be a bit confusing since there's no way of identifying what guide a tip is part of, and I've already selected a "disable all tips" option.

Potential solutions

We'll want to be careful to ensure that a solution here follows these principles:

  1. Tips are used to provide contextual, helpful information when users need them most.
  2. As a user, I can dismiss tips easily and quickly if I never want to see them.

It's important that we balance these two user needs here in order to provide the best experience possible. We don't want people to be annoyed by tips always popping up when they're not helpful, but we also want to help users learn this new interface (including plugins!)

I'm thinking the most user-friendly approach might be to expose some more information to users, so they can better control what tips are shown. Here are a few ideas:

  1. Tapping the "x" closes the current tip only. A different control would be used to dismiss all tips.

screenshot 2019-02-25 17 58 37

  1. Tapping "x" only disables tips in the current guide. Tips that are part of another guide will still appear.

For this to work, we'd want to expose a title of the current guide, so that users can distinguish between the different tips without getting confused. We'd also want to change the tooltip text to read something like "Disable all tips in this guide" rather than "Disable all tips".

screenshot 2019-02-25 18 10 45

  1. A combination of the above:

screenshot 2019-02-25 17 59 24

We could even go a step further and add finer-grained controls here:

screenshot 2019-02-25 18 20 08

This would allow users to select 1, 2, or 3, depending on their preferences, but I suspect it's presenting too many choices without enough payoff.

@karmatosed
Copy link
Member

Adding back in design discussion label based on feedback, thanks.

@karmatosed karmatosed added Needs Design Feedback Needs general design feedback. and removed Needs Decision Needs a decision to be actionable or relevant labels Feb 25, 2019
@mapk
Copy link
Contributor

mapk commented Jun 4, 2019

Excellent explorations Sarah! I'm gravitating toward Proposed Solution Number 2. I think closing all tips in all guides is a bit extreme when, as a user, I'm really just trying to get out of this set of tips. At this point, I'm not even aware that there may be other guides that I might be more interested in.

Closing all tips for all guides seems like more of a power user action. I can see this as a setting in the Options panel.

Number 2 works in simplicity. There's a X to simply close these tips (from this guide) or a link to continue through them. It's a good balance.

@enriquesanchez
Copy link
Contributor

There's discussion on #16315 about redesigning Tips and a PR (#18041) already in the works.

@richtabor
Copy link
Member

richtabor commented Nov 20, 2019

In the design meeting on Slack, we reviewed how perhaps only sibling tips (those relative to a particular series of tips) should be closed. (link)

@noisysocks
Copy link
Member

Closing this out as tips have been removed in #18041 and DotTip has been deprecated in #18981.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] NUX Anything that impacts the new user experience Needs Design Feedback Needs general design feedback.
Projects
None yet
Development

No branches or pull requests

8 participants