Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

More user friendly access to setting pages on Taranis #1608

Closed
pindeslandes opened this issue Aug 15, 2014 · 41 comments
Closed

More user friendly access to setting pages on Taranis #1608

pindeslandes opened this issue Aug 15, 2014 · 41 comments

Comments

@pindeslandes
Copy link

If you are the kind of user who doesn’t change his settings every day, it can be hard to remember the shortest way to jump from a setting page to another.
When you are not sure, you would probably choose to explore only one direction until you find the page you want (let’s say down because PAGE-short is easier than PAGE-long), which might need to press twelve time the key if the page finally revealed to be the next up. It’s a long journey.
And even if you remember that GLOBAL VARIABLES page is #9/13 and FLIGHT MODES is #4/13, you still have to deal with this deeply disturbing question: “Would I better long press PAGE five times or short press PAGE eight times?”
OK, I am pushing it a little but you get the idea.

  1. It would be nice if, when you press MENU (short or long) from the main view, you got not directly the first page of settings (model selection or radio setup) but an intermediate layer that displays the list of the pages. Then you could easily and rapidly select the page you want with +/- keys and ENTER (in addition, + key is more convenient than PAGE-long).
    Also, it would be more consistent with what is generally understood by ‘menu’ (i.e. you expect a list of items, not the first item of the list).
    Once on the page you want, of course, you wouldn’t lose the possibility to jump to an adjacent page on pressing PAGE-short or long, while pressing EXIT would bring you back to this new menu screen (and EXIT again to get back to the main view).

  2. I guess the reason why it is done like it is done today is to give a direct access to MODEL SELECTION because it is supposed to be the most often used setting (and may be the same logic has been symmetrically applied on the radio setting side). In my proposal, you need one more key press to access this page. No big deal but I would suggest that, in order not to lose this direct access from the main view, another key be used. May be EXIT to go to MODEL SELECTION would make sense (and EXIT-long for RADIO SETUP to keep the symmetry although I am not sure that such a direct access to RADIO SETUP is so useful).

@Scott-Page
Copy link

I understand your point.

It currently takes 12(or 13) presses of the PAGE button to circumnavigate all model screens. It takes 9 key presses (1 long and 8 short) to circumnavigate all Radio Setup screens.
If you use a menu screen as an intermediate you'll still need to press the +/- keys the same number of times to choose the screen you want - and then long press the enter key to warp to that screen.
If you were to also add the Radio setup screens to the menu list you may need to press the - key 20 times to reach items at the bottom, and then a long press to select the screen.
I might be missing something, but I don't see this as an advantage.

@pindeslandes
Copy link
Author

@Scott-Page maybe what you are missing is that the advantage would be the same as the table of contents of a book.

@robthomson
Copy link

The only advantage I see to this is to allow the user to see the options they can get to.

In reality.. the number of 'clicks' will be the same. If not possibly 1 more than it currently is!

@Nebur99
Copy link

Nebur99 commented Aug 30, 2014

The number of clicks needed to reach a functionality is not necessarily a measure of usability. I agree that having an additional optional menu to select the page from with (+)(-)(ent) would be a nice addition!

@kilrah
Copy link
Member

kilrah commented Sep 27, 2014

ER9X has been going that way lately - and trying it reminded me of why I didn't like the submenu approach of other radios and loved these firmwares' way of doing it: a TOC is good, but the thing you're looking for is never in the category you think it should be in. And going in and out of menus until you find it is much more annoying than just scrolling until you get there, IMO.

@mhotar
Copy link
Member

mhotar commented Sep 27, 2014

So nice issue/wish here :) I must say I prefer menus as we have now, but I am used to use it often.
It is true It can be nice to have something TOC like, to be able to see how far is the page I am looking for.
What about to alter our top bar to be more useful during page switching, with auto-hide feature?

snapshot_10

@bsongis
Copy link
Member

bsongis commented Sep 27, 2014

Why not!

@Scott-Page
Copy link

Thought about it for several hours. I really like mhotar's idea. The more I consider it the better it strikes me. It seems to me to be an elegant solution.

@kilrah
Copy link
Member

kilrah commented Sep 28, 2014

Looks pretty cool indeed! Maybe as an option... Personally I prefer seeing the screen contents which instantly tell me if it's the right thing or not, rather than icons that never tell the full story...

@mhotar
Copy link
Member

mhotar commented Sep 28, 2014

Thinking little more about this top level menu, It starts to make sense to me.
While it didn't look nice at first to me to use +/-/Enter to run this menu, it makes us ready for ongoing rotary encoders. Lets think about it more deeply.

[Menu] Brings up the Top Level Menu (Controls: +/- Enter )
-Last page
== Enter switches to last used page (where the Exit was pressed to went back to Main Page)
-Radio setup
== Enter switches to sub-menu Radio Setup
-Model selector
-Model Setup
== Enter switches to sub-menu Radio Setup
-Volume
== Enter switches directly to radio Setup/volume line
-Model Checklist txt file (if exist)
-Reset
-Statistics
-File browser
-About

[Menu-Long] Can be used as the shortcut to Model Setup pages

While being in the submenu pages(in edit mode-with icons menu closed), you can use [Menu] to open top icon list again and switch by +/- Enter, or use [Page] to fast switch through pages with menu-auto-hide feature.

It can give us all we need for both sort of users.
Menu navigation for newbies and fast switching for us.
Newbies are to use [Menu] : +/- Enter
Fast way is [Menu-Long] and [Page]

Let me do some graphics .......

@mhotar
Copy link
Member

mhotar commented Sep 28, 2014

l1_menu
Top level menu. Invoked by [Menu], controlled by +/-[Enter] or [Page]/[Page Long]

modelset_mixer
Mixer setup page with top menu displayed. There is space for first four rows of original content in bottom half of page.
When invoked by [Menu] it stays up and is controlled by +/-[Enter]
When invoked by [Page]/[Page Long] it switches to next/previous page and autohides after 500ms.

@Nebur99
Copy link

Nebur99 commented Sep 28, 2014

[Page]/[Page long] should probably just work the way it is now and not invoke the menu bar at all. I'm sure I'm not the only one that would be annoyed by the bar coming up for half a second when moving in the traditional way through the pages.

Suggestion: Make the auto hide time adjustable [0 - 1000]ms, 50ms steps, with 0ms meaning that the bar is not invoked with [Page] at all. Impatient users can turn it then completely off or benefit from it by setting the value to just a very very short glimpse that is long enough to keep the bar up between rapid clicks to [Page].

@pindeslandes
Copy link
Author

Well, my first idea was just a table of contents that shows the list (loud and clear characters, if I dare say so, not icons) of the 13 model setting pages or 8 radio setting pages in order to let the user know exactly where the hell the page he is looking for can be and to allow him to select it from this TOC.
Was it too simple and stupid?

@mhotar
Copy link
Member

mhotar commented Sep 29, 2014

Right, It is always better to have higher goals ;)
More opinions are welcome.

@mhotar
Copy link
Member

mhotar commented Nov 3, 2014

Lets take look to the near future of the Opentx 2.2.0 :)

main_page

l1_menu

@bsongis
Copy link
Member

bsongis commented Nov 3, 2014

👍

@Excaliburst
Copy link

Mhotar,

Looking fantastic. I really like your idea of the ICON-menu as it is much faster to navigate, even for experienced users. And if it could be set to not show at all. Well we all win.

Above graphics look awesome is this an early version of the screen for the FrSky Horus (colour thouch-screen). It will be a killer Tx for sure.

About the icons on the colour screens. I am aware that same coloured icons maybe look better, but for quick reference there is nothing like colour differentiation between icons. That is why I am using the old icon pack in Companion, I think they are much quicker to navigate.

So although I think it looks awesome, I think an option to use colour-icons would be a great alternative.

Good work guys.

@bsongis bsongis added this to the OpenTX 2.1 milestone Dec 5, 2014
@mhotar
Copy link
Member

mhotar commented Dec 6, 2014

Excaliburst, thanks for your comments. The Horus screen is draft only, focused mainly to layouts. There are no color layers simply because It is better to do it at the very end of the process. It has been already agreed with Bertrand that we will do It skinnable. You are right, one icon-set cannot suit everyone :) It will be also better to match colors to the real LCD as soon as someone will have Horus sample in his hands.

@mhotar
Copy link
Member

mhotar commented Jan 3, 2015

modelset_mixer kopie

Not all icons are done, but some progress here.

@mhotar
Copy link
Member

mhotar commented Jan 25, 2015

Finally I have finished icon-set for taranis, here it is:
default_background
I am open to any comments and suggestions. I am looking forward to see it on the real LCD :)

@Excaliburst
Copy link

Looking great!

Well the best way to find out if they actually work as intended is to see what people 'interpret' them as.

So that is what I am going to do.
Top line:

  1. Setup/configuration
  2. Storage
  3. I am not familiar with this icon
  4. User config
  5. Information
  6. Contrast/colour adjustment of screen
  7. Something with pots and switches - I have no clue
  8. A chip - might signal hmm bummer I have no clue
  9. A HDD, might mean check number of models etc.

Second line:

  1. Folder - meaning browsing the SD card structure on Tx.
  2. Config/setup
  3. Model (setup)
  4. ???
  5. Input ---
  6. Mixer | These 3 icons look really nice, and are easy to discern.
  7. Servo ---
  8. Looks like a shoestring - I have no idea?
  9. Out/In normally used reverse I/O. Could mean the network (WiFi, Bluetooth)
  10. The lightning must mean network or charging settings - a little ambiguous.
  11. An eye with line of sight - what could this represent??
  12. A pot. What does that represent.
  13. X must mean OS options.

Please comment about how close I am to your meaning of each icon, and what all the icons mean. Then it is easier to actually give you feedback.

Also looking forward to seeing the screen of the Horus. Ups I just saw that this was for the Taranis. Can that be true? The screen proportions are more like the Horus, and the Taranis has no colour. Must be a mistake. Please enlighten us!?

Great work - thanks

@mhotar
Copy link
Member

mhotar commented Jan 25, 2015

Hello Excaliburst, thanks for your answer.

Well the best way to find out if they actually work as intended is to see what people 'interpret' them as.

Great idea, lets walk trough it then.

So that is what I am going to do.
Top line:
1.Setup/configuration

=Radio setup

2.Storage

=File browser

3.I am not familiar with this icon*

=Global functions, lightning represents power, some kind of action here. Broken circle around means its global state, it is similar like Functions icon below.

4.User config

Well, there are two persons on the icon, it represents their relation, one is white, second is black.
=Trainer setup

5.Information
6.Contrast/colour adjustment of screen

=Switch test

7.Something with pots and switches - I have no clue

=Analog test

8.A chip - might signal hmm bummer I have no clue

=Hardware configuration

9.A HDD, might mean check number of models etc.

=Calibration, icon represents pointing to the center of the circle

Second line:
1.Folder - meaning browsing the SD card structure on Tx.

=Model selection

2.Config/setup

=Model setup

3.Model (setup)

=Heli setup

4.???

=Flight modes

5.Input ---
6.Mixer | These 3 icons look really nice, and are easy to discern.
7.Servo ---

8.Looks like a shoestring - I have no idea?

=Curves

9.Out/In normally used reverse I/O. Could mean the network (WiFi, Bluetooth)

=Logical switches

10.The lightning must mean network or charging settings - a little ambiguous.

=Special functions

11.An eye with line of sight - what could this represent??

=Telemetry

12.A pot. What does that represent.

=Custom scripts - this is regular LUA logo

13.X must mean OS options.

=Global variables

Please comment about how close I am to your meaning of each icon, and what all the icons mean. Then it is easier to actually give you feedback.

So, you were not far sometimes, I am happy there will be textual name too.

Also looking forward to seeing the screen of the Horus. Ups I just saw that this was for the Taranis. Can that be true? The screen proportions are more like the Horus, and the Taranis has no colour. Must be a mistake. Please enlighten us!?

This is sort of presentation only, only icons are related here.

@Excaliburst
Copy link

Thanks for clearing the uncertainty up with the icons. With their meanings known, I think your icons are really well thought out and beatifully crafted.

I only have comments about a few icons:

  • Global Functions - I think you should use a globe (Earth) icon to indicate Global.
  • The one for calibration is not good. It really resemble a HDD icon. May I suggest insted of an arrow you try to draw a bullet-hole, so that it is clear that we are talking about a shooting target with shots off to the side.. Just an idea
  • Model Selection - Would be more obvious with actual models in icon, maybe a glider + heli icon.
  • Model Setup - Would be more obvious with a model behind the wrench.
    Logical Switches - Maybe use LS instead of OI. Would then be obvious to an OpenTx user.
    Special Funktions - Ambiguous, not very describing/obvious. No suggestions though. Sorry.
  • Global Variables - Would be much more obvious with same globe icon from Global Functions but with the X lingering over it. The box does not do good things.

I like the rest of them a lot.

Thanks

@mhotar
Copy link
Member

mhotar commented Jan 26, 2015

Thanks for your feedback Excaliburst.
I do agree with most of your comments and I will try to alter these icons.
The biggest issue here is space/resolution limitation I have, It all should fit to 23x23pixels, so not much space for meaningful details.

@mhotar
Copy link
Member

mhotar commented Jan 27, 2015

Hello, @Excaliburst
can you walk through these icons and let me know how do you fill it?

icons21

@Excaliburst
Copy link

Hmm.

Model Selection is excellent
The 2 icons after Sim card are not very good. We need more information...
Calibration is OK. Not great.
Model Config (2. line 1. icon) is not very descriptive
After curves with the balance. Not very descriptive
And the next one either.

Sorry most of them are not as good as in your first attempt.

But this is only my opinion - Cheers!

Morten Enevoldsen

Tlf: +45 4098 0898

2015-01-27 15:55 GMT+01:00 Martin Hotar notifications@github.com:

Hello, @Excaliburst https://github.com/Excaliburst
can you walk through these icons and let me know how do you fill it?

[image: icons21]
https://cloud.githubusercontent.com/assets/6114100/5920393/8d266a28-a63c-11e4-8b9f-d35c751140cf.png


Reply to this email directly or view it on GitHub
#1608 (comment).

@mhotar
Copy link
Member

mhotar commented Jan 27, 2015

Ok thanks,
I have sorted them a little more. I did my best for now, we can change them later when some better idea come up.
icons21

bsongis added a commit that referenced this issue Jan 29, 2015
@bsongis
Copy link
Member

bsongis commented Jan 29, 2015

Those icons are really nice!

@bsongis
Copy link
Member

bsongis commented Jan 31, 2015

Comments about my last change in the navigation? It feels bad to me (but perhaps because I am too much used to the previous navigation system). Please tell-me if I miss something! At least it will need a compilation option.

@mhotar
Copy link
Member

mhotar commented Jan 31, 2015

Yes, It is something different than we had before.
snapshot_10
snapshot_11
You did great job again, I hope it will be helpful for newcomers. But i am positively biased, so better to wait for some other`s opinion, or publish it on the rcforums.
I would only change the controls a little.
[Menu] opens icon-menu, same as you have now
[MenuLong] opens last used page in model-setup directly
[Page/Page Long] walks through menu items

Did you test it on the real LCD? How does it look?

@mhotar
Copy link
Member

mhotar commented Jan 31, 2015

Well, I forgot it already has history, it pre-selects last used items.
So the [MenuLong] is not necessary.

@Nebur99
Copy link

Nebur99 commented Jan 31, 2015

Haven't tried the current code, so I'm just guessing from the previous comment how it might work now.
But I would suggest to use

  • (+)/(-) for navigation through the items in the menu
  • (ENT) for selection/confirmation
  • Page/Page long the way it always was (no menu bar appears, direct movement through pages)

Long press for navigation through visible icons would feel annoying. +/- would be intuitive and fast.

@bsongis
Copy link
Member

bsongis commented Jan 31, 2015

@Spainman Please give a try and update your comment, it doesn't help too much ;)

@jtaylor2
Copy link
Contributor

I find it a little harder to use. For example, old way, one long press menu would take me to radio setup and I could page through the screens . Now it takes short press menu and, depending on what my last selection was, multiple presses of + or - to get to the radio setup icon, press enter, and then I still need to page through the screens. Of course I'm used to the old navigation and have lived in a command line for 50 years so I'm more impressed with efficiency and simplicity than aesthetics. I'm also not sure it actually solves the original complaint of this issue, which was that you needed to remember where the screens were, or page through them to find the one you needed. This way you either need to remember what the icons represent or cycle through them with the +- keys to read the text and then press enter to actually go there (instead of already being there the old way).

I can see the advantage of having a gui and icons on a touch screen where you can directly select the icon, or a system with a mouse and hover over help, but I don't really see the advantage on a key driven interface (particularly one without enough screen resolution to have text labels under the icons). To me it seems a little less efficient than a drop down list with the most recently used item selected.

It seems to work, and is usable so it's just a matter of getting used to it. However, unless it makes it harder to maintain, a compile option to keep the old interface would be nice, especially if the new one consumes more resources.

Jim

@mhotar
Copy link
Member

mhotar commented Jan 31, 2015

Here is still the first idea to consider. It does not change controls, and keeps all menus the same, only adds icons, so you can see how far is the page you are looking for. (Yo have to remember the icon meaning off course)
snapshot_12

[Menu/MenuLong] opens the model-setup/radio-setup, the same as usual
[Page/PageLong] walks through pages with icons displayed on the top and four lines of content displayed as well. Configurable timeout or [+/-/Enter] closes the icons and shifts the page back.
Timeout set to zero can disable icons completely.

@Sacre100
Copy link

Sacre100 commented Feb 1, 2015

I hope that there will be an option to show or hide these icons.

@jtaylor2
Copy link
Contributor

jtaylor2 commented Feb 1, 2015

Here is still the first idea to consider. It does not change controls, and keeps all menus the same, >only adds icons, so you can see how far is the page you are looking for. (Yo have to remember the >icon meaning off course)

The icons are very nice, but to me they don't add anything to this type of interface and actually make it less efficient. As I said it would be different with a touch screen or mouse. However, if it worked the way you suggest it would be better than the way it is working now (which I'm sure is just a first start/demo).

The existing page numbers (5/12) tell me where I am in the pages, and to me it's actually easier to remember the order of the pages than to remember the meaning of icons. You still have to walk the pages to get to the page you want (the icons would be nice with a touch screen), and if you aren't sure which page you are looking for you have less content visible on the pages to help you find it. And once there you either have to wait for the timeout or hit another key to dismiss the icons so you can use it.

I know everybody seems to want a gui and icons these days (even if the interface isn't designed for it) and thinks anything without icons is old fashioned . If it worked the way mhotar suggests (not change the controls and Page/PageLong walk through pages the way it does now) it would be usable by everyone, but I still think a NOGUI compile option (selectable in companion) would be a good idea for those of us that prefer efficiency over bling.

Jim

@pindeslandes
Copy link
Author

👍 @jtaylor2

@franck76
Copy link

franck76 commented Feb 3, 2015

I like these icons a lot but would also prefer it as an option

As I see, there is enough room for 8 icons on the top line :
General radio settings involves 8 pages/icons and Model setting menu 13 icons, depending on whether you choose Heli option or not.

So I would suggest :
[Menu] displays 1 view with the following icons : Radio setting, Model setting and other useful icons such as (Model selection, SD card, Telemetry, Custom script, Trainer, Information…)

If you select a menu with more than 8 screens, for instance Model Setting menu, then display the first 8 icons in one screen and the next 5 icons in another screen that you select with [page]. And use [+/-] to walk through each page with icons

That would save a certain number of clicks in my opinion

@bsongis bsongis modified the milestones: OpenTX 2.1.1, OpenTX 2.1 Jul 16, 2015
@stale
Copy link

stale bot commented Aug 17, 2019

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the stale label Aug 17, 2019
@bsongis bsongis removed this from the OpenTX 2.1.X milestone Oct 11, 2019
@stale stale bot removed the stale label Oct 11, 2019
@stale
Copy link

stale bot commented Apr 8, 2020

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the stale label Apr 8, 2020
@kilrah kilrah closed this as completed May 1, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests