menu
up-caret
down-caret

Google Design

A channel for chatting about Google's design principles, tools and practices.

# General

General Chatter

Trending conversations
Ok
@aurelio-gonzalez · 3d
Figma-only Material-UI kit
@kiryl · 10d
Matter: Material Design Components in Pure CSS
@finnhvman · 9d
Design system for Android app development
@timj · 19d
I like google material design icons.
@freelancer · 75d

modals and hover state

November 29, 2018 at 10:23am

Is it a good idea to have a hover item inside a desktop modal?

Image

November 29, 2018 at 10:33am

It depends how valuable the information is - it's difficult to tell with no context. Personally, I'd only use this 'tooltip' pattern as a last resort or if there was a valid use case for it. If information is important enough enough to include in the UI, I wouldn't want to rely on an interaction for it to be seen. If it's not important and adds no value, then it probably shouldn't feature at all.

  • reply
  • like

I want to know more in the context of good design principles and also if anyone has faced such a situation. Is there any document that has guidelines for the mixed usuage of tooltips and modals...

  • reply
  • like

I don't know of anything specifically on this component combination - you might have to do some digging. I have no doubt that these components will be covered extensively individually though in different design system documentation. Check some of these out as a start https://github.com/alexpate/awesome-design-systems - it's a great resource. Some personal faves are Atlassian, Bulb, GOV UK, IBM

like-fill
1
  • reply
  • like

sure thanks....

  • reply
  • like

November 30, 2018 at 11:48pm

I'd say no.

  • reply
  • like

December 5, 2018 at 4:33am

@seanaguinaga Ok. Any specific reason? Can you share any documentation that you might have come across regarding mixed usage of these components.

  • reply
  • like

December 20, 2018 at 3:25pm

There are probably "official" docs for this, but I don't k now where they are. If you think about it this way: you have just hidden your main UI- the place you want your user to spend time, the place you have spent time designing and the place the user wants to go back to as soon as possible- I'd want to make the modal the fastest "in and out" experience possible- which, I think, means the least visual flair and distractions possible.

  • reply
  • like