You don’t need to teach a child to push harder when confronted with a heavy object. She figures it out. You don’t need to teach a child to pay attention when you shake a rattle. He naturally gets attracted to its sound and motion. You don’t need to tell a child to become calm and joyful when seeing beautiful objects. She just smiles.

The human brain has evolved over centuries to interact with physical objects and react to cues in the real world. Interfacing with mobile apps is increasingly more like interacting with these physical objects. We touch, swipe, tap and tilt them.

Apps are also responding like physical objects.

They slide, bounce, shrink and stretch. The obvious benefit of this, when done well, is that the human brain doesn’t need to be trained to respond. It simply draws upon millions of years of evolutionary learning engraved in our limbic system.

I am glad that both Apple with iOS 8 and Google with Material Design are headed in the same direction.  In fact, the new Syncplicity for iPhone app also borrows heavily from the real world and, in the process, creates a natural experience that is easy to use and seamless.

Let me give three examples of metaphors our brains either love instinctively or have learned over millions of years of human evolution and how they can be used in mobile apps.

How objects respond to touch

It is common for physical objects to shrink when you press on them, like paper crumpling into a ball. It is also natural for physical objects to bounce, no matter how little, when they are dropped on the floor. The global gesture of tap and hold in Syncplicity causes the sheet to shrink, just like real sheets of paper. When you swipe the sheet down, it docks at the bottom with a slight bounce. This makes it easy to remember that there is a sheet waiting to be restored.

Dockandrestore

 

How objects slide and stretch when pulled

Pushing or pulling objects makes them move in the real world – sliding forward, backward or side-to-side. In the case of elastic objects, like rubber bands, they stretch when pulled and go back to their original state when released. Mobile apps can use this metaphor to good effect too. For example, in Syncplicity, tapping and holding the main menu panel results in the left and right panels sliding into view. Swiping to the right or left panel applies the stretching metaphor visually, indicating that if you let go, it may go back to its initial state.

3-Panel Swipe

 

How bubbles captivate the child in all of us

Bubbles are delightful. They rise to the surface. They naturally evoke an urge to reach out and touch. What better way to offer rich functionality than to use bubbles like animation? Syncplicity’s contextual menus use bubble design to naturally attract users to reach out and tap,exploring the full functionality of the system.

contextual_menu

These are just a few examples of applying these physical world metaphors to the mobile world in ways that even children understand and love. I am proud of the Syncplicity team for creating a rich and easy-to-use experience that relies on these intuitive metaphors. This is, though, just the beginning of the revolution in UX that leverages human evolution.

Just like we ride on the shoulders of those who came before us, this is our humble attempt to provide a platform for others to build on. Try Syncplicity out and partner with us in advancing this revolution even further.

Jeetu Patel

Jeetu Patel

General Manager, Syncplicity
Jeetu Patel

Latest posts by Jeetu Patel (see all)

Tags: , , , , , , , , , ,

One Comment

  1. T.Scott Stromberg says:

    I really am enjoying the new UX improvements that have been made on Syncplicity–they are much more intuitive and the design and interactions are fun to interact and explore. I really like the direction, WELL done!

    T.Scott Stromberg
    Advisory Solutions Architect, User Experience
    Applications, Digital Workplace
    EMC

Leave a Comment

Comments are moderated. Dell EMC reserves the right to remove any content it deems inappropriate, including but not limited to spam, promotional and offensive comments.

Categories

Archives

Twitter: @DELLEMCNEWS

Ready, Set, Transform...Your IT. Listen to the inaugural episode of Luminaries w/ @markwschaefer and @douglaskarr.… https://t.co/goWZE9A2o9 about 4 days ago