0

I'm building a similar date picker option to the Mailbox one. I'm arguing with friends about their UX logic for returning from screenshot two to screenshot one.

This is their main date picker screen:

Date picker

After selecting the "Pick Date" option, you are presented with this screen:

Pick Date

I have a problem with understanding how a three dot option here is actually a back button that leads to the previous screen. I understand that users would understand it after they tap on it, but it just doesn't feel intuitive.

So, my question is, should there be only one button on the bottom saying: "Set Date" while having an X in top right or back button in standard iOS position on top left or just having the tap outside the date picker pop the view and take you back to the first screen of picking a date? Mailbox's default behaviour for tapping outside date picker options is cancelling the reminder and going back to inbox. Another option could be writing "Back" or "Cancel" instead of having those three dots button.

What do you think? Thanks ;)

  • Tapping outside the date picker popup "should" take you back to the previous screen. I would not like to assume that those 3 dots mean cancel, as a user I think I would have to look for the cancel button and if I dont find it I would click outside the popup to go back. – Yasser Jan 22 '15 at 7:15
2

Three dots on a button usually means:

  • more
  • more options
  • pick from another set

It's essentially an iconised version of an ellipsis - i.e. an indication that something is intentionally omitted, perhaps due to lack of space or for the reader to use their imagination. It's used when the intent is clear but the words do not need to be said.

Three dots does not clearly mean Cancel, Back or anything similar, and the usage above is poor in my opinion. There's plenty of room for the word cancel so I would prefer the button to say what it means.

There would be no harm in having the X in a standard position for those that expect it on a particular OS, and tapping outside should also have the same effect, as this would be expected behaviour for some and introduces no visual clutter.

As to whether the touch outside the box goes back one step or more, it would seem that in your scenario it should go back to the previous screen where you have alternate ways to pick the date, rather than cancelling the whole process.

I do somehow feel though that there must have been more to this than meets the eye. I'd like to know what was being thought at the time the 3 dots were implemented.

There must have been some rationale...

Oh hang on - I get it! The three dots are being used to show more options! It's just that those options just happen to be all the options that were on the previous screen! But when you tap it, it feels like the button is doing a cancel. That's just confusing labeling for the navigation paths you have here.

Cancel or Back will be a much clearer option if the destination page is the one you came from. Three dots (or clear equivalent wording) could sort of work if the options were on a sibling page rather than a parent page in the page hierarchy.

  • exactly what I was thinking... it would make sense if the "Pick Date" screen was the first one and then to have a button for more options, but this is really confusing... and we are talking about the Mailbox app that many look up to when it comes to UX. Anyway, thank you Roger ;) – budidino Jan 22 '15 at 10:31
2

I would do the following:

  1. Replace ... with "Cancel" button
  2. Make the new page (date picker page) as a popup modal window
  3. And apply transparency on the page so that user knows that if he/she cancels, he/she will go back to the main page

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.