Author Topic: Inconsistent user interface  (Read 484 times)

Offline john_percy

  • Padavan of Locus
  • ***
  • Posts: 484
  • Thanked: 44 times
    • View Profile
  • Device: MotoG
Inconsistent user interface
« on: April 26, 2018, 12:04:39 »
I think it is time for some consistency in the user interface, particularly with regard to accepting or cancelling settings screens. I illustrate three different screens in particular.

1. Changing info text for a track.

Do I tap the back arrow, or the SAVE text? Answer, no. Hide the keyboard and there's a SAVE button underneath.

2. Choosing available maps.

Does the X on the top right corner cancel? No, it accepts the settings in the check boxes.

3. Accepting terms of use for a map

No, the orange box is not a confirmation button. That's up in the top corner, where it says CONFIRM. And the X means cancel this time.

Oh Menion, let's get this right!
« Last Edit: April 26, 2018, 12:15:59 by john_percy »
 
The following users thanked this post: michaelbechtold, Andrew Heard

Offline michaelbechtold

  • Padavan of Locus
  • ***
  • Posts: 487
  • Thanked: 16 times
    • View Profile
Re: Inconsistent user interface
« Reply #1 on: April 26, 2018, 13:04:04 »
SO spot on, John !

#1 illustrates the issue around keyboards and different ways to hide them. All action elements (save, cancel, ...) should be on the top to end such device dependent behavious once and forever.

"X" (pure close of popup) should be avoided or ALWAYS mean "cancel". And "cancel" PLUS  "confirm" or "save" (that may depend on the context) should be explicitly presented as text. So there is zero ambiguity.

Just my 2c.

Cheers
Michael
 

Offline menion

  • Administrator
  • Professor of Locus
  • *****
  • Posts: 10652
  • Thanked: 160 times
    • View Profile
    • http://www.asamm.com
  • Device: SGS7
Re: Inconsistent user interface
« Reply #2 on: April 26, 2018, 13:26:32 »
Thanks John,
absolutely agree that over years, some screens are really old and inconsistent compare to some new UI parts. As I'm not "guys from UI/UX bussiness", maybe you and others may help me with some tips & tricks here.

Mainly Locus unique "X" in corner of dialogs. It always works same > close dialog. And only depends if dialog has "set" button (then X close it without saving) or hasn't (then "X" also logically save changes). it is not possible to get rid of "set" button on all places, because dialogs like setup of notifications, needs test, if changed values are correct.

So options?
  • get rid of "X" : unfortunately, back button works exactly same = same problem
  • add "set" button into all dialogs: quite a lot of work and will slow down work in many places, but doable and brings united system
  • get rid of "set": when validation is needed, keep visible only "cancel" button and validate data everytime, user will try to close dialog (by "X" or back button). Do not allow to close it untill all is valid or "cancel" is pressed
  • any other ideas?
Ideas, wishes, problems
Advanced topics, public discussion, sharing of knowledges, testing beta versions: you're here!
 

Offline john_percy

  • Padavan of Locus
  • ***
  • Posts: 484
  • Thanked: 44 times
    • View Profile
  • Device: MotoG
Re: Inconsistent user interface
« Reply #3 on: April 26, 2018, 14:03:33 »
Having X mean both "close and save" and "close without saving" is far from intuitive. At the very least, can we not differentiate and have a tick in the top bar for "close and save" and an X for "close without saving"?
I agree the back arrow has the same problem, not only in Locus.
As for my 1. not only is the SAVE button hidden (in my case) but the text in the top bar (<- Save) misled me into pressing the back arrow on more than one occasion.

« Last Edit: April 26, 2018, 14:06:46 by john_percy »
 

Offline 0709

  • Apprentice of Locus
  • **
  • Posts: 207
  • Thanked: 19 times
    • View Profile
  • Device: GT-I8160 CM11 SM-T235 5.5.1 THL4000 4.4.2
Locus Pro 3.31.3
 

Offline Andrew Heard

  • Padavan of Locus
  • ***
  • Posts: 499
  • Thanked: 14 times
    • View Profile
Re: Inconsistent user interface
« Reply #5 on: April 27, 2018, 00:32:07 »
Thanks John for opening this important discussion. As often, as Menion describes, the devil is in the detail. I guess experienced users subconsciously know which button to tap, where & when, but very confusing and frustrating for new users.
Sony Z1, Samsung Galaxy Note 8
 

Offline menion

  • Administrator
  • Professor of Locus
  • *****
  • Posts: 10652
  • Thanked: 160 times
    • View Profile
    • http://www.asamm.com
  • Device: SGS7
Re: Inconsistent user interface
« Reply #6 on: May 03, 2018, 13:45:16 »
New Beta version 3.30.4.1 version just published.
Changes that may help to solve these UI/UX problems (feedback is welcome of course):
  • removed "X" button in dialog corners ... uff, after all these years, really? :)
  • updated screen with confirmation of online maps terms of use. Confirmation in top toolbar should be step-by-step removed from all remaining screens (POI alert, Altitude manager, ...)
  • small UI improvements in selections of values in settings dialogs
Ideas, wishes, problems
Advanced topics, public discussion, sharing of knowledges, testing beta versions: you're here!
 
The following users thanked this post: michaelbechtold

Offline michaelbechtold

  • Padavan of Locus
  • ***
  • Posts: 487
  • Thanked: 16 times
    • View Profile
Re: Inconsistent user interface
« Reply #7 on: May 03, 2018, 22:16:09 »
Good start, Menion, but do not sto┬┤p here, please :-)

Adding a POI: SAVE is in the right place (upper bar), but discard is hidden in a sub-menu - put one left, the other right, so people don't mess by error

Editing track infos: still the SAVE is on the bottom - wrong place for reasons explained - incl., but not limited to consistency.

TXs and cheers
Michael
 

Offline menion

  • Administrator
  • Professor of Locus
  • *****
  • Posts: 10652
  • Thanked: 160 times
    • View Profile
    • http://www.asamm.com
  • Device: SGS7
Re: Inconsistent user interface
« Reply #8 on: May 04, 2018, 12:58:31 »
Hmm I wrote already many times that I'm really not a big fan of confirm/cancel buttons in top toolbar. To be true, I really wants to get rid of them all. Problem is with keyboard and sometimes with full-screen mode, I know. Hard task ....
Ideas, wishes, problems
Advanced topics, public discussion, sharing of knowledges, testing beta versions: you're here!
 

Offline JohnCNA

  • More than Newbie
  • *
  • Posts: 26
  • Thanked: 1 times
    • View Profile
Re: Inconsistent user interface
« Reply #9 on: May 07, 2018, 02:08:56 »
I have another example of an inconsistency. Tap Add Waypoint. Tap the phone back button. It creates and saves the waypoint. The only way to not save is tap 3 dots and select Discard.

Exiting via the back button should abort and not save. Or maybe even ask Save or Discard before going back to previous screen.
 

Offline Andrew Heard

  • Padavan of Locus
  • ***
  • Posts: 499
  • Thanked: 14 times
    • View Profile
Re: Inconsistent user interface
« Reply #10 on: May 07, 2018, 07:49:13 »
I'd beg to differ @JohnCNA. In lots (most?) settings Locus saves with the back button, so in this case it would be consistent. Because mostly the settings will be correct it is probably a reasonable optimization for speed of operation, with the less likely use-case related to the slower Discard menu item.
Sony Z1, Samsung Galaxy Note 8
 

Offline menion

  • Administrator
  • Professor of Locus
  • *****
  • Posts: 10652
  • Thanked: 160 times
    • View Profile
    • http://www.asamm.com
  • Device: SGS7
Re: Inconsistent user interface
« Reply #11 on: May 07, 2018, 08:15:10 »
Unfortunately, there does not exist general rule how to work with this "up button" (top left in the toolbar).
I'm searching and it is nicely written here https://commonsware.com/blog/2011/02/15/principle-least-profanity.html .... simply, not specified, so it's up to developers.

Uff, complicated task for me to be true :). Have to think about it a little more. I absolutely agree that because app is quite old and content is added one by one, it is now quite a mess in the behaviour of old screens and new screens.
Ideas, wishes, problems
Advanced topics, public discussion, sharing of knowledges, testing beta versions: you're here!