Tag Archives: mobile application designs

Impervious Appeal: How to Design Jaw-Dropping IOS Apps

Renowned as the first major update to both the visual outlook and the feel of Apple products in the post-Steve Jobs era, IOS 7 broke down the door for elite, sleek app design. In designing apps for the IOS 7, you have a lot of aesthetic options. iPhones are gourmet smartphones; IOS users have high expectations with regard to UX design and if your app appears amateur, it will sink the perception of your business and you will lose both money and respect. The look and feel to your app is as important as its functionality. You must cater to UX trends to appear on the cutting edge. Here’s what’s popular today:

Although one would expect two dimensions when utilizing “flat” design, the trend is quite the contrary. One of the major futuristic visual flairs of IOS 7 apps is the use of depth. Depth can be achieved in a number of ways. For example, instead of dividing lines, soft blur is often used to create a sense of depth and emphasize the urgency of the element in use. When interacting with a different element, the focus shifts as necessary. The lack of dividing lines emphasizes functionality, reduces clutter, and feels freer. The sense of depth creates the illusion of seemingly endless functionality. Your business will look like a highly-capable enterprise.

Screen Shot 2014-06-17 at 8.38.06 AM

Making use of the swipe gesture is another major trend in IOS 7 apps. Swipe not only allows for easy navigation between functions, swiping to unlock another screen in the app, but also can be used to contribute to the depth. Swiping an element within a page can reveal either functions (such as deleting emails) or elements beneath. The ease of swiping requires only one thumb, making it an incredibly convenient gesture.

Screen Shot 2014-06-17 at 8.38.24 AM

 

The swipe is not only convenient, it’s more fun than simply pushing a button and gives the user a sense of space, making your customers happy.

Convenience being central to the goal of any app’s functionality, IOS 7 apps are often utilizing simple color schemes to simplify the equation. Rather than bombard the user with a rainbow, IOS 7 apps often utilize a white backdrop for negative space, along with simple, vibrant color scheme emphasizing functionality. Red means no. Green means yes. Icons in use often are filled with white while inactive icons are translucent. The simplification of fonts goes hand in hand with the coloring, focusing more on texture and weight than style.

While minimal seems to be the keyword with regard to IOS 7 app design, one trend breaks the mold with regard to mobile web design: Parallax Scrolling. Parallax Scrolling is a design technique in which as the user scrolls down the web page, the graphics move with the scroller, creating a story. Examples of Parallax Scrolling can be found here.

While there’s no given formula for success in IOS app design, by staying on top of the trends, you can assure your business is being reflected in the most positive light. With the speed of the playing field at an all-time high, it’s vital that you are in the know of current trends.

The Use of Color In Your IOS App

As our interactions happen increasingly in the digital realm, color psychology has become entrenched in the way we experience the world.

Apple’s IOS 7 recognizes this and allows users to customize the colors of their apps. In designing your app or website, you want total control in how the user experiences your brand. The color scheme will subconsciously affect users. It’s no mistake Facebook and Twitter, two of the biggest social media websites in the world, utilize blue as their key color. Blue is calming. Blue makes you think of the sky or the ocean, those serene moments you have to appreciate the beauty of the world. The use of blue, in either case, makes you want to return, creating a soothing effect. In situations of boredom or social awkwardness, we want to return to the social tranquility of Twitter and Facebook, where the user has total control of to whom, what and when he/she responds.

Whether or not you are synesthetic, any given color triggers a specific response, on which a UX web/app designer must capitalize.

Synesthesia is the neurological phenomenon in which one sense triggers another. For example, when musicians like Kanye West explain how they are able to SEE sounds in colors, thus the way they experience creating music feels to them more like painting, a “sonic landscape”. Synesthesia is a philosophically mind-bending piece of evidence toward the interconnected manner in which we experience the world–our five senses interpreting different aspects of the same information in service of creating a physical truth. It’s also vital to your app design.

As with all aspects of UX app and web design, use of color serves two purposes: aesthetic, and functionality. Aesthetically, you want to use color create the proper emotional response to your brand. IOS 7 recognizes current color trends and capitalizes on the emotional landscape to benefit the user. With the recession and political landscape, U.S. consumers are gravitating toward brighter, more radiant colors for comfort. IOS 7 allows users to customize their color palate, leaning toward nuanced, joyous colors such as lighter blues and purples, as well as red-tinged oranges.

In creating your app, you must take into account the association users have with the colors you use to create the best possible user experience. Green, like blue, is associated with nature, as well as intelligence, and wealth. Purple is regal, lavish, as well as feminine. Pink is ultra-feminine, but also stylish. Red is an alarming and stimulating color. It’s attention-grabbing, stressful and threatening, but also confident. Stop signs and red lights are obvious uses red’s potential. Yellow is equally stimulating, though less obnoxious. Yellow is known to increase concentration. Also vital is the use of white, black, and grey to create negative space. A color overload seems unprofessional, it’s important to focus on two or three main colors in your scheme. The right color scheme for your brand depends entirely on your corporate identity.  At Mystic Media, we’re confident we can put our finger to the pulse of your company or application idea to create the best possible digital reflection.

With regard to functionality, color is vital to separating the various sections of your application or website to increase usability. Skeumorphism is officially old-fashioned. In the era of flat design, users will decipher the functions of buttons and links based on color. Users utilize color more than they do text in exploring the digital world, thus its important to color-code the different sections of your app or website based on theme. USA Today recently redesigned their website, color-coding each of the sections and drifting away from the idea of making the digital reading experience mimic the print. The IOS 7 separates apps based on colors customized by the user. Although you could allow users to customize your color scheme, at Mystic Media, we believe it’s more confident to establish your brand through a tactical color scheme.

Ultimately, the color scheme is a reflection of the personality of your company. It’s important to trust your instincts. Or trust ours at Mystic Media. We’re dedicated collaborators confident in both taking direction and creating aesthetics to maximize the potential of your app or website.

Contact us today at https://www.mysticmediasoft.com/ or by phone at 801.994.6815