Can I Get Fries with That?

“Can I Get Fries with That?” explores both bold and subtle variations in the transition of two symbols commonly found in interactive screen-based experiences — the ubiquitous and equally infamous mobile menu symbol, also known as the hamburger menu (☰), and the close symbol (X). There are countless ways within the timeframe of one second in which the three little lines of the mobile menu symbol can transition into the two lines of close symbol to connect the user with the overall experience of a digital product. In the design of these microinteractions one second can be just enough time, but mostly it feels like an eternity.

Design principles

  • Intro/Outro motion
  • Characteristic motion
  • Axial motion
  • Spatial motion

Ideation processes

  • Keyframe Play
  • Parallels of Motion
  • Effects Exploration

Production technologies

  • Illustrator
  • After Effects
  • Media Encoder