IEG4 Insights

Design Matters - Mobile

Posted by John McMahon on Jun 29, 2020 8:30:00 AM
John McMahon
Find me on:

When the iPhone was introduced you could comfortably access the entirety of the screen with one hand. But with the invent of phablets (massive phones) it has become near impossible to reach the entirety of the screen. The following illustrates the thumb reach of users on large phones and the ergonomic reality of using it with one hand:

 Picture1-1

If we look at some of the most commonly accessed websites in the UK, we can see the same thing. All of the menus/navigation access is at the far top of the screen:

Picture2

If we overlay the ergonomic image about thumb reach for a righthanded person, we can see that the navigation elements of the three sites (in white) are all in the ‘Forget about it’ part of the spectrum:

Picture3

In the spirit of best practice, we thought we should do the same test with our digital platform OneVu and, unsurprisingly, we found the same thing:

 Picture4

 

So, what to do! If we look at the private sector, we can see how some organisations have already tackled this. Below we can see how Uber has changed its design to place a focus on carrying out actions at the bottom of the screen:

Picture5

Now the actions a person can do are entirely in the ‘Natural reach area. With the same principles we have now added a new floating menu to OneVu as shown here:

Picture6

However, we felt the  challenge was less about the positioning of the menu and more about what happens when you click the menu. You see, if there are 8 options under the menu, then you’re going to have to use more of the screen to show them meaning you might end up with options in the Stretch/Hard/Forget about it regions.


So we came up with a different approach that uses dual circular menus. These show user-related content on the right and navigational content on the left.

Picture7

We believe user experience is vital to the take up of online services and matters even more in the public sector where it is essential we make it as easy as possible for people to engage digitally. We care about the minutiae because making lots of little things better over time results in a compelling customer experience.

 

Topics: digital transformation, software, service design, onevu, edesigner, mobile-first

Insights. Information. Innovation.

We don’t want you to miss out.

Sharing our thoughts, insights, experience and knowledge is what we do and we want you to be part of it.  We also want to hear what you have to share. 

Through our insights we hope to:

  • Keep you updated
  • Keep you interested

Subscribe Here!