All Posts in Mobile Design

October 13, 2016 - Comments Off on In mobile apps, display key information structure in top level nav menu

In mobile apps, display key information structure in top level nav menu

On mobile, visibly displaying key areas of an app's information structure in the top level nav menu is usually better than making the user first click a hamburger or other icon.  There's a good illustration of this principle in the difference between the native New York Times app on iOS and Android.

On iOS, a small arrow in the upper left is how you expose key information categories.  If it's your first time in the app, it may take a moment to figure this out.

The iOS NYT app requires a tap on the arrow in the upper left corner to expose key information categories.

The iOS NYT app requires a tap on the arrow in the upper left corner to expose key information categories.

The experience on Android is noticeably better.  Categories are out in the open on top in a nice scrollable ribbon and hard to miss.  There is no question where you are, and it's easy to see other options.

The Android app displays categories at the top.

The Android app displays these categories on top.

Published by: Win Goodbody in Mobile Design, Usability
Tags:

October 2, 2016 - No Comments!

Leaving room for fingers on mobile to roam

I came upon an interesting comparison of two mobile sidebar menus today.  One of them ( https://events.google.com/io2016 ) has plenty of room for fingers to tap, while the other ( http://www.culturenorthernireland.org ) feels a bit cramped.  It's the little things.

BTW - If you haven't experienced a progressive web app yet, that's what the Google site is.  Check it out on Android for the full experience.

The sidebar menu on the left has plenty of room, while the one on the right is a little tight.

The sidebar menu on the left has plenty of room, while the one on the right feels cramped.

Published by: Win Goodbody in Mobile Design, Usability
Tags:

May 15, 2016 - No Comments!

Avoiding the dreaded “email slalom” on mobile

When it comes to reading email on mobile (the world's dominant platform), we're all like over-amped weekend skiers schussing the blue runs.  All we want to do is go straight down as fast as possible.  Over and over.  What we do NOT want to do is have to decelerate and make a bunch of awkward wide turns all over the slope.  That's no fun at all.

But that's what email that has not been formatted correctly for mobile forces us to do.

Read more

Published by: Win Goodbody in Mobile Design, Usability
Tags: ,

April 6, 2016 - No Comments!

Better experience for The New Yorker’s Cartoon Caption Contest

In this case study I take a look at how playing the New Yorker cartoon caption contest could be improved to support wider participation and better overall experience.

Summary

To begin with the end - here's my design:

Screen Shot 2016-04-06 at 12.09.27 PM

Read more

March 12, 2016 - No Comments!

We’ve gotta have it | Autocomplete is now expected

In our everyday digital travels, we grow accustomed to certain patterns and interactions.  Best practices evolve quickly.  As soon as there's a better way to do something, it becomes the norm.  The UX bar is only raised over time - never lowered.

With millions and BILLIONS of consumers now expecting great design and user experience, getting even a small detail wrong can be a problem.

Here's an example of how a seemingly tiny design issue actually makes a noticeable difference in everyday usability.

Read more

Published by: Win Goodbody in Interaction Design, Mobile Design
Tags: ,