5 Design Tips For Creating Killer Apps

Design Tips For Creating Killer Apps

“A gorgeous app with poor UX isn’t a gorgeous app—it’s an invitation to frustration.” -- InVision Click To Tweet

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 Design

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, “Interaction 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.” 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’s workflow to suit users’ needs.
  • Usability: If anything, your app needs to be easy to use. “Usability makes a product useful, which is the first step in being desirable”, 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 “clickable” and will take you to a linked page (affordance). Signifiers need to be used correctly, so users don’t need to think about what each UI element does.
    Apply The Rules of Interaction Design
  • Learnability: Users should be able to intuitively navigate your app. Using familiar mobile patterns will help (new) users acclimate to a (new) app – 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’t Reinvent The Wheel

Besides following basic design rules, do not try to reinvent the wheel when it comes to your app’s 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’t 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.

mobile design patterns
According to
TNW, you should “use common UI patterns as a baseline for usability, then layer on your own creativity. In doing so, you’ll ensure that your app design matches user expectations without feeling boring.”

3. Remember Accessibility

We’ve 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 ‘finger-friendly’ 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’s recommendations (44×44 pixels), for example, are actually too small.


‘finger-friendly’ design

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 Colors

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.

Know Your Colors

According to Envato, “we 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.” Most importantly, you need to use color contrasts that facilitate a better reading experience.

5. (Con)text is King

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. “The 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. Here are some tips for writing compelling app copy:

  • 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’s brand.

Time to go (back) to the drawing board with these app design tips!

Do you have any app design tips that you swear by? Share it in the comments.

 

Comments (10)

  • Rick Gilman Mar 07, 2017 at 08:03 AM

    Great post. Thanks for the insight. One tip I might add is to keep the number of clicks to do anything down to a minimum. This is true for websites but I believe even more important for APPs. As you said, APP users have limited patience and requiring them to click 3 or 4 times to place an order or find information will ruin their experience.

    • Dan Mar 07, 2017 at 10:03 AM

      Rick, good points. I also think that there’s a tendency to not look at an app as a different beast from a website. My personal philosophy is that the app should really make highly available the most desired content and do so in a manner which is exceptionally convenient. Meaning to the victor go the spoils and that usually means the most convenient. Remember 7/11?

    • Kimberly de Silva Mar 07, 2017 at 13:03 PM

      That is a great tip, Rick! I completely agree, every function/screen of the app should be no more than 2 clicks away for maximum usability.

  • Peter Short Mar 08, 2017 at 12:03 PM

    Awesome points!…But, with “3. Remember Accessibility…” The VITAL “Call Us/Directions/Share” Home Screen tabs/type size too small on WEB apps…Need to bring to same size as Native Apps size/type…

    Also, Kimberly states that two clicks is all it should take to get to “final destination”, but why does it take 3 clicks to make call off app? When there is only one location, which is more common than multiple locations, WHY have “Which location do you want to call?” come up? Waste of time, annoying, confusing, etc when business has only one location…THANKS

  • Muller Agaasi Mar 22, 2017 at 04:03 AM

    No doubt you wrote basic principles for designing a web & mobile app for all industries. I would like to add some more tricks & convention that will satisfy your clientele list, For example……Prototype, Know your mediums, heavy backgrounds consumes battery, downloading megabytes of data, various screen sizes & user experience.

    • Kimberly de Silva Mar 22, 2017 at 08:03 AM

      Thanks for your insights, Muller! The article goes over the basics of design, but there are definitely more tips to keep in mind, as you mention.

  • Gina Apr 12, 2017 at 14:04 PM

    Thank you for the helpful ideas! I’m too new at mobile app development to contribute anything, but I am definitely incorporating your suggestions into my app. Thanks!

    • Kimberly de Silva Apr 13, 2017 at 08:04 AM

      You’re welcome Gina! Good luck with your app 🙂

  • Navjeet Sep 14, 2017 at 02:09 AM

    Well, the things you have mentioned are very basic but these are the most important part of mobile app designing. A design is a king!!

  • akash khandavilli Dec 12, 2017 at 02:12 AM

    Wonderful place to learn and understand. I love the touch gestures tips…where I am focusing on UX Apps.

Add comment

CAPTCHA *