What is it A self-initiated project to familiarize myself with the Apple Watch design (patterns)
At the time I’m writing this, the Apple Watch is not yet available.
What is available are a lot of articles and images on the web and a pre-release Human Interface Guidelines doc by Apple.
I couldn’t wait to try-out a little app idea for the Apple Watch with one of my favorite apps as a base: Radium, a radio streaming app for iOS and OSX.
Apple made it clear that the Apple Watch should be an extension of the user’s iPhone. With that in mind, I figured the Radium app for Apple Watch could function as a remote for the Radium app on the iOS device (or perhaps also the OSX version).
Such a remote could be handy while exercising, in a crowded metro or on the couch when your iOS device or Mac is streaming to Apple TV.
To get some sense of the approximate scale and experience of the screen I used a 6th generation iPod Nano, which comes close to the Apple Watch’s form factor.
I started with some ideas about how the Apple Watch could be used for Radium.
I figured the core tasks in the app should be:
– Listening to the user’s pre-defined radio stations (which the user’s has added via the iOS app)
– Be able to switch stations
I made this mock-up while keeping in mind that the iPhone provides the content and the Apple Watch controls and monitors the host iPhone. Earphones are of course plugged into the Phone (unless of course the user has Bluetooth headphones). I left out the option to add new stations via the watch since it’s not the core activity.
I started with some sketching. Below are some re-created sketches to give an idea about how and what (initial sketches were drawn here and there).
Because I only wanted to mock-up two screens for myself, I skipped a digital wireframe and went from sketches to Sketch app (see bottom of this page). The pink-ish colors are drawn from the Radium logo / app icon.