Peter Finlan

Hamburger Icon Interaction

  • Save
Hamburger Icon Interaction product design ui design mobile design interaction design principle iconography hamburger icon

Still can't get passed how much I use Principle App now when I'm designing for interactions. This took about 15 minutes and was used to show a developer how I envisaged the interaction taking place when a user hits the hamburger menu icon (added a bit of BG flair for Dribbble). For those learning: The hamburger (menu) icon is transformed in to a close (x) icon, typically after a menu draw is displayed.

In my upcoming article about working with Developers, one point I stress is to try to spec out interactions via animation. It will save you loads of time during design meetings, and help your developer craft more accurate builds.

Hit 'L' to show some love :)


keyboard shortcuts: L or F like