User Experience on iOS app | Mobility User Experience

Since the release of iOS7, App developers and designers have been adjusting to a whole new look in the Apple universe. Accustomed to embellishments and rich layers, the development community were taken by surprise with the shift to a very flat, simple interface. Regardless of your take on this, design and development for iOS will require a different approach to building apps if you wish to be consistent with Apple’s new look. Given this context it’s worth reviewing popular elements for iOS UX design and thinking imaginatively about how they can be used most effectively.

There are a number of considerations any developer needs to take into account when building for the iTunes store; successful app design is all about planning, testing and reviewing. It’s also important to maintain consistency across the app, both in terms of aesthetics but also when it comes to functioning and layout – users get spooked easily and will drop your app if it’s confusing. Good practice is to imitate the workings of native apps as users will feel instantly at home with your developments, although for immersive experiences such as games this is not necessarily the case.

Great Mobility User Experience App | Picture from Mikehince

Great Mobility User Experience App | Picture from Mikehince

Whether you have the greatest idea for a lifestyle tool, a travel planner or a weight loss programme, User Experience (UX) should run through everything you do. It’s essential to think how end-users will employ your app to do what they need and whether it will make sense to them. In this post we’ll look at three iOS UX elements which, when deployed effectively, make using your apps a joy.

1. Animations

As insignificant as they can seem, the animations which run through your apps can have an enormous impact on UX. They can turn your build from something purely functional and to a tool which is a real pleasure to turn on.

When thinking about the kinds of animations you want to use therefore, it’s necessary to bear in mind those same UX essentials: consistency and needs of the user. Animations can have a variety of purposes:


  • Communicate and feedback to the user what is going on. The classic example of a spinning sand timer tells users something is loading so they don’t feel lost as to what the app is doing
  • Animations enhance the sense of direct manipulation. As technology develops, the more we want to forget we’re actually dealing with an interface. So, vibrations, pages which move like paper ones or the impression that pages are physically on top of others make users feel more at home
  • Animations can also help users visualize the results of their actions; buttons which seem to ‘push in’ when tapped also give users greater confidence in what they’re doing


With all the variety of possible animations out there, it can become tempting to use them heavily throughout your product. This is fine for immersive video games, but their overuse can become confusing and even slow down the app. You should therefore employ them sparingly; ideally users shouldn’t even notice they’re there!

2. Represent data and ideas succinctly

At base, a large proportion of apps are about conveying information of some sort to their users. Whether it’s baseball statistics, healthcare figures or economic forecasts, capturing this data in a clear way really improves the UX. However, too many apps demonstrate these figures in bland or confusing ways and when set out in tedious tables, data becomes hard to read and correlations difficult to comprehend. Tools which allow you to build visual representations of information can really improve UX however.

3. Typography – words are only half the story

In the new iOS, the flatness of the interface is married with a new approach to typography. Apple have replaced many buttons and icons with text. While it can occasionally be less clear what a button is and what’s simply text, it does make reading what they say a lot easier.

If, in your app, you decide to imitate Apple’s new approach or not, thinking about the layout of your content is essential. It’s recommended to never show text below font size 11 and also plan for users zooming in and out – be sure that your dynamic type auto-adjusts spacing and height.

As before, the real key with UX is consistency and thinking about end-user needs. Of course, keep styles consistent throughout your build but also consider what they look like:


  • Does your font colour show up against the background?
  • Do size adjustments correspond with what the user wants to read?
  • Does text show up clearly in different lights?


Don’t tempt me!

Considering the variety of touches, tones, colours and visualizations available, it can be tempting to go overboard on your app UX. However, as the saying goes, less is more. The above UX elements are important things to take into account when you design apps, but by far the most important points to bear in mind are about consistency and user needs. Regularly asking yourself if the design is consistent with other pages and if it actually serves a user need will help focus your work and turn your apps into streamlined and extraordinary experiences.

Want to know how your Web, desktop, or mobile application idea will look and work before even writing a single code of line? Here is the solution for you. Download our Indigo Studio free trial now and see this rapid prototyping tool in action!


This article come from this site : and talk about Mobility User Experience

Plateform Challenge | Mobility User Experience

What’s determinate the « mobility user experience » is : the creation of the app which change between iOS and Android. It’s a real challenge to create an app that support both plateform and has a similar functionality optimized for interaction design principles and users expectations unique to each platform. Also, there are some code in the application that I’m going to present you here :


  • Top navigation.
    There some difference for the top navigation. In iOS applications, tab navigation is placed at the bottom of the screen. The iOS guidelines does that it’s impossible to get more than 5 tabs displayed at a time. On the contrary, in Android applications tabs are recommended to be placed at the top of the screen. Besides scrollable tabs are allowed to be used in case there are more tabs than can fit in the viewable screen width.
  • “Back” navigation.
    In iOS applications “back” option is placed in the upper-left corner of the navigation bar. It’s a little bit the same in Android devices, but there two types of « back » actions :  “up and “back”. “Up” is placed in the upper-left corner of the top bar and is used to navigate up the application’s information hierarchy. To do the difference, “back” option is presented as a button on the physical device that allows navigating backward across the entire device.
  • Switching between various data views.
    In iOS applications switching between views of the single set of data is typically done through the bar divided into segments.  Each segment is responsible for one view.
    In Android applications switching between views is done through the UI control “spinner”. This control is presented like a drop-down list of options. “Spinner” is usually placed at the top action bar.
  • Search.
    In iOS applications the searching UI control is placed at the top of the screen mainly.
    In Android applications several searching options are available:

    • “search bar” at the top of the screen that is similar to the iOS approach. However the bar is hidden until the user clicks on the search icon;
    • “search widget” that can be placed anywhere within the application interface. Coomonly it is used within the application’s action bar at the top of the screen.
  • Actions. 
    In iOS applications can be accessed through the toolbar that contains action buttons, through the action button that is in the upper-right corner hand side of the navigation bar or through the buttons within the interface screen.
    In Android applications it is recommended to display actions in the action bar at the top of the screen. If there is any need in displaying more actions than can fit on the action bar, either an action overflow icon appears on the action bar for devices that don’t have a hardware “menu” button, or the user accesses additional actions by pressing a hardware “menu” button on devices where there is one. Android applications may also use contextual action bar. A contextual action bar is a temporary action bar that overlay the app’s action bar for the duration of a particular sub-task.


It may appear as the straightforward idea to create one application for both platforms however important issue to consider is that interface elements of both platforms are not the same.
Though application’s core features and functionality may be the same on both platforms application’s interface should follow specific for each platform guidelines. Therefore to meet user expectations and ensure smooth user experience application’s design should be adapted to the unique platform design patterns and respect native UI standards.


Source :