{"id":5316,"date":"2014-08-19T17:36:48","date_gmt":"2014-08-19T17:36:48","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=5316"},"modified":"2020-04-22T06:38:44","modified_gmt":"2020-04-22T13:38:44","slug":"ux-design-mobile-applications-getting-social","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/","title":{"rendered":"UX Design for Mobile Applications: Getting Social"},"content":{"rendered":"<p><a title=\"Photo credits\" href=\"https:\/\/www.flickr.com\/photos\/rosauraochoa\/3256859352\/\">Photo credits<\/a><\/p>\n<p>Aristotle once said that \u201cWithout friends, no one would choose to live, though he had all other goods.\u201d Similarly, mobile apps can have a lot of cool features, but without incorporating a social aspect into them, they may not be the best they can be. Which is not to say that all apps require social features &#8211; apps such as your bank account app or Google Maps probably don\u2019t need social utilities at all. But for many mobile apps, the social aspect can be very advantageous, because people strive for human connection. <strong>By integrating social features into your mobile UI design, you not only facilitate human relationship, but also drive more traffic to your app.<\/strong><\/p>\n<p><!--more--><\/p>\n<p>This article shows you 5 UI design patterns you can use to help you effectively incorporate social capabilities into your mobile app.<\/p>\n<h3><strong>1. Activity Feeds<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5367\" title=\"UI Patterns, Activity Feeds, Quora\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/07\/Screen-Shot-2014-07-24-at-11.01.11-AM.png\" alt=\"UI Patterns, Activity Feeds, Quora\" width=\"821\" height=\"736\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5366\" title=\"UI Patterns, Activity Feeds, Venmo\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/07\/Screen-Shot-2014-07-24-at-11.01.32-AM.png\" alt=\"UI Patterns, Activity Feeds, Venmo\" width=\"821\" height=\"735\" \/><\/p>\n<p>What are the most popular things to do on this app? What have my friends been up to lately? I haven\u2019t been on this app for a while &#8211; what new features are people using?<\/p>\n<p>Activity feeds help to answer these questions in a subtle but constructive manner by allowing the user to view what their friends are doing on the app. They provide updates on what is going on around them, and help to keep the app relevant through the psychology of social proof.<\/p>\n<p>Besides the obvious examples of Facebook and Twitter, other apps like Quora, Swarm, and Venmo are famous for their implementations of activity feeds. Whereas Quora updates you on answers a friend might have given to a thought-provoking question, Venmo provides a quick and cursory snapshot of all your buddies\u2019 most recent transactions (and leaving you to imagine what fun activities they were up to).<\/p>\n<h3><strong>2. Follow<\/strong><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-5365\" title=\"UI Patterns, Follow, Flipboard\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/07\/Screen-Shot-2014-07-24-at-11.01.52-AM.png\" alt=\"\" height=\"730\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5364\" title=\"UI Patterns, Follow, Playboard\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/07\/Screen-Shot-2014-07-24-at-11.02.03-AM.png\" alt=\"UI Patterns, Follow, Playboard\" width=\"821\" height=\"729\" \/><\/p>\n<p>Today\u2019s apps are becoming increasingly better at tailoring content to the user\u2019s specific preferences. In addition to following people and their activities, users want to know about topics or themes, such as news, new songs, new cars, new clothes, and new deals. Following certain pieces of content allows the user to stay up to date with the things they care about, and in the case of the mobile app, with the specific content they value most. This design pattern can be seen in apps like Twitter, Circa, Playboard, Flipboard, and Songkick.<\/p>\n<h3><strong>3. Vote to Promote<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5363\" title=\"UI Patterns, Vote to Promote, Digg\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/07\/Screen-Shot-2014-07-24-at-11.02.17-AM.png\" alt=\"UI Patterns, Vote to Promote, Digg\" width=\"822\" height=\"712\" \/><\/p>\n<p>Before following certain people or pieces of content, how do you know what is relevant on an app? One way of solving this problem is by letting a community of your peers \u201cdecide\u201d for you. Many apps such as Digg and Reddit allow the user to vote on different content, so that what shows up on the front page, and most likely on your feed, is the information that was relevant to the most number of people. This trend, when incorporated into your app, uses crowdsourcing to give the user the best content. By showing that fifty or a hundred or a thousand other people \u201cupvoted\u201d a certain article, the user is more likely to click and enjoy the content on your app.<\/p>\n<h3><strong>4. Single Share Button<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5362\" title=\"UI Patterns, Single Share Button, Medium\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/07\/Screen-Shot-2014-07-24-at-11.03.00-AM.png\" alt=\"UI Patterns, Single Share Button, Medium\" width=\"822\" height=\"715\" \/><\/p>\n<p>In the world of Facebook and Twitter, the desire for people to share interesting content is growing. The share feature in mobile apps is becoming more and more commonplace, and as this trend continues, it becomes increasingly important to present this feature in the cleanest yet most attractive manner possible. Instead of having a bunch of different share options continuously cluttering the UI, many apps now consolidate all of these options into a single share button. Medium provides a great example of this design pattern, which not only emphasizes a single unambiguous share feature, but also allows for a beautiful user experience.<\/p>\n<h3><strong>5. Find &amp; Invite Friends<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5361\" title=\"UI Patterns, Find &amp; Invite Friends, Venmo\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/07\/Screen-Shot-2014-07-24-at-11.03.21-AM.png\" alt=\"UI Patterns, Find &amp; Invite Friends, Venmo\" width=\"821\" height=\"734\" \/><\/p>\n<p>Lastly, the find and invite friends design pattern &#8211; what could make the mobile app experience more fun and user-friendly than being able to experience it with your friends? The purpose of the find &amp; invite friends pattern is to allow your UI to facilitate the invitation process as much as possible and make it easy and obvious for the user. Venmo does this really well by integrating social, mobile contacts, and email into their invite feature.<\/p>\n<p>There is plenty more to learn about the design patterns that make for great mobile UI\u2019s (not just social!). Be sure to grab a copy of our new free ebook, <a title=\"Mobile UI Design Patterns 2014\" href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mobile UI Design Patterns 2014: A Deeper Look at the Hottest Apps Today<\/a> to learn how to design better mobile UI\u2019s using today\u2019s newest and most trending design patterns.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5243\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/07\/mobile-ui-patterns-donwload.jpg\" alt=\"Download Mobile UI Design Patterns for free\" width=\"600\" height=\"250\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Photo credits Aristotle once said that \u201cWithout friends, no one would choose to live, though he had all other goods.\u201d Similarly, mobile apps can have a lot of cool features, but without incorporating a social aspect into them, they may not be the best they can be. Which is not to say that all apps<\/p>\n","protected":false},"author":9,"featured_media":5382,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6],"tags":[],"class_list":["post-5316","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ux-design"],"yoast_title":"","yoast_metadesc":"This article shows you 5 UI design patterns you can use to help you effectively incorporate social capabilities into your mobile app.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>UX Design for Mobile Applications: Getting Social | UXPin<\/title>\n<meta name=\"description\" content=\"This article shows you 5 UI design patterns you can use to help you effectively incorporate social capabilities into your mobile app.\" \/>\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\/ux-design-mobile-applications-getting-social\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX Design for Mobile Applications: Getting Social\" \/>\n<meta property=\"og:description\" content=\"This article shows you 5 UI design patterns you can use to help you effectively incorporate social capabilities into your mobile app.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2014-08-19T17:36:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:38:44+00:00\" \/>\n<meta name=\"author\" content=\"Jerry Cao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Cao\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 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\\\/ux-design-mobile-applications-getting-social\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-mobile-applications-getting-social\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"UX Design for Mobile Applications: Getting Social\",\"datePublished\":\"2014-08-19T17:36:48+00:00\",\"dateModified\":\"2020-04-22T13:38:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-mobile-applications-getting-social\\\/\"},\"wordCount\":765,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-mobile-applications-getting-social\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"articleSection\":[\"Blog\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-mobile-applications-getting-social\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-mobile-applications-getting-social\\\/\",\"name\":\"UX Design for Mobile Applications: Getting Social | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-mobile-applications-getting-social\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-mobile-applications-getting-social\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2014-08-19T17:36:48+00:00\",\"dateModified\":\"2020-04-22T13:38:44+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"This article shows you 5 UI design patterns you can use to help you effectively incorporate social capabilities into your mobile app.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-mobile-applications-getting-social\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-mobile-applications-getting-social\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-mobile-applications-getting-social\\\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-design-mobile-applications-getting-social\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX Design for Mobile Applications: Getting Social\"}]},{\"@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\\\/e58da1b4c401eb288436977eb9810a18\",\"name\":\"Jerry Cao\",\"description\":\"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jerrycao\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"UX Design for Mobile Applications: Getting Social | UXPin","description":"This article shows you 5 UI design patterns you can use to help you effectively incorporate social capabilities into your mobile app.","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\/ux-design-mobile-applications-getting-social\/","og_locale":"en_US","og_type":"article","og_title":"UX Design for Mobile Applications: Getting Social","og_description":"This article shows you 5 UI design patterns you can use to help you effectively incorporate social capabilities into your mobile app.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/","og_site_name":"Studio by UXPin","article_published_time":"2014-08-19T17:36:48+00:00","article_modified_time":"2020-04-22T13:38:44+00:00","author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"UX Design for Mobile Applications: Getting Social","datePublished":"2014-08-19T17:36:48+00:00","dateModified":"2020-04-22T13:38:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/"},"wordCount":765,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/#primaryimage"},"thumbnailUrl":"","articleSection":["Blog","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/","name":"UX Design for Mobile Applications: Getting Social | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/#primaryimage"},"thumbnailUrl":"","datePublished":"2014-08-19T17:36:48+00:00","dateModified":"2020-04-22T13:38:44+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"This article shows you 5 UI design patterns you can use to help you effectively incorporate social capabilities into your mobile app.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-design-mobile-applications-getting-social\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"UX Design for Mobile Applications: Getting Social"}]},{"@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\/e58da1b4c401eb288436977eb9810a18","name":"Jerry Cao","description":"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.","sameAs":["http:\/\/uxpin.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/jerrycao\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/5316","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=5316"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/5316\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=5316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=5316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=5316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}