{"id":16204,"date":"2017-04-21T12:16:32","date_gmt":"2017-04-21T19:16:32","guid":{"rendered":""},"modified":"2017-04-21T12:16:32","modified_gmt":"2017-04-21T19:16:32","slug":"exploring-ui-patterns-for-successful-mobile-apps","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2017\/04\/exploring-ui-patterns-for-successful-mobile-apps\/","title":{"rendered":"Exploring UI Patterns for Successful Mobile Apps"},"content":{"rendered":"

UI Designers often face the difficulties when choosing the perfect patterns for \u201cmobile-centric\u201d<\/strong><\/a> thinking. The challenge is how to create a single interface that would work well on multiple devices such as iOS, Android and Windows\u00a0Phone.<\/p>\n

\"\"<\/figure>\n

What\u2019s the\u00a0basic?<\/strong><\/p>\n

It is always good to spend a time, about two weeks for beginner, to familiarize with the basic interaction design pattern both iOS and Android. Google\u2019s Material Design<\/strong><\/a> is a very good example to cover guidelines, dos and don\u2019ts plus the theory behind every design. On the other hand, Apple\u2019s design principles<\/strong><\/a> is also a very good reference for design libraries.<\/p>\n

Once you are truly familiar with the devices your users rely on 24\/7\/365, it will be easier for you to design a beautiful app.<\/p><\/blockquote>\n

What are the good and bad of using the basic pattern libraries?<\/strong><\/p>\n

The good things of following the existing patterns is it is easier for developing the app. It is also user friendly since most users are familiarize with the navigation. There are no bad things of using the basic pattern libraries, knowing and following the existing pattern is good, but there is nothing wrong for UI designers to bend the rules or completely ignore them and still create a beautiful app. Visual beauty can be shown through design elements, color, contrast, grid, etc. Some navigation like Springboard, Cards, List Menu, Dashboard, can be designed out of the box and still attract users. For examples:<\/p>\n

1. Emerging\u00a0Patterns<\/p>\n

It is a new trend in mobile, whereby hiding certain elements such as header or tap bar while the user is scrolling or swiping down the\u00a0content.<\/p>\n

\"\"<\/figure>\n
\"\"<\/figure>\n
\"\"<\/figure>\n
\"\"<\/figure>\n

2. Skeuomorphism<\/p>\n

Skeuomorphism<\/strong><\/a> pattern is the interface designed to represent their real-world counterparts. It aims to create a 3D look, unlike flat design, Skeuomorphism is the dominant pattern for game design and Virtual Reality\u00a0(VR).<\/p>\n

\"\"<\/figure>\n
\"\"<\/figure>\n

In conclusion UI Designers should understand the foundation of UI Patterns and standards as the first step before designing the app. After that, it is up to them to creatively exploring new patterns to deliver the usability that has been determined by the UX Designers. Good Mobile Apps is created with the help of Aesthetic-Usability Effect<\/strong><\/a>; a pleasing interface that appeal the users to stick with the app. It is always good to define a UI Pattern that supports usability, turning an attractive interface design into a more usable Mobile\u00a0Apps.<\/p>\n

If you liked this or found it helpful, please click the ? to share.\u00a0Thanks!<\/p>\n

#SharingIsCaring<\/p>\n

Holla at me on Twitter.<\/strong><\/a> <\/strong>or <\/strong>Linked-in<\/strong><\/a> <\/strong>?????<\/p>\n

Disclaimer: These are my personal views and opinions and not associated with my employer or any other reference on this post. I am also not endorsing any company or service mentioned on this\u00a0post<\/em><\/p>\n

<\/p>\n

\n

Exploring UI Patterns for Successful Mobile Apps<\/a> was originally published in Muzli -Design Inspiration<\/a> on Medium, where people are continuing the conversation by highlighting and responding to this story.<\/p>\n

Powered by WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"

UI Designers often face the difficulties when choosing the perfect patterns for \u201cmobile-centric\u201d thinking. The challenge is how to create a single interface that would work well on multiple devices such as iOS, Android and Windows\u00a0Phone. What\u2019s the\u00a0basic? It is always good to spend a time, about two weeks for beginner, to familiarize with the… Read the full article…<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[15],"tags":[],"class_list":["post-16204","post","type-post","status-publish","format-standard","hentry","category-general-info"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t