Project Overview

The goal of this project was to explore and experiment with UX and UI design at the microinteraction level. It can be difficult to communicate design intentions at this level and I learned quickly that it was important to build high-fidelity, functioning prototypes to ensure every state change and content transition was mapped out.

Project Challenge

The iOS alarm clock design has remained virtually the same since the first iPhone debuted many years ago. Since then, people have grown more familiar with the basic behaviors and models of mobile interactions. This presents new opportunities to design more sophisticated and powerful interfaces. How can we evolve iOS’s alarm clock design to reflect this?

Design Tools

Sketch, Illustrator, After Effects, Quartz Composer + Origami

Conceptual Models Of Time

The design studies I explored were based on familiar ways in which we perceive and understand time in the world today.

TIMELINE (our linear understanding of time)
ROUND CLOCK (the traditional 12-hour circular time piece layout)
DIGITAL CLOCK (the way digital displays parse out hour, minute, and time-of-day)

Motion Prototypes

I used After Effects to mock up the user experience and behaviors for these smaller interaction concepts.

Origami Prototypes

I used Quartz Composer and Origami to build these interactive prototypes from my Sketch mockups.