Designing, implementing, and testing microinteractions in Drupal

Molly Taffe & Chelsie Johnston (

Successful microinteractions have the potential to surprise and delight users, while poorly executed microinteractions can make a web product virtually unusable. In this session, we'll examine how to establish strong patterns and weave connections throughout the user experience through the use of motion design, as well as explore some common pitfalls that can break the experience and deter project teams from cracking the microinteractions egg at all.

We'll look at:
- How microinteractions might benefit your end users, your designers and developers, and your company
- The particulars of designing and developing accessible microinteractions
- Tools and tips for designing microinteractions
- Particulars of implementing motion design, both in Drupal and elsewhere
- How to facilitate the dreaded design "handoff" between designers and developers and capture the all-important nuances that can make or break microinteractions
- Lessons learned through the lens of a recent case study about a major corporate website redesign
- Common pitfalls to look out for when including microinteractions in your projects

Instead of writing off microinteractions as being "icing on the cake," let's delve into how microinteractions are more than just aesthetic, and how they can make a lasting functional impact so that you and your team can create winning web projects.

We hope the audience will come away with:
- An understanding of why and where it makes sense to implement microinteractions
- Ideas and code snippets for implementing motion design in Drupal themes and elsewhere
- Knowledge of how to consider accessibility in the beginning of a project, and thoroughly test throughout

Drupal is a registered trademark of Dries Buytaert.