<\/p>\r\n
\u201cA gorgeous app with poor UX isn\u2019t a gorgeous app \u2013 it\u2019s an invitation to frustration.\u201d \u2013 InVision<\/p>\r\n
This powerful quote points to the significance of a good user experience and user interface. It will literally make or break your app. The following article goes over app design tips that will enhance the usability and appeal of your app. Even though some of seem obvious, there are plenty of bad apps out there that prove the opposite. Stand out with an app that is both gorgeous on the inside and out.<\/p>\r\n
1. Apply the rules of interaction design<\/strong> So when you start building your app, keep the Five Pillars of Interaction Design in mind:<\/p>\r\n Goal-driven design:<\/em> User research, such as interviews and surveys, helps you design for the right user. Uncover personas and user scenarios to create a complete picture of the experience with your app, as it will allow you to tailor your app\u2019s workflow to suit users\u2019 needs. 2. Don\u2019t reinvent the wheel<\/strong> According to TNW, you should \u201cuse common UI patterns as a baseline for usability, then layer on your own creativity. In doing so, you\u2019ll ensure that your app design matches user expectations without feeling boring.\u201d<\/p>\r\n 3. Remember accessibility<\/strong> Also consider that people hold their phones in different ways: one thumb\/one hand, two hands\/one finger or two hands\/two thumbs. Keep this thumb and finger placement in mind when adding important touch buttons.<\/p>\r\n 4. Know your colors<\/strong> According to Envato, \u201cwe have seen a shift in trends from heavy use of colors throughout mobile app elements, to more minimal use of color, with much more focused palettes being used. As well as this, there has been a move towards using more white space alongside high contrast, experimental colors.\u201d Most importantly, you need to use color contrasts that facilitate a better reading experience.<\/p>\r\n 5. (Con)text is king<\/strong> Phrase labels positively to make users feel in control. Users are coming to your site to do something to achieve their goals, so create copy that encourages interaction. Time to go (back) to the drawing board with these app design tips!<\/p>\r\n Source: by KIMBERLY DE SILVA \/\/ www.entrepreneur.com<\/p>\r\n","protected":false},"excerpt":{"rendered":" \u201cA gorgeous app with poor UX isn\u2019t a gorgeous app \u2013 it\u2019s an invitation to frustration.\u201d \u2013 InVision This powerful quote points to the significance of a good user experience and user interface. It will literally make or break your app. The following article goes over app design tips that will enhance the usability and appeal of your app. Even though some of seem obvious, there are plenty of bad apps out there that prove the opposite. Stand out with an app that is both gorgeous on the inside and out. 1. Apply the rules of interaction designEven though the screen is a lot smaller, the rules of good interaction design still apply. Interaction design is an important component within the giant umbrella of user experience (UX) design. According to DesignModo, \u201cInteraction design is a process in which designers focus on creating engaging web interfaces with logical and thought out behaviors and actions. Successful interactive design uses technology and principles of good communication to create desired user experiences.\u201d So when you start building your app, keep the Five Pillars of Interaction Design in mind: Goal-driven design: User research, such as interviews and surveys, helps you design for the right user. Uncover personas and user scenarios to create a complete picture of the experience with your app, as it will allow you to tailor your app\u2019s workflow to suit users\u2019 needs.Usability: If anything, your app needs to be easy to use. \u201cUsability makes a product useful, which is the first step in being desirable\u201d, says The Next Web.Affordance & signifiers: The affordance is the function; the signifier hints at the affordance. For instance, blue, underlined text (signifier) indicates that it is \u201cclickable\u201d and will take you to a linked page (affordance). Signifiers need to be used correctly, so users don\u2019t need to think about what each UI element does.Learnability: Users should be able to intuitively navigate your app. Using familiar mobile patterns will help (new) users acclimate to a (new) app \u2014 more on this later in the article.Feedback & response time: Feedback lets a user know if an action was completed, whether through sound, image or text. This feedback needs to happen in a timely manner, as well as be user-friendly. 2. Don\u2019t reinvent the wheelBesides following basic design rules, do not try to reinvent the wheel when it comes to your app\u2019s interface. There is a reason why many (successful) apps look similar, they build off of established mobile patterns that users are familiar with. Users shouldn\u2019t be required to learn a new pattern every time they open a different app. This would cause instant abandonment of the app. Therefore, use patterns that you see in popular apps, including the colors, icons and gestures. For instance, use red for errors and an envelope icon for your email feature. Furthermore, touch devices are defined by gestures, including swipe, double-tap, zoom and pinch. According to TNW, you should \u201cuse common UI patterns as a baseline for usability, then layer on your own creativity. In doing so, you\u2019ll ensure that your app design matches user expectations without feeling boring.\u201d 3. Remember accessibilityWe\u2019ve all experienced the frustration of accidentally hitting the wrong button on our phone, and ending up on a random screen. Fingers are a lot bigger than precise mouse cursors, so make sure you build a \u2018finger-friendly\u2019 design. Allow enough space for users to tap with their fingertip to minimize annoyance as much as possible. Fingers are about 45-57 pixels wide, which is bigger than most design guidelines state for hit targets. Apple\u2019s recommendations (44\u00d744 pixels), for example, are actually too small. Also consider that people hold their phones in different ways: one thumb\/one hand, two hands\/one finger or two hands\/two thumbs. Keep this thumb and finger placement in mind when adding important touch buttons. 4. Know your colorsDifferent colors convey different meanings and emotions, so it is crucial to pick the right ones for your app. As the guide shows, blue can convey trust and strength, whereas orange can signify cheerfulness and confidence. The color palette should, of course, also match your current company colors. According to Envato, \u201cwe have seen a shift in trends from heavy use of colors throughout mobile app elements, to more minimal use of color, with much more focused palettes being used. As well as this, there has been a move towards using more white space alongside high contrast, experimental colors.\u201d Most importantly, you need to use color contrasts that facilitate a better reading experience. 5. (Con)text is kingText and design go hand in hand, so make sure not to skimp on this element. Some even argue that words are the most important part of interaction design. Crucial is that your copy is easy to understand. \u201cThe first step to any writing endeavor is to know both your audience (your target users) and your medium (web page content, sidebar, pop-up, etc.), says Fast Company. In other words, the writing needs to be tailored to who will be reading it, when they will be reading it, what they need to complete their goal and so on. Phrase labels positively to make users feel in control. Users are coming to your site to do something to achieve their goals, so create copy that encourages interaction.Use the most important words first. Mobile users are especially impatient, so make sure the point comes across as fast as possible.Use consistent wording across each screen. Besides being a stand-alone product, the app should be an extension of your company\u2019s brand. Time to go (back) to the drawing board with these app design tips! Source: by KIMBERLY DE SILVA \/\/ www.entrepreneur.com<\/p>\n","protected":false},"author":1,"featured_media":8285,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[79],"tags":[],"_links":{"self":[{"href":"https:\/\/fairsystems.com\/wp-json\/wp\/v2\/posts\/7719"}],"collection":[{"href":"https:\/\/fairsystems.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fairsystems.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fairsystems.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fairsystems.com\/wp-json\/wp\/v2\/comments?post=7719"}],"version-history":[{"count":0,"href":"https:\/\/fairsystems.com\/wp-json\/wp\/v2\/posts\/7719\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fairsystems.com\/wp-json\/wp\/v2\/media\/8285"}],"wp:attachment":[{"href":"https:\/\/fairsystems.com\/wp-json\/wp\/v2\/media?parent=7719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fairsystems.com\/wp-json\/wp\/v2\/categories?post=7719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fairsystems.com\/wp-json\/wp\/v2\/tags?post=7719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Even though the screen is a lot smaller, the rules of good interaction design still apply. Interaction design is an important component within the giant umbrella of user experience (UX) design. According to DesignModo, \u201cInteraction design is a process in which designers focus on creating engaging web interfaces with logical and thought out behaviors and actions. Successful interactive design uses technology and principles of good communication to create desired user experiences.\u201d<\/p>\r\n
Usability:<\/em> If anything, your app needs to be easy to use. \u201cUsability makes a product useful, which is the first step in being desirable\u201d, says The Next Web.
Affordance & signifiers:<\/em> The affordance is the function; the signifier hints at the affordance. For instance, blue, underlined text (signifier) indicates that it is \u201cclickable\u201d and will take you to a linked page (affordance). Signifiers need to be used correctly, so users don\u2019t need to think about what each UI element does.
Learnability:<\/em> Users should be able to intuitively navigate your app. Using familiar mobile patterns will help (new) users acclimate to a (new) app \u2014 more on this later in the article.
Feedback & response time:<\/em> Feedback lets a user know if an action was completed, whether through sound, image or text. This feedback needs to happen in a timely manner, as well as be user-friendly.<\/p>\r\n
Besides following basic design rules, do not try to reinvent the wheel when it comes to your app\u2019s interface. There is a reason why many (successful) apps look similar, they build off of established mobile patterns that users are familiar with. Users shouldn\u2019t be required to learn a new pattern every time they open a different app. This would cause instant abandonment of the app. Therefore, use patterns that you see in popular apps, including the colors, icons and gestures. For instance, use red for errors and an envelope icon for your email feature. Furthermore, touch devices are defined by gestures, including swipe, double-tap, zoom and pinch.<\/p>\r\n
We\u2019ve all experienced the frustration of accidentally hitting the wrong button on our phone, and ending up on a random screen. Fingers are a lot bigger than precise mouse cursors, so make sure you build a \u2018finger-friendly\u2019 design. Allow enough space for users to tap with their fingertip to minimize annoyance as much as possible. Fingers are about 45-57 pixels wide, which is bigger than most design guidelines state for hit targets. Apple\u2019s recommendations (44\u00d744 pixels), for example, are actually too small.<\/p>\r\n
Different colors convey different meanings and emotions, so it is crucial to pick the right ones for your app. As the guide shows, blue can convey trust and strength, whereas orange can signify cheerfulness and confidence. The color palette should, of course, also match your current company colors.<\/p>\r\n
Text and design go hand in hand, so make sure not to skimp on this element. Some even argue that words are the most important part of interaction design. Crucial is that your copy is easy to understand. \u201cThe first step to any writing endeavor is to know both your audience (your target users) and your medium (web page content, sidebar, pop-up, etc.), says Fast Company. In other words, the writing needs to be tailored to who will be reading it, when they will be reading it, what they need to complete their goal and so on.<\/p>\r\n
Use the most important words first. Mobile users are especially impatient, so make sure the point comes across as fast as possible.
Use consistent wording across each screen. Besides being a stand-alone product, the app should be an extension of your company\u2019s brand.<\/p>\r\n