All Tips

Make Tooltips Responsive
Make Tooltips Responsive

Make Tooltips Responsive

mobile
ux
tooltip
accessibility

The classic tooltip is activated once the user hovers over the element...

On desktop, this works perfectly!

However mobile devices don't support the hover effect

To deal with this, add a clickable help icon next to your button. When the mobile user taps on the icon, show the complementary tooltip text.

←Previous Tip

Highlight The Best Offer

Always highlight your best pricing plan and make it pop out. In that way, you help users identify the most used plan and you promote your top offer. It's a win-win situation. To highlight the plan, use more than one design ways, eg. color, size, elevation (aka shadow)!

hierarchy
ux
ui
conversions
pricing

Become a Better Designer.
The Fun way.

Join 100s of developers, entrepreneurs & junior designers who strive to become better in UI & UX design with byte-sized, practical tips & examples!

Get notified about new tips & articles before anyone else!

  • "

    I love these little tips. It’s like Dribbble but actually useful.

    Martin LeBlanc

    CEO of Iconfinder

  • "

    I love UX & UI tips. Especially, when they are practical and presented in a very good way. Yours are meeting both criteria.

    Lisa Dziuba

    Head of Marketing at Abstract

  • Logo

    Learn to design better User Interfaces with practical UI & UX tips

  • Projects

    MagicPattern

    BrandBird

    PH Launch Checklist

  • Popular Posts

    15 Practical UI Form Tips

Β©2021 . Made by Jim Raptis