Using Your Own Thumb to Define Comfortable Touch Area on Mobile

I’m working on improving Viki’s mobile app, and I want to make an enjoyable experience of browsing the shows/movies. I really want to surface the variety of content that we have, bring out links (currently they’re in the drawer) to key content like TV shows and movies. My goal is to put key actions/links within comfortable touch area. How do I determine that area? I saw on the train and bus, a lot of people are using one hand to hold their mobile phone, and inspired by an article from @shoobe01 about this touch area, I used Adobe Ideas on my iPhone, held my phone with one hand, and started tapping on the screen using green ink. You can see the area that I could reach within my thumb.

20140501-004515.jpg

I was curious to see what if I overlay my touch area to Facebook, Twitter, and the existing Viki app. See the images below:

20140501-002218.jpg

20140501-002227.jpg

20140501-002235.jpg

Bottom tabs might be a good alternative. I’m still sketching some things to make it more engaging. Still too early to decide.

20140501-002946.jpg

Note: I’m using Adobe PS Touch to do the overlay.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s