Fitting in the "call me" button

Question

Going by usage, buttons should be place either close to the subject where it refers to (like the close to the phonenumber) or close to a place where the thumb will be comfortable to use.

The screen I have defined, I am wondering where I should place the "call me" button. I have placed it below, I wonder if its most intuitive. Also note that this is the only screen the customer will have a chance to call the driver. Before this the confirmation is under process.

taxeeta

Edit : As the app loads, the user uses all their fingers (to enter the destination). After that this screen appears as a FYI. Calling the driver is the obvious default behavior. I wonder if I should rename the GotIt to something else like, LATER. Or Thanks. This action will save the ride to booking status list.

Edit Again : This screen appears when the customer wants to know the status of the driver, ride or just talk to the driver.

Are you confident your users are using their thumbs? – Chris Aplin Aug 22 '14 at 17:58 — Chris Aplin, Aug 22 '14 at 17:58

steve · Answer 1 · 2014-09-23T10:05:07.123

2

You can make an interface similar to this. Place the "Got it" button below the call. It will be more intuitive in my opinion. Considering the "OWzone" mentioned by someone in the answer, the button here seems to be in a good position to be reached by both Right hand users and left hand users.

There are both right hand users and left hand users, we should design for both of them.

Call button illustration

edited Sep 23 '14 at 10:05

answered Sep 23 '14 at 07:10

steve

184
1
13

Chulbul Pandey :), good one.. – Siddharth Sep 23 '14 at 09:26

score 2 · Answer 2 · answered Sep 23 '14 at 08:10

Have a read of Scott Hurff's article on designing for thumbs. In it, he quotes research by Steven Hoober which found that smartphone users are most likely to use their phones held in their right hand, using their thumb to navigate the screen.

Based on that, it looks like you should move your call button out of the bottom right corner of the screen - see Thumb Zone heat map below. Thumb Zone heat map applied to every iPhone display size since 2007.

score 1 · Answer 3 · answered Aug 23 '14 at 13:38

Since this is your primary call to action button, I would suggest that you can place in the middle with the contact number inside the green call to action button. Also, lower the importance of "Got it" button since that's the secondary action you want your user to do.

score 1 · Answer 4 · edited Aug 24 '14 at 05:23

1

After they enter a destination address is the app indicating to the driver somehow about the ride request? Or is the 'call me' the only action that confirms the ride? If the 'call me' is really important then placing it across the width of the screen would make sense. What is the value provided by the got it button? Does it even need to be there?

edited Aug 24 '14 at 05:23

Graham Herrli

7,416
7
38
58

answered Aug 23 '14 at 20:40

Anjana TK

11
1

The Got IT button is line, close. I need to rename it. – Siddharth Aug 24 '14 at 02:46
Welcome to the site, @Anjana. Once you get enough rep to comment, it's better to place questions like these in the comments rather than making them a full post. – Graham Herrli Aug 24 '14 at 05:24

Fitting in the "call me" button

4 Answers4