Apple Watch apps: Best practices when designing for the wrist

Currently limited to actionable notifications (short and long looks), widgets (glances), and remote views (WatchKit apps), even though Apple Watch apps are bound to the iPhone, there's still boundless potential. I've tried several smartwatches and bands, seen most of what's on the market, and I've even been lucky enough to use the Apple Watch both back in September and recently again in March, where third-party apps were showcased. Those apps, the ones listed on the Apple Watch App Store apps (opens in new tab) page, benefited from time in the labs and testing on actual hardware. For those who didn't get that opportunity, after a lot of conversations with a lot of smart and experienced people, here's a list of things that are vital to keep in mind.
1. Keep it black
The Apple Watch's display is widely believed to be OLED. Unlike LCD, OLED is appreciably more energy efficient when displaying darker colors, especially black. Moreover, deep OLED blacks will better blend in with the watch's black bezels, making everything seem more open and expansive.
Apple's human interface guidelines (HIG) for the Apple Watch is emphasizing black, and you're going to want to follow it.
- Apple Watch HIG{.nofollow}
2. Keep it high contrast
There's a reason Apple is using terminology like "looks" and "glances". When an interface is on your wrist, the amount of attention you give it changes. Since you're not pulling it from your pocket or purse, or hefting it up from off the table, since it's not taking as much time to engage, the time spent engaging drops. That means everything has to be incredibly readable, and that means it has to be high contrast. On black backgrounds, bright text will show up clearly and bright colors will pop.
When you're only looking or glancing over for a second or two, having to stop and squint to try and visually and mentally parse information won't work. Everything needs to be presented clearly so it can be processed and understood quickly.
3. Keep it discreet
When a device is more intimate, its interactions have to be more important: Otherwise, it risks turning notification into interruption. Likewise, when a device is more visible, its interactions have to be more discreet: Otherwise it risks turning information into embarrassment.
In other words, your short look should never betray what your spouse thinks about your boss keeping you late, which controversial hashtag you're tracking, or anything that could be contentious or inappropriate at a meeting or at a dinner party.
4. Keep it brief
The Apple Watch has a small screen, making it ideal for quick bits of information and interaction. That same size makes it less than ideal, however, for long-form information or prolonged interactions. Likewise the weight of holding it up for anything more than a few minutes will likely cause discomfort.
So, show the critical stuff first, let people tap in for more, and then people use Handoff for anything truly in-depth or long in duration, so they can immediately pick up and continue whatever they need to on a bigger, more powerful device.
5. Keep it consistent
Looks and glances are each appropriate for different types of information. Looks are for temporary notifications; glances are for persistent data presentations. If you need something temporary, go with a look. If you need something persistent, go with a glance.
If they go to a glance, they want to see something. Just like a notification shouldn't stay stuck on the screen, a widget shouldn't ever empty out or vanish.
6. Keep it simple
Interactions with WatchKit will be more reactive than active. We'll spend far more time engaging with looks than hunting around for third-party glances or apps. That means notifications will be the primary gateway for most software, and they'll need to be polished and perfected. Glances, by contrast, will only need to be considered when data truly needs to be available all the time, and WatchKit apps only when interactivity is needed beyond what a glance can provide.
You don't need to have all of them, you'll need to have the most appropriate one(s), and have them perform incredibly well.
Bonus: No force-hamburgers
Force touch is a way to bring up extra, contextually-sensitive options. It's not an analog for the "hamburger button" — a way to bury a basement-full of unrelated functions.
If you feel yourself force touching, and start smelling burgers, step away from the Apple Watch and head for the joint of your choice. Then come back and pare down the options to the essentials.
Bonus II: Rules are made to be broken
Best practices are just that — best, not only. Great designers, the ones who truly understand their mediums and their messages, can and will break rules all the time. This list is meant to help, not to constrict — to make think, not to stifle. Take what makes your app better, reject the rest.
Bottom line
Come this April, we'll be surprised and delighted by what we get to see and use on our wrists. WatchKit apps work in tandem with the iPhone, and the developers and designers who make iPhone apps have had years to hone their chops and their craft. Developers who aren't sure of what to do or how exactly it'll all work simply have to wait for the Apple Watch to hit the market, get one, and and then test and tweak their apps on it until they shine. Because when it comes to the Apple Watch, shipping great experiences is going to be far, far more important than shipping on launch day.
- WatchKit on the Apple Developer portal (opens in new tab)
- Designing for the Apple Watch
- iPhone 6 and Apple Watch roundtable
- As I learn WatchKit
- Convenience — Apple Watch's killer feature
Originally published February 15, 2015.
iMore Newsletter
Get the best of iMore in your inbox, every day!
Rene Ritchie is one of the most respected Apple analysts in the business, reaching a combined audience of over 40 million readers a month. His YouTube channel, Vector, has over 90 thousand subscribers and 14 million views and his podcasts, including Debug, have been downloaded over 20 million times. He also regularly co-hosts MacBreak Weekly for the TWiT network and co-hosted CES Live! and Talk Mobile. Based in Montreal, Rene is a former director of product marketing, web developer, and graphic designer. He's authored several books and appeared on numerous television and radio segments to discuss Apple and the technology industry. When not working, he likes to cook, grapple, and spend time with his friends and family.
-
Rene. My big question to you about te watch is do you think this is a product apple will update annually like the iPhone or iPad? I ask because I really want one, but with "real" apps not coming out till the spring and battery life issues to iron out, this seems like the perfect "wait for gen 2" product. And this is cing from an Apple fan who paid $600 for an original iPhone, $1000 for an original iPad, and bought every single iPod ever made. I'm an early adopter...but the watch seems more 0.9beta than any of Apple's previous products. I'd be pretty annoyed if I bought gen 1, and gen 2 had independent wifi or Cellular.
-
Gen 2 probably won't have those things because the Apple watch (and most smartwatches) are meant to be an extension of your phone. Now say, you wanted integrated GPS. That would be something to wait for. But where are you going to have WiFi and you don't have your phone with you? And why pay for more cell service? Also, when would apple add a spot on the watch for a SIM card. That goes against their entire design sensibilities. "I'm da Blur boys!" - Me with 1200 ping. Fiber in Nashville? Save me based Google.
-
GPS doesn't use data, but it does drain the battery. I expect the Apple Watch will have it someday. Sent from the iMore App
-
I don't think Apple Watch 1 is any more or less "beta" than iPhone 1 or iPad 1. In fact, I think it's further along than either of those two products were when they launched. (Not much, but further!) You can always wait and get something better, but the cost is not having something now. Personally, I'm going to enjoy Apple Watch 1 for many, many months, and then hopefully enjoy Apple Watch 2 :)
-
I agree - the Watch, feature-wise, seems stacked. Not perfect, but no gaping holes in the feature list IMO. We're not going to get huge leaps in battery life til Apple builds that battery wrist strap they patented. And third party apps (full-blown custom UIs, not the cookie cutter notifications and Glances) will probably start revving up at WWDC 2015, to be released in September or so. Second gen hardware will probably be a little thinner, a lot cheaper, and with more bands. Now, if they could just nail the messaging and deliver a compelling keynote about the darned thing, we'd be set.
-
I couldn't disagree more. Android Wear, though not great now, is an Apple fan's best friend. Manufacturers will race to be the first smartestch that untethers from the phone with wifi or 3G or even edge. Apple may not do it gen 2, but eventually they'll be the only smart watch that still requires an iPhone, and they'll have no choice but to add wireless connectivity. They'll find a way to do it while preserving battery life. They will cut the tether eventually, probably gen 3.
-
I guess the difference is, I don't see that as even feasible in the first gen. Sure, it'll come down the line, but not an immediate, obvious hole to plug like third party apps or 3G on the first iPhone. It's not that I can't think of any more features I'd like for the Apple Watch, it's just that I'm 95% satisfied with the current features, given the state of technology in 2015. It's a bit unusual, as Apple usually nails the message and is conservative on features. The Watch is heavy on first-gen features but they haven't explained why a normal person would want one.
-
I'm sure a watch, or some other wearable, will eventually be "all-in" and actually usable for a day, I know Samsung's beast of a watch has at least taken a step in that direction, but its enormous and dits before lunch. The difference is, Apple doesn't engineer all of these parts, they might have a hand in some details, but the radios & batteries come from other manufacturers, like Qualcomm. They can only move so fast. Look at the past decade. Radios have become smaller, faster & more power efficient. If Apple has anything to do with this, it's only because of their pressure on these manufacturers to fill an order. For instance, they will submit a request to multiple manufacturers for a specific component to meet a certain list of requirements, then those manufacturers will bid on it, meeting or exceeding the requirements to stay competitive. If none of them can meet those requirements, Apple will revise their design or wait to implement certain features, such as built-in cellular or GPS. Samsung didn't wait, the battery life is horrid. Apple works at a different pace, for good reason, in my opinion.
-
Not sure what you've heard, but Apple engineers most of the parts in their products - they just don't manufacture them - and even then, they go further than most companies and buy the equipment for it and even develop the manufacturing processes to build them. You should do more homework on Apple, they research, develop and "engineer" in all the following areas; GPU, CPU, flash memory, bluetooth, displays, batteries, materials, etc. (By the way, Qualcomm doesn't manufacture either, they out-source as well - they are one of TSMC's biggest customers.)
-
Um... maybe you should do the same homework you're asking durfmobile to do. Apple doesn't engineer the modems, or or radio's... which are the parts in question in his comment; heck they don't even engineer the NFC chip they use, or RAM either. For example the 4G/LTE modem used by iPhone 6 and 6 Plus is the qualcomm MDM9235M (same modem used in some Samsung phones) - engineered by Qualcomm and manufactured by TSMC. The NFC is the NXP 7PN547V0B (originally released in 2012 and again used by many OEM's). All that to say, Apple does engineer many of it's parts but not all and usually never radio's at all... So to the point of the person you're responding to, they are correct in that Apple is bound (until they engineer their own chips for radios which they currently DO NOT) by the advancements by the manufacturers of the chips they use. PS. Don't ask someone to do their homework and be condescending if it's obvious you haven't done yours...
-
I agree with this list.... Surprisingly. Good writing sir. On a side note, what exactly about the Apple watch appeals to the people reading this comment.
In design it looks too candyish for me, and while it's easy to change that, the overall shape and form just don't agree with me for some reason. Features seem to be in line with other current smartwatches. Possibly more storage since it seems like apps will be onboard. Battery life needs to be explained without jargon. A simple "2 days of medium usage" would have worked. Although, iOS compatability is probably the largest thing the Apple Watch has going for it. The fact that one can't pair a Moto360 or GWR is why one would get an Apple Watch if one wanted the type of smartwatch that is more than notifications. Last question, would anyone here use an Android wear watch with an iPhone if you could, and which one and why? "I'm da Blur boys!" - Me with 1200 ping. Fiber in Nashville? Save me based Google. -
The Apple Watch appeals to me simply because I realised one day that pretty much everything I actually use my iPhone for, is already on the Watch (time, weather, messages, etc.). Also, I have been thinking of getting a pedometer anyway, so ... bonus. I disagree about the looks of the thing. You say the shape and form don't agree, but for a watch, they are all going to be either a circle or a square sitting on your wrist. The only real difference is the details (corners or rounded corners, etc.) and the fact that all smart watches are understandably very thick. I think the Apple Watch looks like a really cool, really nicely designed watch, that is unfortunately very thick and overweight. Visually, it should be about half the current thickness, and I think that over time this is pretty much the only real change we will see in the exterior design. It will get thinner as all Apple products do. It is the curse of Steve Jobs if you will.
-
Half is a bit of an exaggeration. The main case is about 9 mm, and the heart sensor adds another 1-2 mm. If you look at real world photos of it, it could stand to shave 1-2 mm but it's not as bad as it looks in abstract renderings. My current Timex, which does nothing but tell time, is about 8 mm. The Watch does NOT need to go down to 5-6 mm to be an acceptable thickness.
-
Re: size, to each their own. I disagree. I don't like the "chunky" watches that are popular today. I don't see it as a big deal though. It looks kinda "fat" now, but it will get thinner over time like all Apple stuff.
-
Surprisingly though it's actually smaller and thinner than all of the other smartwatches that came before it (exception being Pebble).
-
"The only difference is the details..." Absolutely true. Tim Cook nailed it when he said the watch is very personal. And personally, the apple watch is too roundy for me. I would have loved to see different body styles. I imagine chamfered edged, like the iPhone 5, in black stainless steel with sharper corners. I like the square design. They REALLY should have given the option for the face / front facing screen-bezel match the color and finish of the rest of the body, then the virtual watch face could also match, seamless blending the body with the screen... At least a white bezel as an option. Then the apps could be either "light" or "dark" depending on your finish or preference. I think this is why I so much like the space black stainless with space black stainless link: it's close to one overall finish and the apps will blend nicely. Maybe also add option for some accents of polished stainless, the crown, maybe. Point is, despite the color choices, we are locked into a singular shape with a black bezel. Now all apps will be dark on some otherwise light or bright colors on the body or band.
Also, thinner is better for a watch, but acslater is right, it's not as thick as it seems in pictures. Unless you are used to VERY thin watches, you'll be happy with this. -
I would add ... no games! I know everyone (well most folks) likes games, and I know that games are the thing that makes the developers money, but playing games on a watch is not only likely to be dangerous (walking into traffic etc), it's just stupid. About the only games I can think of that the Watch would be good at and good for, are location based games that involve traipsing around a city, looking for each other, scavenger hunting, etc. If you are a developer and you are making a game that requires me to look at the screen on my wrist for long periods, or poke at the screen all the time, you're already done. Bad idea. Go home developer, your drunk.
-
No Candy Crush or Modern Combat, for sure! BUT What if the game is designed around the watch? HIDE AND SEEK?!?! You're getting warmer = a rapidly increasing heartbeat on your wrist! (Off the top of my head)
Or, simon says. Tap, tap, circle, swipe, tap... Your turn. (Okay, a bit of a waste for an such a luxury device, but there are worse apps out there already)
I see the watch becoming an extension of the game, rather than the main interface. like those board game reboots that use iPhones for each player's "hand" and an iPad as the main board.
We'll see what these developers come up with. -
That first one you mention (hide and seek) is what I was trying to describe with my "location based game" comment, and I think it could be a blast, but actual little games that you poke at on your wrist are not welcome I think (although I bet we see a lot of them).
-
Trivia Crack has already announced a watch port, and that game seems a good watch fit - limited touch targets, simple, quick interactions, limited number of interactions per turn.
-
Great list! I won't be getting the watch, but if I were, the items listed here would be my concerns as well.
-
So René, is this piece the result of your recent "vacation" in Cupertino? I kid, I kid... almost ;¬)
-
I was wondering the same thing since he said he was going out "west where it's warm".
-
@Rene
Not to nitpick, nor assume you came up with the nomenclature, but it seems the definition of "look" & "glance" are reversed.
To me, a glance would be shorter than a look. Your description is contrary.
.
Regardless, I see these as very good guidelines for developers. Do you, or any other readers, have any completely "out of the box" ideas for the watch? Beyond app-notification and interaction etiquette? I understand devs are limited for now, and we won't see full apps for several OS revs. There has to be something the watch can do that no other device can do; something that isn't just a peek at or portion of its mother app installed on its father phone. It's a tall order, I know. Even Apple seems to have struggled with this request. The only unique-to-the-apple-watch function that comes to mind is the watch to watch proprietary messaging, and even this could be done (better) with a phone (save the heartbeat). Even activity tracking is old news. I think these facts are why there are so many people feeling less than excited. The iPhone was unique, the iPad was as well in its own right. The Apple Watch doesn't bring anything that I consider unique. Convenience, yes, but what a price to pay for a miniature window into the already expensive phone in my pocket. Don't misunderstand that I am excited for all of its features to be built into one, tiny, wearable device.
Furthermore, the phone brings many aspects of otherwise location-specific functions with you anywhere, like browsing the web, games and video chats, etc. The watch must almost always be tethered to the the watch in order to perform the majority of advertised functions. Sure you can run with it without your phone, while (supposedly... unconfirmed?) tracking your run/walk/ride. But you won't get any phone calls or messages. So I'm going to bring my phone when I ride my bike or take a lap around the park.
.
My idea(s)? Well, I'll only say that networking and Internet access as we know it would have to completely change. -
It is most important to keep the apps black to hid the bezel. I haven't noticed it before and Apple does a good job of disguising it in most of their pictures, but it can be seen in the images included in this article. Wow. Hopefully, it will blend in better on the space gray/space black models.
-
I'd love to see our app Braintoss (braintoss.com) on the Apple Watch but it is our understanding third party apps can't access the microphone. Bummer.
-
Curious, as I am a developer who knows better than to call himself a designer, but a lot of these seem in conflict with each other. Dark, high contrast, and no hamburgers all would seem to work against being discreet. Where/how do you, as a designer, resolve that tension? Sent from the iMore App
-
I have still yet to hear of a single Apple Watch App by a third party that I would want to buy or use. ALL iOS apps have the capability of sending glances to the Watch and that is actually the preferred method of interacting with it according to Apple. I can't see any particular reason to write an actual app that will sit on the watch when an iPhone app that interacts with the watch through glances is much more efficient. Unless "iOS apps using glances" is what this article means when they say "Watch App," which would be not exactly correct.
-
I think most apps will be and extra of iPhone apps. We will probably see that messaging app "Line" will have and extension app for the apple watch and "whatsapp" won't have it at release.
Hope they don't charge you and extra 0.99 for the extension app :D I'm pretty sure most will be free.
Sorry my English Sent from the iMore App -
Ok. I've been reading a lot of these comments and musings, and many, many of them are flat wrong. I've been developing an app since November: allow me to enlighten: 1. Confusion about Glances and "Looks" Looks are simply Push Notifications, local or remote, with or with out Actions (buttons). The "Look" nomenclature refers to how they appear: a "Quick Look" is a Push notification *summary* - if you don't touch it or keep your arm up, it goes away. It is a big icon and a one-line summary of the notification content. "Long Looks" are the same notification, with detail, either supplied by default -or - as a "custom" formatted notification (Dynamic Notification). These custom notifications require a Watch app to recognize and format them. The only thing "All iOS Apps" get for free are generic Push Notifications. Anything else requires a Watch App to be written. 2. Glances - these are NOT notifications. They are a part of a Watch App, specifically one viewcontroller that conforms to pre-selected formatting. When launched, these can read data and reformat (within the constraints chosen) what is displayed. When touched, they can launch the (rest of the) Watch app, including "deep linking" to a particular relevant controller/"screen" 3. "Dumb, reactionary apps" - This is a misunderstanding, proliferated mostly by bloggers and a few "sour grapes"-type devs that want the moon, that WatchKit's current incarnation can't "do" anything. Nothing can be further from the truth. Virtually every "mainline" iOS app in existence, with the right team, can be "Watch-a-fied" and its premier feature brought to the wrist. I would think Apple's last keynote would have made this crystal clear, but apparently this (still) isn't the case. WatchKit can make "fully functional apps" that fit the scope. People are just mired in the "but it runs on the phone, it's 'just' a screen" bugaboo...and for no good reason. Most modern apps work this way after all - you don't think you are searching a local database when you use Google, do ya'? :) Wear would *love* to be as powerful and versatile as WatchKit - I expect updates @ I/O to address this vast divide in functionality. Carplay btw works the same way - there is no need to over-engineer the watch when it is attached to a pocket-sized 64bit computer with 3 high-speed wireless data channels - one usually connected to the Internet. I think, in the next 60 days, people are going to be absolutely *shocked and floored* by the utility 3rd parties get out of the Watch...simply because the "limitations" are like 80% not really there for most "real" apps that people could get a use out of, and I'd say another 10% gets added @ WWDC. In summary - "Glances" are a view into a full Watch app and not "free", "Looks" AKA Push Notifications with a watch UX, Watch Apps don't have to be "dumb" and most won't be. -K
-
As durfmobile mentioned a month ago in these comments, I also think looks and glances are reversed. A glance is a brief look, so why is a look brief and a glance intended for when you want more details? Sent from the iMore App
-
$350 MINIMUM lol
Have to charge every night.
Not waterproof. The best thing about Apple watch is it will may be the most silent smirk inducing product to date.