osrm-frontend icon indicating copy to clipboard operation
osrm-frontend copied to clipboard

[guidance] selection of alternative is unintuitive

Open DennisOSRM opened this issue 11 years ago • 11 comments

It is not easy to see that there is an alternative route. The UI doesn't show that there are stacked tabs (which is a neat idea).

bildschirmfoto 2014-11-24 um 09 40 29

DennisOSRM avatar Nov 24 '14 08:11 DennisOSRM

screenshot from 2014-11-26 12 36 01 Should be better visible now.

TheMarex avatar Nov 26 '14 11:11 TheMarex

It's much better, but still the UI needs more attention. The selection is unintuitive and not too legible.

DennisOSRM avatar Nov 27 '14 13:11 DennisOSRM

Any idea how to improve it?

TheMarex avatar Nov 27 '14 13:11 TheMarex

Some ideas:

  • Remove the vertical line and move the route name and statistics further to the left
  • Try the same font sizes for the route name and statistics as for the driving instructions
  • give the blocks that constitute the the route header a different background color

Two a bit more general suggestions:

  • don't have the route header (by this I mean the route name + statistics) scroll out of view when scrolling through the driving instructions
  • Is it possible to reskin the vertical scroll bar in all browsers? In Firefox und Windows I currently see the pretty ugly default scrollbar, which clashes with the general design

DennisSchiefer avatar Nov 27 '14 13:11 DennisSchiefer

@DennisSchiefer what's the Firefox version you are using?

DennisOSRM avatar Nov 27 '14 13:11 DennisOSRM

33.1.1 (windows)

DennisSchiefer avatar Nov 27 '14 13:11 DennisSchiefer

@DennisSchiefer can you add a screen shot for reference?

DennisOSRM avatar Nov 27 '14 15:11 DennisOSRM

Looks kind of odd on OS X, too.

bildschirmfoto 2014-11-27 um 16 15 53

DennisOSRM avatar Nov 27 '14 15:11 DennisOSRM

That's the Firefox 33.1.1 look in Windows 7:

unbenannt

DennisSchiefer avatar Nov 28 '14 07:11 DennisSchiefer

boy, that's ugly. :grimacing:

DennisOSRM avatar Nov 28 '14 08:11 DennisOSRM

screenshot from 2014-11-29 15 52 41

Different background color looked strange, the horizontal line should separate it better.

TheMarex avatar Nov 29 '14 14:11 TheMarex