Public
- Public
- Network
- Groups
- Featured
- Popular
- People

Conversation

Notices

Embed this notice
Ellie (ellie@ellieayla.net)'s status on Monday, 30-Oct-2023 21:03:03 JST Ellie

Know your #webui food menus. Stolen to add #alttext. 🏴☠️
#ui #ux #webdesign
https://codepen.io/oliviale/pen/gKParr is an interactive version in different colours, which cites https://twitter.com/MichaelBabich/status/608618153757802497 as possibly the original.
In conversation about a year ago from ellieayla.net permalink
Attachments
1. Title: Know Your Menu. 5 website navigation icon pictograms are displayed, each paired with a humorous food-based name. Hamburger Menu: Three horizontal bars resembling a sandwich of bun bread with meat patty filling. Usually full of a list of all kinds of things. Döner Menu: Three horizontal bars where the highest bar is larger and the bottom is smaller, forming an inverted triangle. It also resembles a vertical rotisserie spit of meat where the bottom part has been shaved off. Usually filtering a list. Bento Menu: 9 squares arranged in a grid, akin to how several independent foodstuffs are arranged in a partitioned bento box. Usually for quick-switching to other apps/features all of similar size/importance. Kebab Menu: 3 round dots in a vertical line, like chunks of things on a skewer held in hand. Usually options or verbs on a specific item. Meatballs Menu: 3 round dots in a horizontal line, like meatballs on a small plate. Usually exposes more stuff like preceding items.
  https://ellieayla.net/system/media_attachments/files/111/211/984/429/735/846/original/1853e9f2281fb446.png
2. Untitled attachment
- Puniko ? likes this.

Public

Conversation

Notices

Feeds