{"id":2430,"date":"2015-04-02T12:27:40","date_gmt":"2015-04-02T20:27:40","guid":{"rendered":"http:\/\/thinkapps.com\/blog\/?p=2430"},"modified":"2015-04-02T12:41:14","modified_gmt":"2015-04-02T20:41:14","slug":"apple-watch-notification-tutorial","status":"publish","type":"post","link":"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/","title":{"rendered":"Apple Watch Notification Tutorial"},"content":{"rendered":"

Employing the correct strategy on Apple Watch<\/a> for notifying users\u00a0is crucial for maximizing engagement and interaction\u00a0without saturating them\u00a0with unwanted glance notifications. <\/span><\/p>\n

iOS 8 laid the foundation for interactive notifications, which went beyond mere banners toward having the ability to provide responsive buttons. This\u00a0conveniently corresponds with the\u00a0Apple Watch<\/a>, which was announced a few months later<\/a>\u00a0and utilizes\u00a0the same push notification mechanism.<\/span><\/p>\n

\"Interactive<\/a><\/p>\n

At the core of notifications are the principles of contextualization, relevance, and responsiveness. All of these\u00a0play an important role in mobile interfaces\u00a0but are even more critical for\u00a0wearables, where battery-life is scarcer and the expected interaction life-span is measured in a matter of seconds rather than minutes. <\/span><\/p>\n

The Apple Watch is expected to play a more intimate and personalized role in one’s life than the iPhone. Compared to a phone, which you have to reach for in your pocket or purse, the watch will be wrapped around your wrist constantly. This means that\u00a0providing targeted and meaningful notifications is even more crucial in capturing users’ attention without inundating them with meaningless notifications.\u00a0 <\/span><\/span><\/p>\n

In this article,\u00a0we will show you how to do just that with the <\/span>5 Best Ways to Create Engaging Notifications on the Apple Watch<\/i><\/span><\/strong>.<\/span><\/p>\n

(Want to build your own\u00a0Apple Watch app? Learn how we can help.)<\/a><\/p>\n

1.\u00a0Design Short-Look and Long-Look Notifications with Purpose<\/span><\/h2>\n

Apple segments Apple Watch notifications into what they call short-look and long-look notifications. <\/span><\/p>\n

Short-Look Notifications<\/span><\/h3>\n

A short-look is essentially a subtle and abbreviated notification that is non-interactive. It lets the user know there is a notification from an app and is visible only briefly. <\/span><\/p>\n

As the app creator, you have the chance to present a brief message, similar to the one pictured\u00a0below:<\/span><\/p>\n

\"Short-look<\/a>You are quite restricted in the\u00a0design for\u00a0<\/span>short-look notifications<\/span>, which is limited to\u00a0a template that includes\u00a0the iOS app icon\u00a0and\u00a0name\u00a0(presented in\u00a0the app\u2019s key color). <\/span><\/p>\n

You are then left with just the title\u00a0to\u00a0customize and configure. The purpose of titles, according to the <\/span>Apple\u00a0Human Interface Programming Guide<\/a><\/span> is to provide a brief hint only. So it\u2019s important you leave the specifics\u00a0for the <\/span>long-look<\/span>.<\/span><\/p>\n

Long-Look Notifications<\/h3>\n

Long-looks <\/span>provide greater detail on the notification, which is customizable with bespoke\u00a0graphics and branding and provides the ability to incorporate\u00a0a scrollable view,\u00a0action buttons, and a dismiss button.<\/span><\/p>\n

Long-looks are\u00a0purposely designed for greater detail on the incoming notification. While you can go with the default long-look appearance, you also have the ability to incorporate your own app branding and design, beyond the default sash you get in the interface.<\/p>\n

\"Long-look<\/a><\/p>\n

You can provide custom content (as illustrated above) as well as custom buttons as a way of capturing interaction and sending it back to your iOS app. <\/span><\/p>\n

As notifications should always aim to be personalized, it is highly advisable that you customize your long-look notifications and take full advantage\u00a0of the ability to provide custom interaction and content. <\/span><\/p>\n

For more information on Apple Watch notifications, consult <\/span>Apple\u2019s Human Interface Programming Guide.<\/span> In most cases, Apple Watch takes advantage of your existing notifications framework on iOS for free, but you can further customize your notification interfaces with custom graphics and branding.\u00a0<\/span><\/p>\n

2.\u00a0Quick Responses Are Ideal<\/span><\/h2>\n

The concept of<\/span> keeping it short<\/i><\/span> is ever-relevant when it comes to the Apple Watch. <\/span><\/p>\n

The fact that you cannot type on the Watch shouldn\u2019t be perceived as a limitation but rather a way to focus your app\u00a0design so that you provide precise shortcut actions for users to respond in\u00a0relevant situations.<\/span><\/p>\n

Apple Watch <\/span>design principles <\/span>dictate that interaction should be capped at 10 seconds, largely due to battery considerations with the device. Anything beyond 10 seconds should either be redesigned to fit within the advised duration or be handed off to the iPhone.\u00a0<\/span><\/p>\n

\"10-second<\/a><\/p>\n

The Apple Watch was made for pre-conceived responses like the one shown above.\u00a0But anything more complicated, and you should hand off the notification to your iPhone. <\/span><\/p>\n

The key to remember is: It is more convenient to look at your wrist than to take\u00a0your phone out of\u00a0your pocket. <\/strong><\/span><\/p>\n

So wherever\u00a0possible, use the constraints of the Apple Watch as a guide to allowing you to provide quick responses. If no pre-determined responses can be deduced, then it’s time to let your phone do the talking, so to speak. <\/span><\/p>\n

3.\u00a0Embrace Not Having a\u00a0Keyboard<\/span><\/h2>\n

Continuing from the point above, you shouldn’t see a lack of a Watch keyboard as a limitation. Your Watch app is not a replacement for your iOS app but rather a portal for your users to get notified of events, and that\u2019s the role you should see your Watch app playing (at least for now). <\/span><\/p>\n

Rather than lamenting the lack of keyboard, use the tools that you do<\/em> have at your disposal, from pre-defined buttons to the use of Siri<\/a> in some cases. Oral or visual responses work best with minimal real-estate and scarce battery. <\/span><\/p>\n

Visual responses are buttons that you can either statically define as close-ended or dynamically define based on a message. The latter works well in cases where you can\u00a0deduce that there would be two options and thus can create two buttons, as shown below.\u00a0 <\/span><\/span><\/p>\n

\"Two-option<\/a>\u00a0<\/span><\/span><\/p>\n

4.\u00a0Provide Greater Control Over Notifications<\/span><\/h2>\n

Managing the types of notifications users receive can be a make-or-break situation where being over-saturated with irrelevant messages could force users to go out of their way to disable all notifications for your app or, even worse, delete your app altogether.<\/span><\/p>\n

Providing users with the freedom\u00a0to opt in or out<\/span>\u00a0<\/i><\/span>of specific notifications, rather than an on\/off switch for all<\/em> notifications gives you a channel to still engage your users without\u00a0annoying them. It increases their confidence in using your app by showing them you\u00a0appreciate their personalized preferences and won’t send them\u00a0poorly-targeted notifications.<\/span><\/p>\n

For instance, a user may have the Major League Baseball\u00a0app.<\/a>\u00a0Rather than being inundated\u00a0with news notifications from all the teams, he might want to filter based on specific teams or geographic areas. Providing this option will give your users a more personalized experience. <\/span><\/p>\n

Furthermore, the user may decide she\u00a0only wants news twice\u00a0a week or every Monday morning. This is what is called <\/span>behavioral adaptability<\/i><\/span> and works well with our next principle of <\/span>learning from your users<\/span>, which is conducted implicitly through learning and observational patterns. <\/span><\/p>\n

5.\u00a0Learning From Your Users<\/span><\/h2>\n

Armed with both an iOS and Apple Watch app, developers should take advantage of this\u00a0extra channel\u00a0to learn more about a particular user\u2019s preferences and habits and implement <\/span>behavioral adaptability<\/i><\/span>. <\/span><\/p>\n

We talked above about embracing the Watch’s lack of keyboard. Well, being able to evolve your user interface more contextually based on learning more about your user is the best way of making use of limited screen real-estate.\u00a0<\/span><\/p>\n

The idea is to filter notifications based on what users like implicitly<\/em> rather than explicitly<\/em>, for instance where their dismissal patterns of notifications can be recognized or they always select a specific response to a type of notification.<\/span><\/p>\n

Providing an additional <\/span>see-less<\/i><\/span>\u00a0button on the long-look notification, you can use the Watch app\u00a0to dynamically adjust the user’s filtering preferences. <\/span><\/p>\n

This will uniformly be applied to both your iOS and Watch app, allowing both platforms to benefit from learning about your user’s preferences. You can also proactively prompt your users to query whether they would be interested in seeing more of a particular content they are browsing. <\/span><\/p>\n

If a user gets notifications from a store for clothing and she prefers shoes, evolve your notifications to include more shoes. If a user prefers certain colors or sizes, send sales notifications for those particular preferences.<\/span><\/p>\n

Continual user learning increases relevancy and ultimately creates a more engaging and enjoyable set of notifications for your users. Gathering behavioral information to learn from both platforms allows for a more catered approach to notification delivery.<\/span><\/p>\n

<\/p>\n

\n
\n
<\/div>\n
<\/div>\n
<\/div>\n
Image credits<\/em><\/a><\/div>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Employing the correct notification strategy on Apple Watch is crucial for maximizing user engagement and interaction while minimizing user annoyance. Here are our top 5 tips for creating useful and compelling notifications.<\/p>\n","protected":false},"author":32,"featured_media":2537,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[66,26,223,27,195,160],"acf":[],"yoast_head":"\nApple Watch Notification Tutorial<\/title>\n<meta name=\"description\" content=\"Employing the correct notification strategy on Apple Watch is crucial for maximizing user engagement and interaction while minimizing user annoyance.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apple Watch Notification Tutorial\" \/>\n<meta property=\"og:description\" content=\"Employing the correct notification strategy on Apple Watch is crucial for maximizing user engagement and interaction while minimizing user annoyance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Build Blog by ThinkApps | Content on Entrepreneurship, Mobile Apps, Web Platforms and more\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/doron.e.katz\" \/>\n<meta property=\"article:published_time\" content=\"2015-04-02T20:27:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-04-02T20:41:14+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2015\/04\/02212740\/IMG_0241.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"770\" \/>\n\t<meta property=\"og:image:height\" content=\"486\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Doron Katz\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Doron Katz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/\",\"url\":\"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/\",\"name\":\"Apple Watch Notification Tutorial\",\"isPartOf\":{\"@id\":\"http:\/\/localhost:8080\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2015\/04\/02212740\/IMG_0241.jpg\",\"datePublished\":\"2015-04-02T20:27:40+00:00\",\"dateModified\":\"2015-04-02T20:41:14+00:00\",\"author\":{\"@id\":\"http:\/\/localhost:8080\/blog\/#\/schema\/person\/adfa0326436dfcb15fc0500da76cf0ef\"},\"description\":\"Employing the correct notification strategy on Apple Watch is crucial for maximizing user engagement and interaction while minimizing user annoyance.\",\"breadcrumb\":{\"@id\":\"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/#primaryimage\",\"url\":\"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2015\/04\/02212740\/IMG_0241.jpg\",\"contentUrl\":\"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2015\/04\/02212740\/IMG_0241.jpg\",\"width\":770,\"height\":486,\"caption\":\"10-second interaction\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/localhost:8080\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apple Watch Notification Tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/localhost:8080\/blog\/#website\",\"url\":\"http:\/\/localhost:8080\/blog\/\",\"name\":\"Build Blog by ThinkApps | Content on Entrepreneurship, Mobile Apps, Web Platforms and more\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/localhost:8080\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"http:\/\/localhost:8080\/blog\/#\/schema\/person\/adfa0326436dfcb15fc0500da76cf0ef\",\"name\":\"Doron Katz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/localhost:8080\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e5fee5f1ea1c8232bbd2b98a2505c67e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e5fee5f1ea1c8232bbd2b98a2505c67e?s=96&d=mm&r=g\",\"caption\":\"Doron Katz\"},\"description\":\"A keen passion for emerging technologies, practices and methodologies, Doron embraces the vision of lean development with continuous customer development. Consultant for various startups, as a Project and Product Manager, with a mobile engineering background in iOS, and over 10 years of professional web development experience.\",\"sameAs\":[\"http:\/\/www.doronkatz.com\/\",\"https:\/\/www.facebook.com\/doron.e.katz\",\"https:\/\/www.linkedin.com\/in\/doronkatz\",\"https:\/\/x.com\/doronkatz\"],\"url\":\"https:\/\/thinkapps.com\/blog\/author\/doron\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apple Watch Notification Tutorial","description":"Employing the correct notification strategy on Apple Watch is crucial for maximizing user engagement and interaction while minimizing user annoyance.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"Apple Watch Notification Tutorial","og_description":"Employing the correct notification strategy on Apple Watch is crucial for maximizing user engagement and interaction while minimizing user annoyance.","og_url":"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/","og_site_name":"Build Blog by ThinkApps | Content on Entrepreneurship, Mobile Apps, Web Platforms and more","article_author":"https:\/\/www.facebook.com\/doron.e.katz","article_published_time":"2015-04-02T20:27:40+00:00","article_modified_time":"2015-04-02T20:41:14+00:00","og_image":[{"width":770,"height":486,"url":"http:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2015\/04\/02212740\/IMG_0241.jpg","type":"image\/jpeg"}],"author":"Doron Katz","twitter_misc":{"Written by":"Doron Katz","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/","url":"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/","name":"Apple Watch Notification Tutorial","isPartOf":{"@id":"http:\/\/localhost:8080\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2015\/04\/02212740\/IMG_0241.jpg","datePublished":"2015-04-02T20:27:40+00:00","dateModified":"2015-04-02T20:41:14+00:00","author":{"@id":"http:\/\/localhost:8080\/blog\/#\/schema\/person\/adfa0326436dfcb15fc0500da76cf0ef"},"description":"Employing the correct notification strategy on Apple Watch is crucial for maximizing user engagement and interaction while minimizing user annoyance.","breadcrumb":{"@id":"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/#primaryimage","url":"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2015\/04\/02212740\/IMG_0241.jpg","contentUrl":"https:\/\/d1vqbpto5tbbz0.cloudfront.net\/blog\/wp-content\/uploads\/2015\/04\/02212740\/IMG_0241.jpg","width":770,"height":486,"caption":"10-second interaction"},{"@type":"BreadcrumbList","@id":"https:\/\/thinkapps.com\/blog\/design\/apple-watch-notification-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/localhost:8080\/blog\/"},{"@type":"ListItem","position":2,"name":"Apple Watch Notification Tutorial"}]},{"@type":"WebSite","@id":"http:\/\/localhost:8080\/blog\/#website","url":"http:\/\/localhost:8080\/blog\/","name":"Build Blog by ThinkApps | Content on Entrepreneurship, Mobile Apps, Web Platforms and more","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/localhost:8080\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"http:\/\/localhost:8080\/blog\/#\/schema\/person\/adfa0326436dfcb15fc0500da76cf0ef","name":"Doron Katz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:8080\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e5fee5f1ea1c8232bbd2b98a2505c67e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5fee5f1ea1c8232bbd2b98a2505c67e?s=96&d=mm&r=g","caption":"Doron Katz"},"description":"A keen passion for emerging technologies, practices and methodologies, Doron embraces the vision of lean development with continuous customer development. Consultant for various startups, as a Project and Product Manager, with a mobile engineering background in iOS, and over 10 years of professional web development experience.","sameAs":["http:\/\/www.doronkatz.com\/","https:\/\/www.facebook.com\/doron.e.katz","https:\/\/www.linkedin.com\/in\/doronkatz","https:\/\/x.com\/doronkatz"],"url":"https:\/\/thinkapps.com\/blog\/author\/doron\/"}]}},"_links":{"self":[{"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/posts\/2430"}],"collection":[{"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/comments?post=2430"}],"version-history":[{"count":29,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/posts\/2430\/revisions"}],"predecessor-version":[{"id":2565,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/posts\/2430\/revisions\/2565"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/media\/2537"}],"wp:attachment":[{"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/media?parent=2430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/categories?post=2430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thinkapps.com\/blog\/wp-json\/wp\/v2\/tags?post=2430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}