The Ergonomics of a Profitable Cellular App Design


Let’s focus on the ergonomics of cellular UX, how one can design user-friendly purposes, in addition to how one can create an important cellular consumer expertise.

The world has modified a lot in the previous couple of many years. As an example, computer systems that stuffed whole rooms had been wanted to fly rockets to the moon. Now, nevertheless, all we have to entry an enormous quantity of data is to easily attain into our pocket and pull out our telephone.

As an increasing number of of our lives transfer into the digital realm, it’s vital to contemplate not solely the period of time we’re spending on cellular units, but additionally how we work together with them. Performance and aesthetics are in fixed battle to ship the perfect expertise. So, how can we be sure that once we’re creating purposes, software program, or internet pages for cellular, that we ship an expertise that’s completely suited to people?

Mix performance and aesthetics to supply the most effective consumer expertise potential. Picture by way of Valeri Hadeev.

Cellular consumer expertise design (“Cellular UX” for brief) is a large topic that covers all facets of interplay with our units. It’s so vital that it’s taught in faculties. Nevertheless, right now we’re going to take only one component of ergonomics and see the way it can apply to the way in which we use our units. That manner once we’re creating purposes for these units, we achieve this in a manner that doesn’t hurt us, and certainly makes them a delight to make use of.

For instance the iPhone, as Apple usually alludes to, “simply works,” and it’s this notion that has remodeled this gadget into an integral a part of our lives. Cellular design ergonomics has had an enormous half to play in its success.

What Are Ergonomics?

You’ve in all probability heard of ergonomics extra usually utilized to bodily objects. The phrase usually describes the way in which furnishings and computer systems are laid out and designed in order that, for instance, people don’t get harmed from sitting down all day, or from typing continually on a keyboard. It’s the interplay between the bodily and the human.

The Ergonomics of a Successful Mobile App Design — What Does "Ergonomics" Mean?
An ergonomic design locations human wants and luxury at its heart. Picture by way of vasabii.

With cellular units, the identical applies. Producers are continually making an attempt to create units that greatest slot in folks’s palms. Nevertheless, for our functions, we’re speaking in regards to the software program itself. If a bit of software program is created ergonomically, what parameters does that place on the software program with a view to greatest go well with human interplay?

You see, it’s not by chance that telephones ended up being portrait-oriented units, regardless of desktop computer systems and TVs all the time being panorama. It’s not by chance that navigation bars on telephones are typically on the backside of the display screen quite than the highest. Designers consciously made these selections due to the way in which the telephone sits within the hand and the way far fingers can attain round a display screen.

1. One Dimension Doesn’t Match All

As units have turn into way more private, the variety of permutations inside consumer expertise design have additionally elevated.

Give it some thought. My palms are in all probability a special dimension than yours. You could be left-handed, and I’m right-handed. Typically, I’ll have each palms obtainable to work together with my telephone. Typically, I’ll solely have one. Or neither. Typically, the “unsuitable” hand is offered as a result of I’m carrying groceries within the “proper” one. Typically, I’ll need to watch a movie on my gadget, whereas different instances, I’ll be sending e-mail or replying to messages. All of those permutations add as much as create an infinite world of chance. Nevertheless, all of them should be catered to in order that it doesn’t matter what the state of affairs, the gadget is continually usable.

The Ergonomics of a Successful Mobile App Design — Flexibility and Ergonomic Design
Totally different folks and conditions require innovation and adaptability in design with a view to meet their wants. Picture by way of LDprod.

This calls for that the interface—the buttons and parts that mean you can take motion in your gadget—are specified by such a manner that it doesn’t matter what the state of affairs, the consumer by no means seems like they’re having to achieve or stretch or seek for one thing with a view to do a process.

2. The Space of Usability

So, how do people use cellular units? Effectively, UX Matters carried out a survey revealing that forty-nine % of us use our units largely one-handed, thirty-six % use our units largely held in a single hand with fingers from the opposite hand tapping the display screen, and fifteen % of us use our units two-handed. That is vital as a result of the reachable areas of the gadget change considerably relying on how the gadget is used.

Right here, you possibly can see the simply reached, the reasonably reached, and the inconceivable to achieve areas for every situation.

The Ergonomics of a Successful Mobile App Design — Various Reachability Scenarios
Reachability on a cellular gadget when utilizing a single hand, one hand to carry and one hand to faucet, and each palms to faucet (left to proper).

Though the realm adjustments, what stays fixed (in all three situations) is the underside of the display screen is all the time the realm most simply accessible. This tells us that once we create purposes, something vital — akin to the way in which we navigate an app — must be positioned on the backside, leaving the least vital data on the high.

Have a look at any cellular app — Twitter, Fb, Instagram, Mail, Messages, Pictures, or WhatsApp. The navigation bar is all the time on the backside.

That is in direct distinction to the way in which we expertise apps on larger units akin to desktop computer systems, the place the menus, buttons, and vital data is normally on the high of the display screen.

This similar reasoning applies not simply to navigation, but additionally to different vital utility options. We retailer our most vital apps on the backside of our telephones. We unlock our units from the underside with a finger press or a swipe up. Icons that allow us “like” and message one another on main social media apps, akin to Instagram, options photographs and posts beneath, not above them, in order that if you’ve scrolled previous the put up, you possibly can simply attain the buttons that mean you can take motion. Necessary contextual menus that include options — akin to sharing, copying, or modifying — usually swipe in from the underside of our units, not the highest.

The Ergonomics of a Successful Mobile App Design — Keep Important Information at the Bottom of the Screen
The navigation place of vital options are sometimes discovered on the backside of the gadget. Picture by way of jossnat.

Nevertheless, swapping issues from high to backside doesn’t imply you’re performed. As cellular units begin to pattern larger once more (this comes and goes in cycles, however the pattern could be very a lot in direction of barely bigger units in the intervening time), the reachable space of our screens decreases.

One pertinent instance is utilizing a keyboard on display screen. When you have two palms obtainable, the whole keyboard is east to achieve. Nevertheless, when typing one-handed, the keys that sit on the other facet of the display screen aren’t all the time accessible with one finger. Conscientious app designers have now began to incorporate the flexibility to contract the keyboard. This imply that when a consumer varieties one-handed, each secret is simply inside attain. Equally, it’s also possible to swap the way in which that the menu contracts, in order that it’s nonetheless usable irrespective of which hand is holding the gadget. It’s the seemingly tiny particulars that make our units continually usable.

The Ergonomics of a Successful Mobile App Design — Increasing Usability
App designers are continually updating our units for elevated usability.

3. Larger Is Higher

The one wonderful thing about desktop computer systems is their accuracy and precision. People have created some actually awe-inspiring issues with a mouse and keyboard. Mice have been round since Apple made the GUI (graphical consumer interface) in style with the discharge of their first Macintosh pc again within the 70s. It’s been a stalwart companion of our lives ever since.

That’s why on desktop computer systems with large screens, you see tiny buttons as a result of a mouse is super-precise. Clearly, a mouse was by no means going to work on a contact gadget, so our fingers took its place. The issue with fingers, nevertheless, is that they’re extremely inaccurate at pinpointing particular factors, akin to buttons on a display screen. Because of this when creating apps for cellular units, we’ve got to make the whole lot larger with a view to be sure that the consumer can nonetheless carry out the motion. Think about an app with tiny buttons that irrespective of how a lot you tried to hit along with your finger, you all the time missed. Cellular apps created this manner would’ve by no means turn into in style.

When taking motion on a cellular gadget, the buttons should be tremendous giant so our inaccurate fingers all the time hit the best a part of the display screen, each time. It’s additionally why you usually discover that apps for our telephones are way more cleanly and easily designed. Filling the display screen with buttons merely wouldn’t work as a result of we’d continually be tapping the unsuitable factor. And, that leads us fairly properly to the ultimate level on ergonomics.

The Ergonomics of a Successful Mobile App Design — Large Buttons on Small Devices
Giant buttons on small units enhance contact accuracy. Picture by way of doodlia.

4. No Interface Is the Finest Interface

So, right here’s the prove. We’ve talked for some time in regards to the ergonomics of cellular UX and how one can design purposes. We now know to assist a consumer work together with their units by making certain they’ll all the time attain the interface, in addition to making certain that it’s the best dimension and structure for our fats fingers.

Nevertheless, the perfect interface is when there’s no interface in any respect.

The Ergonomics of a Successful Mobile App Design — The Best Interface is No Interface
The perfect interfaces are unobtrusive…and even invisible. Picture by way of LDprod.

In case you’ve ever labored for a big company, you’ve in all probability needed to work with legacy enterprise software program. That’s a flowery time period for the factor it’s a must to log into on a regular basis on the workplace, the factor you complain about, the factor that has all of the buttons and dials that you just’ve actually by no means used. And nonetheless, after working there for ten years, no person has any clue how most of it really works. Little question it’s an space of frustration each day.

The explanation you complain is as a result of it feels prefer it’s getting in the way in which. It’s hindering your progress, and it’s all the time forcing itself right into a state of affairs. In case you’re creating most of these purposes — that don’t get out of the way in which at any time when feasibly potential — then you definitely’re headed down a path that can result in upset and dismay. Much less actually is extra. If it doesn’t should be there, then get it off the display screen. Actual property is at such a premium on cellular units, so at any time when you possibly can conceal the interface it’s normally greatest to take action.

Take into consideration if you’re watching a film in your telephone. The interface is there for a number of quick seconds, then it fades out in order that the entire display screen is stuffed along with your content material. That is good interface design, good ergonomic understanding, and results in an important cellular consumer expertise.

The Ergonomics of a Successful Mobile App Design — Remove Unnecessary Information
If the knowledge is pointless, take away it from the display screen. Picture by way of izabel.l.


That is simply the tip of the iceberg in terms of designing ergonomically sound cellular apps. Nonetheless, it’s an important basis for constructing experiences that individuals actually need to use. Right here’s our roundup for how one can get began:

  1. Take into consideration the dimensions of the gadget and the quantity of actual property you’ve gotten obtainable. Take into consideration the place palms can attain and the place they’ll’t in numerous positions and orientations. Is it all the time the identical or does the interface have to stretch and shift, relying on the state of affairs?
  2. What are a very powerful options of your app? Place these first and place them on the backside. Now, take into consideration how the remainder of the content material matches round it.
  3. Make the whole lot larger. It sounds counterintuitive on a smaller display screen, however do it.
  4. Take into consideration the consumer journey. That’s, how a consumer will get from one a part of the app to the following. Does that menu or button should be there at that second? If not, conceal it. Content material is king.

Need to be taught extra about designing along with your buyer in thoughts? Try these articles:


Please enter your comment!
Please enter your name here