Graphic Equalizer Scrolling & Selection Animation

Interactive scrolling animation created for live-music discovery app Timbre. The animation evokes a "graphic equalizer" feel, and we carried that through to the selection animation (shown at the end).

The color palette was intended to reflect stage lighting that you might find at a concert. Through user testing, we discovered that the randomized indent for the cells help the eye differentiate between rows better than when cells are simply left-aligned. Hat tip to @Alice Chuang for the visual design.

If you are in the UK, you can download the launched version of this app here:

https://itunes.apple.com/app/id533493750

Posted on Sep 15, 2014

More by Digital Products

View profile