{"id":7930,"date":"2015-09-14T19:40:21","date_gmt":"2015-09-14T19:40:21","guid":{"rendered":"http:\/\/52.8.83.85\/?post_type=ebooks&#038;p=7930"},"modified":"2020-06-09T01:44:28","modified_gmt":"2020-06-09T08:44:28","slug":"mobile-design-patterns","status":"publish","type":"ebooks","link":"https:\/\/www.uxpin.com\/studio\/ko\/ebooks\/mobile-design-patterns\/","title":{"rendered":"The Essential Guide to Mobile Design Patterns"},"content":{"rendered":"<p><strong>For designers, engineers, and everyone else who wants to design better mobile apps<\/strong><\/p>\n<p>Sometimes, it is best to learn from what others are doing and apply those lessons to your challenges. Fortunately, there are a lot of examples to learn from. In this guide, we pick apart some of the hottest apps out there. We analyze them for their design patterns, and explain how you can use the examples to solve UI and UX challenges in your design projects.<\/p>\n<p>If you have ever loved using Facebook, Instagram, Quora, Linkedin, or any of the top 20 mobile apps out there, you will love this guide we have put together. There is deep diving into core issues of mobile design &#8211; navigation, content management, and getting user input. Each design problem is accompanied with a practical solution, so you can immediately apply the learning to your specific case. Take your mobile design game to the next level. Take a deep dive into the world of mobile design patterns.<\/p>\n<h2>What the Guide to Mobile Design Patterns Will Teach You<\/h2>\n<ul>\n<li><strong>Chapter 1 [What are UI Design Patterns and How to Use Them]<\/strong> &#8211; Get a better understanding of how to think about design patterns, so you are more equipped at utilizing them in your everyday projects.<\/li>\n<li><strong>Chapter 2 [The Interactive Imperative]<\/strong> &#8211; Learn about the most commonly available gestures and animations to add interactivity to your mobile app. You will also get to know how the most popular mobile app do it.<\/li>\n<li><strong>Chapter 3 [Getting Input]<\/strong> &#8211; This chapter details some of the most common problems UI designers run into when getting input from the user. Each problem is followed by a practical solution, illustrated by a real-world example.<\/li>\n<li><strong>Chapter 4 [Navigation]<\/strong> &#8211; Overflow menus? Walkthroughs? Sliders? Learn how to tackle navigation challenges and make your mobile app more intuitive for users.<\/li>\n<li><strong>Chapter 5 [Social]<\/strong> &#8211; Better content feeds, private chat design patterns, single share buttons &#8211; we use examples of popular apps, such as Instagram, to explain how big brands use mobile design patterns to navigate the challenges of making their app more socially interactive.<\/li>\n<li><strong>Chapter 6 [Data and Content Management]<\/strong> &#8211; How do you give users access to more content without cluttering the UI? Practical tips illustrated with examples of popular apps.<\/li>\n<li><strong>Chapter 7 [Learn from the Best]<\/strong> &#8211; A list of resources to help you solve problems and make your mobile app more user-friendly.<\/li>\n<\/ul>\n<h2>Other Resources Related to Mobile Design Patterns<\/h2>\n<p>Designing for mobile comes with its unique set of challenges. As a designer or a product manager, it can be handy to learn from other people&#8217;s experiences. Here are a bunch of of articles that have helped us and countless others solve design challenges more efficiently.<\/p>\n<p>Resources:<\/p>\n<ul>\n<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/13-ways-to-make-your-ui-writing-better\/\"><strong>13 Ways to Make Your UI Writing Better<\/strong><\/a><br \/>\n<strong><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/dark-mode-for-mobile\/\">Dark Mode for Mobile<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/guide-design-consistency-best-practices-ui-ux-designers\/\">Design Consistency: Best Practices for UI\/UX Designers<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/great-artists-reuse-reusable-patterns-product-design\/\">Reusable Patterns for Product Design<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-system-icons-techniques\/\">Design a System of Icons With These Techniques<\/a><\/strong>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>For designers, engineers, and everyone else who wants to design better mobile apps Sometimes, it is best to learn from what others are doing and apply those lessons to your challenges. Fortunately, there are a lot of examples to learn from. In this guide, we pick apart some of the hottest apps out there. We<\/p>\n","protected":false},"featured_media":7931,"template":"","class_list":["post-7930","ebooks","type-ebooks","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Mobile UI Design Patterns. Free E-book By UXPin<\/title>\n<meta name=\"description\" content=\"Learn how the best brands use mobile design patterns to solve design challenges. For anyone who wants to improve their mobile design game.\" \/>\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\/ebooks\/mobile-design-patterns\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile UI Design Patterns. Free E-book By UXPin\" \/>\n<meta property=\"og:description\" content=\"A deeper look at the hottest apps today. 46 carefully picked UI design patterns illustrated and explained. Concise, pragmatic and free.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-09T08:44:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Mobile-UI-Design-Patterns.png\" \/>\n\t<meta property=\"og:image:width\" content=\"262\" \/>\n\t<meta property=\"og:image:height\" content=\"375\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Mobile UI Design Patterns. Free E-book By UXPin\" \/>\n<meta name=\"twitter:description\" content=\"A deeper look at the hottest apps today. 46 carefully picked UI design patterns illustrated and explained. Concise, pragmatic and free.\" \/>\n<meta name=\"twitter:label1\" content=\"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/mobile-design-patterns\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/mobile-design-patterns\\\/\",\"name\":\"Mobile UI Design Patterns. Free E-book By UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/mobile-design-patterns\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/mobile-design-patterns\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/Mobile-UI-Design-Patterns.png\",\"datePublished\":\"2015-09-14T19:40:21+00:00\",\"dateModified\":\"2020-06-09T08:44:28+00:00\",\"description\":\"Learn how the best brands use mobile design patterns to solve design challenges. For anyone who wants to improve their mobile design game.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/mobile-design-patterns\\\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/mobile-design-patterns\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/mobile-design-patterns\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/Mobile-UI-Design-Patterns.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/Mobile-UI-Design-Patterns.png\",\"width\":262,\"height\":375,\"caption\":\"Mobile UI Design Patterns\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/mobile-design-patterns\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ebooks\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"The Essential Guide to Mobile Design Patterns\"}]},{\"@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\":\"ko-KR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mobile UI Design Patterns. Free E-book By UXPin","description":"Learn how the best brands use mobile design patterns to solve design challenges. For anyone who wants to improve their mobile design game.","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\/ebooks\/mobile-design-patterns\/","og_locale":"ko_KR","og_type":"article","og_title":"Mobile UI Design Patterns. Free E-book By UXPin","og_description":"A deeper look at the hottest apps today. 46 carefully picked UI design patterns illustrated and explained. Concise, pragmatic and free.","og_url":"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/","og_site_name":"Studio by UXPin","article_modified_time":"2020-06-09T08:44:28+00:00","og_image":[{"width":262,"height":375,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Mobile-UI-Design-Patterns.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Mobile UI Design Patterns. Free E-book By UXPin","twitter_description":"A deeper look at the hottest apps today. 46 carefully picked UI design patterns illustrated and explained. Concise, pragmatic and free.","twitter_misc":{"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04":"2\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/","url":"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/","name":"Mobile UI Design Patterns. Free E-book By UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Mobile-UI-Design-Patterns.png","datePublished":"2015-09-14T19:40:21+00:00","dateModified":"2020-06-09T08:44:28+00:00","description":"Learn how the best brands use mobile design patterns to solve design challenges. For anyone who wants to improve their mobile design game.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/"]}]},{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Mobile-UI-Design-Patterns.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Mobile-UI-Design-Patterns.png","width":262,"height":375,"caption":"Mobile UI Design Patterns"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Ebooks","item":"https:\/\/www.uxpin.com\/studio\/ebooks\/"},{"@type":"ListItem","position":3,"name":"The Essential Guide to Mobile Design Patterns"}]},{"@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":"ko-KR"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/ko\/wp-json\/wp\/v2\/ebooks\/7930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/ko\/wp-json\/wp\/v2\/ebooks"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/ko\/wp-json\/wp\/v2\/types\/ebooks"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/ko\/wp-json\/wp\/v2\/media\/7931"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/ko\/wp-json\/wp\/v2\/media?parent=7930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}