{"id":10729,"date":"2015-12-11T19:31:42","date_gmt":"2015-12-12T03:31:42","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=10729"},"modified":"2024-09-09T19:46:23","modified_gmt":"2024-09-10T02:46:23","slug":"think-small-applying-ui-design-principles-to-wearables","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/","title":{"rendered":"Think Small: Wearable Design with Clear Interfaces | UXPin"},"content":{"rendered":"<p>Mobile design taught us to design small, now wearable design is making us design even smaller. While designing for a watch might seem intimidating at first, going back to the basics of design theory can help you make the right wearable choices.<\/p>\n<p>Wearables present a unique set of challenges when it comes to design.<\/p>\n<p>The canvas is small \u2014 tiny, even \u2014 and there are many different types of popular wearable devices. (And even more watch-style items hit the market all the time.) Some wearables offer color screens and plenty of features while others are super-simple aesthetically with robust functionality.<\/p>\n<h2>Different Types of Wearables<\/h2>\n<p>From simple fitness trackers to more feature-packed watches that sync with your phone\u2019s operating system, there\u2019s a lot more variations to consider when designing for these small interfaces.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10730\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image071.jpg\" alt=\"Apple Watches\" width=\"719\" height=\"298\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image071.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image071-700x290.jpg 700w\" sizes=\"auto, (max-width: 719px) 100vw, 719px\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"http:\/\/www.apple.com\/watch\"><i>Apple Watch<\/i><\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10731\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image042.jpg\" alt=\"Tom Tom Watches\" width=\"723\" height=\"566\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image042.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image042-383x300.jpg 383w\" sizes=\"auto, (max-width: 723px) 100vw, 723px\" \/><\/p>\n<p><i>Photo credit: <\/i><i>Tom Tom Multi-Sport<\/i><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10732\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image013.jpg\" alt=\"Fitbit bands\" width=\"721\" height=\"431\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image013.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image013-502x300.jpg 502w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/p>\n<p><i>Photo credit: <\/i><i>Fitbit Surge<\/i><\/p>\n<p>Currently, we see three major categories of wearables:<\/p>\n<ul>\n<li>Phone-based watches, such as the <a href=\"http:\/\/www.apple.com\/watch\">Apple Watch<\/a> or <a href=\"http:\/\/www.samsung.com\/global\/galaxy\/gear-s2\/\">Samsung Gear S2<\/a><\/li>\n<li>Independent watches, such as those with GPS functionality that are popular with athletes<\/li>\n<li>Activity trackers, such as the Fitbit Surge<\/li>\n<\/ul>\n<p>Each of these devices comes with a screen that is only a few millimeters in size, making watch UI design quite the design challenge. Some devices include full-color screens that support animation. Many of the other features you are accustomed to seeing with your phone, while others are still limited to a white-on-black display (or vice versa).<\/p>\n<h2>Applying UI Design Theory<\/h2>\n<p>So how do you design for all of this? And how do you do it consistently?<\/p>\n<p>It all comes back to design theory and the concepts you learned around the time you created your first design projects. These concepts include color, contrast, space and typography.<\/p>\n<h3>Color<\/h3>\n<p>Most watch screens today are black and many watch apps run with light elements on a dark background. This make color choice especially important because you need to use colors that will work well and stand out in this environment.<\/p>\n<p>When it comes to working with a dark background, that means design elements need to be designed with a palette of light or bright colors reminiscent of Flat and Material Design.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10733\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image063.jpg\" alt=\"Screenshots of the Apple Watch user interface\" width=\"721\" height=\"435\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image063.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image063-497x300.jpg 497w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"https:\/\/itunes.apple.com\/gb\/app\/runtastic-pro-gps-running\/id366626332?mt=8\"><i>Runtastic<\/i><\/a><\/p>\n<p>Above, <a href=\"https:\/\/itunes.apple.com\/gb\/app\/runtastic-pro-gps-running\/id366626332?mt=8\">Runtastic<\/a> does a good job using color with bright hues that are easy to see against its dark background. Blue helps establish branding while brighter greens denote buttons and user actions. All of the color options are easy to see and contribute to the design and functionality.<\/p>\n<h3>Contrast<\/h3>\n<p>Contrast is also important on small screens.<\/p>\n<p>Designs should clearly define individual elements and include plenty of separation between them. This is particularly important if there are multiple tap targets on the screen. Contrast is also important because it makes elements easy to see at a glance, which is the way many watch users will interact with the device.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10734\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image053.jpg\" alt=\"Screenshots of the Apple Watch user interface\" width=\"720\" height=\"437\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image053.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image053-495x300.jpg 495w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"https:\/\/itunes.apple.com\/us\/app\/streaks\/id963034692?mt=8\"><i>Streaks <\/i><\/a><\/p>\n<p>Above, <a href=\"https:\/\/itunes.apple.com\/us\/app\/streaks\/id963034692?mt=8\">Streaks<\/a> uses bright and dark options to create stark contrast between elements, contributing to readability and tap-ability. Each circular item is designed for touch and the function is easy to see thanks to color and size choices that make each element clear.<\/p>\n<h3>Space<\/h3>\n<p>Space can make or break the design on a small screen. Too much space and you don\u2019t have room for any content. Too little space and elements are hard to see or read. There\u2019s a narrow middle ground that helps provide function and usability.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10735\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image003.jpg\" alt=\"Screenshots of the Apple Watch user interface\" width=\"720\" height=\"437\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image003.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image003-495x300.jpg 495w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"https:\/\/itunes.apple.com\/gb\/app\/the-guardian\/id409128287?mt=8\"><i>The Guardian<\/i><\/a><\/p>\n<p>Above, <a href=\"https:\/\/itunes.apple.com\/gb\/app\/the-guardian\/id409128287?mt=8\">The Guardian<\/a> newspaper does this well. Images and text placements include plenty of room to provide a single message on each \u201cscreen.\u201d This message includes text \u2014 note the low character count per line and exaggerated leading \u2014 and images.<\/p>\n<h3>Typography<\/h3>\n<p>Only one type of typography works on these tiny screens: simple typography.<\/p>\n<p>Almost all of the apps on the market include simple sans serifs with medium stroke weights. (Some thinner typefaces or heavier options for accents.) Type size is typically larger than you would guess. Aim for about 20 characters per line with no more than 6 lines per \u201cscreen.\u201d Any more text and you go beyond what is scannable.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10736\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image035.jpg\" alt=\"Screenshots of the Apple Watch user interface\" width=\"720\" height=\"437\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image035.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image035-495x300.jpg 495w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"https:\/\/itunes.apple.com\/gb\/app\/citymapper-ultimate-real-time\/id469463298?mt=8\"><i>Citymapper<\/i><\/a><\/p>\n<p>Above, <a href=\"https:\/\/itunes.apple.com\/gb\/app\/citymapper-ultimate-real-time\/id469463298?mt=8\">Citymapper<\/a> uses several layers of interface text to create a solid and distinct hierarchy for different actions. Typefaces are simple and text is clear. The watch app puts all of these elements together &#8212; color, contrast, space and great typography &#8212; to help users determine what information is most important.<\/p>\n<\/section><section class=\"related-books-section\"><h3>Grab design ebooks created by best designers<\/h3><p class=\"section-desc\">All for free<\/p><ul class=\"related-books-list\"><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/interaction-design-trends-2015-2016\/\" class=\"action-get-ebook\" data-name=\"Interaction Design Trends 2015 &#038; 2016\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge-262x375.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"book knowledge\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge-262x375.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge-210x300.png 210w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge.png 332w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/interaction-design-trends-2015-2016\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Interaction Design Trends 2015 &#038; 2016\">Download<\/a><\/li><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/web-ui-design-trends-2015-2016\/\" class=\"action-get-ebook\" data-name=\"Free Ebook: Web Design Trends 2016\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Web-Design-Book-of-Trends-2015-2016.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"Web Design Book of Trends 2015 2016\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Web-Design-Book-of-Trends-2015-2016.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Web-Design-Book-of-Trends-2015-2016-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/web-ui-design-trends-2015-2016\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Free Ebook: Web Design Trends 2016\">Download<\/a><\/li><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/\" class=\"action-get-ebook\" data-name=\"The Essential Guide to Mobile Design Patterns\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Mobile-UI-Design-Patterns.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"Mobile UI Design Patterns\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Mobile-UI-Design-Patterns.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Mobile-UI-Design-Patterns-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"The Essential Guide to Mobile Design Patterns\">Download<\/a><\/li><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-ui-ux-design-trends-2015-2016\/\" class=\"action-get-ebook\" data-name=\"Mobile UI Design Book of Trends\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/the-book.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"the book\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/the-book.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/the-book-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-ui-ux-design-trends-2015-2016\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Mobile UI Design Book of Trends\">Download<\/a><\/li><\/ul><\/section><section class=\"related-books-section-single\"><section class=\"post-content-wrapper\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/the-book.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"the book\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/the-book.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/the-book-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/figure><article><h3>Do you want to know more about UI Design?<\/h3><p>Download 'Mobile UI Design Book of Trends' <span>FOR FREE!<\/span><\/p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-ui-ux-design-trends-2015-2016\/\" class=\"btn btn-flat btn-darker action-get-ebook\">Download e-book for free<\/a><\/article><\/section><a href=\"#closeEbookPanel\" class=\"icon-close action-close-ebook-panel\">Close<\/a><\/section><section class=\"post-content-wrapper\">\n<p>When it comes to wearables, simplicity, minimalism and micro-interactions are also important. When you put it all together, you should end up with something that looks (and works) great on a tiny screen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10738\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image081.jpg\" alt=\"Screenshots of the Apple Watch user interface\" width=\"720\" height=\"439\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image081.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image081-492x300.jpg 492w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"https:\/\/itunes.apple.com\/us\/app\/pittsburgh-steelers\/id393279698?mt=8\"><i>Pittsburgh Steelers App<\/i><\/a><\/p>\n<p>Above, the <a href=\"https:\/\/itunes.apple.com\/us\/app\/pittsburgh-steelers\/id393279698?mt=8\">Pittsburgh Steelers app<\/a>, combines all these elements for an app that is aesthetically pleasing with plenty of color and images yet still easy to use. The content and information is designed in a functional way, thanks to plenty of space and contrast between elements and actions that are easily distinguishable.<\/p>\n<h2>What\u2019s Next?<\/h2>\n<p>When it comes to wearables, we\u2019re just starting to learn best practice for wearables, making their UI design open to any practical ideas.<\/p>\n<p>While most of the interfaces behind wearables are native, could we build them to be more integrated with websites and other apps. Most designers are building wearable aesthetics to mirror the other tools already, but could they be built together?<\/p>\n<p>Will we start to think about how we use wearables in different ways?<\/p>\n<p>It seems like every person you ask uses their wearable for a different reason or purpose. For now, however, it seems most phone-linked wearables are just an extension of the phone itself. We might imagine that this could change, but it\u2019s hard to foresee a time when users browse the web from a watch-sized screen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10739\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image023.jpg\" alt=\"Screenshots of the Apple Watch user interface\" width=\"720\" height=\"436\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image023.jpg 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/image023-495x300.jpg 495w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i>Photo Credit: <\/i><a href=\"https:\/\/itunes.apple.com\/US\/app\/id650276551?mt=8\"><i>7-Minute Workout <\/i><\/a><\/p>\n<p>When do wearable apps become more of the native go-to?<\/p>\n<p>It wasn\u2019t that long ago when we didn\u2019t talk about <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/a-hands-on-guide-to-mobile-first-design\/\">mobile-first design<\/a>. Now it\u2019s the first thing you hear.<\/p>\n<p>Could that happen with wearables? It\u2019s hard to tell. Market saturation will likely have to increase before the industry moves in that direction. (Estimates have the leading wearables at Fitbit and Apple Watch, with between <a href=\"http:\/\/www.cnet.com\/news\/analysts-offer-little-concensus-on-apple-watch-sales\/\">2.5 and 6 million in watch sales<\/a>. Compare that with an estimated <a href=\"http:\/\/www.cnet.com\/news\/analysts-offer-little-concensus-on-apple-watch-sales\/\">94 million iPhone users<\/a>.)<\/p>\n<h2>Takeaway<\/h2>\n<p>Basic design principles exist for a reason. Regardless of device size or scale, you can use these concepts to create a design that works. That\u2019s not to say you should adhere to every \u201crule\u201d from UI design theory.<\/p>\n<p>Experiment. But listen to the little voice in the back of your head. When you doubt the way something works or how you should tackle a design project \u2014 no matter how small \u2014 start with the basics. And always test with users.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-2015-2016-digital-products\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone \" src=\"https:\/\/www.awwwards.com\/awards\/gallery\/2015\/10\/ux-pin-2015-2016.png\" width=\"714\" height=\"327\" alt=\"UX Design Trends 2015 2016\" \/><\/a><\/p>\n<p><em>Feature photo credit: <a href=\"http:\/\/www.forbes.com\/forbes\/welcome\/\" target=\"_blank\" rel=\"noopener noreferrer\">Forbes<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Get UI design tips for wearable devices from designer Carrie Cousins. Examples analyzed from 6 wearable apps.  <\/p>\n","protected":false},"author":25,"featured_media":10740,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,172,6],"tags":[],"class_list":["post-10729","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-product-design","category-ux-design"],"yoast_title":"","yoast_metadesc":"Get UI design tips for wearable devices from designer Carrie Cousins. Examples analyzed from 6 wearable apps.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Think Small: Wearable Design with Clear Interfaces | UXPin | UXPin<\/title>\n<meta name=\"description\" content=\"Get UI design tips for wearable devices from designer Carrie Cousins. Examples analyzed from 6 wearable apps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Think Small: Wearable Design with Clear Interfaces | UXPin\" \/>\n<meta property=\"og:description\" content=\"Get UI design tips for wearable devices from designer Carrie Cousins. Examples analyzed from 6 wearable apps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-12-12T03:31:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-10T02:46:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/apple-watch-selling-points.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"686\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carrie Cousins\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@carriecousins\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carrie Cousins\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/\"},\"author\":{\"name\":\"Carrie Cousins\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e9fea31a2f764c9c37cf53e098fbeeeb\"},\"headline\":\"Think Small: Wearable Design with Clear Interfaces | UXPin\",\"datePublished\":\"2015-12-12T03:31:42+00:00\",\"dateModified\":\"2024-09-10T02:46:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/\"},\"wordCount\":1139,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/apple-watch-selling-points.jpg\",\"articleSection\":[\"Blog\",\"Product Design\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/\",\"name\":\"Think Small: Wearable Design with Clear Interfaces | UXPin | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/apple-watch-selling-points.jpg\",\"datePublished\":\"2015-12-12T03:31:42+00:00\",\"dateModified\":\"2024-09-10T02:46:23+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e9fea31a2f764c9c37cf53e098fbeeeb\"},\"description\":\"Get UI design tips for wearable devices from designer Carrie Cousins. Examples analyzed from 6 wearable apps.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/apple-watch-selling-points.jpg\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/apple-watch-selling-points.jpg\",\"width\":1200,\"height\":686,\"caption\":\"apple watch selling points\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/think-small-applying-ui-design-principles-to-wearables\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Think Small: Wearable Design with Clear Interfaces | UXPin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e9fea31a2f764c9c37cf53e098fbeeeb\",\"name\":\"Carrie Cousins\",\"description\":\"Carrie Cousins has more than 10 years experience in the media industry, including design, editing, and writing for print and online publications. Carrie is also a sports fanatic and spends way too much time planning football and basketball trips and obsessing over stats.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/carriecousins\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/carriecousins\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Think Small: Wearable Design with Clear Interfaces | UXPin | UXPin","description":"Get UI design tips for wearable devices from designer Carrie Cousins. Examples analyzed from 6 wearable apps.","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:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/","og_locale":"en_US","og_type":"article","og_title":"Think Small: Wearable Design with Clear Interfaces | UXPin","og_description":"Get UI design tips for wearable devices from designer Carrie Cousins. Examples analyzed from 6 wearable apps.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/","og_site_name":"Studio by UXPin","article_published_time":"2015-12-12T03:31:42+00:00","article_modified_time":"2024-09-10T02:46:23+00:00","og_image":[{"width":1200,"height":686,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/apple-watch-selling-points.jpg","type":"image\/jpeg"}],"author":"Carrie Cousins","twitter_card":"summary_large_image","twitter_creator":"@carriecousins","twitter_misc":{"Written by":"Carrie Cousins","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/"},"author":{"name":"Carrie Cousins","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e9fea31a2f764c9c37cf53e098fbeeeb"},"headline":"Think Small: Wearable Design with Clear Interfaces | UXPin","datePublished":"2015-12-12T03:31:42+00:00","dateModified":"2024-09-10T02:46:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/"},"wordCount":1139,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/apple-watch-selling-points.jpg","articleSection":["Blog","Product Design","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/","name":"Think Small: Wearable Design with Clear Interfaces | UXPin | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/apple-watch-selling-points.jpg","datePublished":"2015-12-12T03:31:42+00:00","dateModified":"2024-09-10T02:46:23+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e9fea31a2f764c9c37cf53e098fbeeeb"},"description":"Get UI design tips for wearable devices from designer Carrie Cousins. Examples analyzed from 6 wearable apps.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/apple-watch-selling-points.jpg","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/apple-watch-selling-points.jpg","width":1200,"height":686,"caption":"apple watch selling points"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/think-small-applying-ui-design-principles-to-wearables\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Think Small: Wearable Design with Clear Interfaces | UXPin"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e9fea31a2f764c9c37cf53e098fbeeeb","name":"Carrie Cousins","description":"Carrie Cousins has more than 10 years experience in the media industry, including design, editing, and writing for print and online publications. Carrie is also a sports fanatic and spends way too much time planning football and basketball trips and obsessing over stats.","sameAs":["https:\/\/x.com\/carriecousins"],"url":"https:\/\/www.uxpin.com\/studio\/author\/carriecousins\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/10729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=10729"}],"version-history":[{"count":5,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/10729\/revisions"}],"predecessor-version":[{"id":54479,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/10729\/revisions\/54479"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/10740"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=10729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=10729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=10729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}