Every day during the work week at 3pm, a group of people at our Black Pixel team go get coffee together at “Coffee O’Clock”. Besides our CTO mixing it up often, we tend to get the same thing. The barista even knows what we’re going to get, but always asks just to confirm. I was looking for a Watch idea to play around with, and it made me wonder, “What if there was an app that would let me order my coffee before I get in line?

In this use case, I’m using one of my favorite coffee shops, Sight Glass, as an example for an app.

The assumption is a wearer would walk into the establishment and have location on. The app would recognize that the wearer is near the location and push that data to Apple Watch. The ida is a simple app for a wearer to let the establishment know if he or she is ordering the usual so the baristas can queue up the orders in hope to create a better workflow.

Below is a design for three sample views: Short Look Notification, Long Look Notification, and Long Look Notification scrolled. Some design notes:

  • The transition from Short to Long Look Notification occurs if the wearer taps on the screen or continues to hold the watch up.
  • When scrolling, the body will scroll under the sash.

watch

Note that the assumption would be that there is an iPhone app since Apple Watch apps interact with WatchKit via a WatchKit extension.

Untitled-2

WatchKitExtension

Some notes for designers when working on Apple Watch apps:

  • Do not design the experience like an iOS app. This is a different context than a phone. Often I have seen Watch app concepts too over-designed.
  • The wearer will probably interact with Watch very briefly. My mindset has been “How can someone use this in less than one second?”

Apple has provided their Human Interface Guidelines as well as very detailed resources.