Oversight StudioInstagram

There's a hidden triangle in every menu you use 👀 Ever moved your mouse…

0:40English(auto-generated)4 segments92 words · 1 min read

Search inside any video

SavedThat transcribes your saved videos and lets you search across all of them instantly. Save this video and find any moment.

TL;DR

Learn about the invisible triangle in menus that improves navigation and user experience by keeping submenus open as you move your cursor.

invisible triangle in menussubmenu navigation designuser experience in menuscursor movement and menusdesigning effective submenusmenu interaction designimproving user interfacesmall design details

Chapters

  1. 0:00Introduction to the invisible triangle
    01
  2. 0:05How submenus open
    02
  3. 0:15The diagonal movement issue
    03
  4. 0:25Designers' solution with triangles
    04
  5. 0:30User experience improvement
    05
  6. 0:35Conclusion on small details
    06

Transcript

0:00

There's an invisible triangle in the menus you use every day. Hover a category and its submenu opens. Now reach for the submenu. Your hand takes the shortest path, a diagonal. But that diagonal crosses the item below and the menu switches again and again.

0:19

So designers draw a triangle from your cursor to the edges of the submenu. While you move inside it, the menu knows where you're headed and stays open. Step outside and it reacts instantly. You'll never see it. You'll just never get annoyed. Small details. Big difference.

0:34

Small details. Big difference.

0:36

Big difference.

Are you the creator or rights holder of this video? Request removal of this transcript.

Related Transcripts

Never lose a moment again

Save videos from YouTube, Instagram, and TikTok. Search everything that was said, and jump to the second.

Start Saving Videos - Free Trial