DEVO10 UI

FDR
Topic Author
Offline

07 Nov 2012 10:11 - 07 Nov 2012 13:17 #2743 by FDR

DEVO10 UI was created by FDR

I took a look at the DEVO 10 emulator, and got a few suggestions about the user interface:

First of all it needs a proper font more than anything else. I know it has low priority, but the whole thing looks incomplete this way, even thought the functionality is good.

I think there are pages, where you don't necessarily have to copy the DEVO 8.
For example the trim list page is crowded while it is already one column less, and translated labels won't fit. I think it could be a simple button list with a short label describing which trim is that about: left vertical (LV), left horizontal, etc. I think it is very rarely changed if ever...

The Expo&DR page could be arranged like the Timers are. There the two timer is on two separate scrolled pages whether they take all the place or not. In this way the DR page could be split to three parts with one (optional) graph per page, but since it has more options to set, it should have two pages per graph. The only thing is that those pages should have some label indicating which part of the whole you actually see.

An other general remark is that the save buttons are too small, translated labels do not fit, and the owerflowing part of the text is draw on the left side of the screen...

...to be continued.

Last edit: 07 Nov 2012 13:17 by FDR.

Please Log in or Create an account to join the conversation.

suvsuv
Offline

07 Nov 2012 13:32 #2748 by suvsuv

Replied by suvsuv on topic DEVO10 UI

Thanks for your suggestions, my comments inline

I think there are pages, where you don't necessarily have to copy the DEVO 8.
For example the trim list page is crowded while it is already one column less, and translated labels won't fit. I think it could be a simple button list with a short label describing which trim is that about: left vertical (LV), left horizontal, etc. I think it is very rarely changed if ever...

I am doing as you suggest: I was on purpose to show only 3 items per row, it is very rare that the trim- is not align with trim+ and I put detail in its sub-page. I believe squeezing all the 4 items in a page just as you said : copy the DEVO 8

The Expo&DR page could be arranged like the Timers are. There the two timer is on two separate scrolled pages whether they take all the place or not. In this way the DR page could be split to three parts with one (optional) graph per page, but since it has more options to set, it should have two pages per graph. The only thing is that those pages should have some label indicating which part of the whole you actually see.
Might take time to improve the Expo&DR page later on

An other general remark is that the save buttons are too small, translated labels do not fit, and the owerflowing part of the text is draw on the left side of the screen...
Again, making the save button wider occupies other widgets' position, you will still found that translated labels do not fit others .
If the translated labels don't fit ,the only solution is using abbreviation

Please Log in or Create an account to join the conversation.

FDR
Topic Author
Offline

07 Nov 2012 14:00 #2750 by FDR

Replied by FDR on topic DEVO10 UI

suvsuv wrote:
I think there are pages, where you don't necessarily have to copy the DEVO 8.
For example the trim list page is crowded while it is already one column less, and translated labels won't fit. I think it could be a simple button list with a short label describing which trim is that about: left vertical (LV), left horizontal, etc. I think it is very rarely changed if ever...
I am doing as you suggest: I was on purpose to show only 3 items per row, it is very rare that the trim- is not align with trim+ and I put detail in its sub-page. I believe squeezing all the 4 items in a page just as you said : copy the DEVO 8

Yep, but what I was suggesting to drop the other two columns too, and keep only the buttons to open the detailed page...

An other general remark is that the save buttons are too small, translated labels do not fit, and the owerflowing part of the text is draw on the left side of the screen...
Again, making the save button wider occupies other widgets' position, you will still found that translated labels do not fit others .
If the translated labels don't fit ,the only solution is using abbreviation

This is the most crowded header, and there is still enough place to make the save button larger:

BTW, didn't you want to change them to be live but revertable instead the need to save?

Please Log in or Create an account to join the conversation.

PhracturedBlue
Offline

07 Nov 2012 15:04 #2752 by PhracturedBlue

Replied by PhracturedBlue on topic DEVO10 UI

First of all it needs a proper font more than anything else. I know it has low priority, but the whole thing looks incomplete this way, even thought the functionality is good.

What do you mean?
The Devo10 font is as complete as the Devo8 font. I assume you are building out of my Repo and not suvsuv's? i don't think he took my most recent font work.

Please Log in or Create an account to join the conversation.

FDR
Topic Author
Offline

07 Nov 2012 15:23 #2755 by FDR

Replied by FDR on topic DEVO10 UI

Yep, are they different?

BTW, I've sent a ticket about the DEVO 8 font too, that it misses at least one character...

I see different fonts on different pages.

This serif one has no "ű" (0x0171), and some letters has different baseline:

This wider sans-serif one has no "é" (0x00E9):

Please Log in or Create an account to join the conversation.

FDR
Topic Author
Offline

07 Nov 2012 19:48 #2762 by FDR

Replied by FDR on topic DEVO10 UI

I've downloaded and compiled suvsuv's fork, and the fonts are the same...

Like on my previous pictures, it uses different fonts for the mixer page and for the curve editor.
In the mixer's font there are no "ű" and the "á" base is misaligned (look at the first "Forrás:" label).
In the font of the curve editor there is no "é" nor "É", so there are spaces instead in the "Mentés" (=Save) and "Érték:" (=Value:)

Please Log in or Create an account to join the conversation.

FDR
Topic Author
Offline

07 Nov 2012 19:50 #2763 by FDR

Replied by FDR on topic DEVO10 UI

@suvsuv:
The labels of the monitor page miss the _tr function, so they are not translated...

Please Log in or Create an account to join the conversation.

PhracturedBlue
Offline

07 Nov 2012 22:01 #2765 by PhracturedBlue

Replied by PhracturedBlue on topic DEVO10 UI

FDR wrote: BTW, didn't you want to change them to be live but revertable instead the need to save?

No...only for the limits page. doing it for the channel page could be very dangerous.

Please Log in or Create an account to join the conversation.

FDR
Topic Author
Offline

08 Nov 2012 12:21 #2778 by FDR

Replied by FDR on topic DEVO10 UI

PhracturedBlue wrote:
FDR wrote: BTW, didn't you want to change them to be live but revertable instead the need to save?
No...only for the limits page. doing it for the channel page could be very dangerous.

OK, I missed that, but aggree...

Please Log in or Create an account to join the conversation.

FDR
Topic Author
Offline

08 Nov 2012 13:00 #2780 by FDR

Replied by FDR on topic DEVO10 UI

PB's font is a lot better now, however the curve editor page (mixer_curves.c at row 41) still using a different (and faulty) font. Is that intentional?

The labels of the monitor page miss the _tr() function again...

The font itself is still a little bit weird.
There are mixed serif and sans-serif style letters, some are condensed a lot while others are too wide.
In english it is not that bad, but the extended letters of other languages differ from the letters they are based on

For example "a" vs "á":

"e" vs "é", "o" vs "ö" or "ő":

I didn't tried the other languages, but I guess there might be similar problems too.
I know it's low priority, and making a new consistent font is a lot of graphic work, but it could save some space too...

Please Log in or Create an account to join the conversation.

PhracturedBlue
Offline

08 Nov 2012 13:18 #2782 by PhracturedBlue

Replied by PhracturedBlue on topic DEVO10 UI

For the devo10, the current font is actually built from 2(3) fonts which is what gives the issue you are having. the Serif font is called 'firefly' It is a rally nice looking bitmapped condensed font at 11/12 pixels. But it does not include the european or cyrillic characters, so we use Ubuntu-C to fill them in (same as used in Devo8). But Ubuntu-C is not a bitmapped font, and at 11/12px it doesn't rasterize very well (whereas it looks quite decent at 15px for the Devo8)

So the current font for the devo10 is built by taking:
Firefly-11px for 0x20 - 0xff
Ubuntu-C-11px for 0x100 - 0x4DFF (there are a lot of missing chars in that range)
Firefly-12px for 0x4E00-0x045F
This explains the different fonts mixing for Euro-languages

For the Devo8, we just do:
Ubuntu-C-15px for 0x20-0x045F
Firefly-15px for 0x4E00-0xFFFF
So it is consistent (everything above 0x4E00 is CJK)

We are now using 'standard' font files, so fonts can be worked on with Fontforge, and we have automation to extract/rasterize from ttf/ttc files.

So, if there is a bitmapped font at 11px that includes characters 0-0x045F (or at least through 0x200) that is free to use and distribute, it is not difficult to swap out. But finidngone that is narrow-enough to fitin the space we have is challenging and I haven't yet succeeded.

Please Log in or Create an account to join the conversation.

PhracturedBlue
Offline

08 Nov 2012 14:20 #2785 by PhracturedBlue

Replied by PhracturedBlue on topic DEVO10 UI

Here is a font I just built using dogfont + firefly.
It is a little smaller than the current font, but is consistent for all cyrillic/english characters. it doesn't look too bad to me on 1st glance

Please Log in or Create an account to join the conversation.

FDR
Topic Author
Offline

08 Nov 2012 14:30 #2787 by FDR

Replied by FDR on topic DEVO10 UI

Not bad!
A bit wider in general, but much easier to read...

Please Log in or Create an account to join the conversation.

suvsuv
Offline

08 Nov 2012 14:35 #2788 by suvsuv

Replied by suvsuv on topic DEVO10 UI

FDR wrote: @suvsuv:
The labels of the monitor page miss the _tr function, so they are not translated...

In the stick-input subpage, all labels are used INPUT_SourceName() which will got translated properly.
In the channel output, all labels are numbers , and I don't want them to be translated. All people in the world should be able to read Arabic numbers.

Please Log in or Create an account to join the conversation.

FDR
Topic Author
Offline

08 Nov 2012 14:40 - 08 Nov 2012 14:42 #2789 by FDR

Replied by FDR on topic DEVO10 UI

suvsuv wrote:
FDR wrote: @suvsuv:
The labels of the monitor page miss the _tr function, so they are not translated...
In the stick-input subpage, all labels are used INPUT_SourceName() which will got translated properly.
In the channel output, all labels are numbers , and I don't want them to be translated. All people in the world should be able to read Arabic numbers.

Sorry, I'm talking about the header: "Channel output" and "Stick input"...

EDIT: Sorry again, they contain _tr, just the labels have been changed...

Last edit: 08 Nov 2012 14:42 by FDR.

Please Log in or Create an account to join the conversation.

PhracturedBlue
Offline

08 Nov 2012 15:14 #2791 by PhracturedBlue

Replied by PhracturedBlue on topic DEVO10 UI

I'm thinking of trying to extend Firefly to support the full latin char set on my own. Firefly is a nice narrow font, and many/most of the latin characters are just variants of the ascii versions, so in many cases conversion is quite easy. Firefly gives increased height at a narrower width than dogfont, so it is ideally suited to the limited space on the Devo10.

Please Log in or Create an account to join the conversation.

PhracturedBlue
Offline

08 Nov 2012 21:35 #2797 by PhracturedBlue

Replied by PhracturedBlue on topic DEVO10 UI

Ok, here is a new font.
it is based on firefly (the current font in the repo), but I have hand-drawn all of the extended latin and cyrillic characters. This should give a nice consistent font which is narrower and taller than dogfont. I may need to tweak it further (I'm not sure all characters have even space between them for instance).

Please Log in or Create an account to join the conversation.

FDR
Topic Author
Offline

09 Nov 2012 11:51 #2804 by FDR

Replied by FDR on topic DEVO10 UI

A question to both of you:
Which repo to test, and where to report the bugs I found?

Until the answer, here is a bug of both repos:
On the inputs part of the monitor page the down scrolling is not limited, so you can scroll out all the contents, and at the 19th step down it crashes.

Please Log in or Create an account to join the conversation.

PhracturedBlue
Offline

09 Nov 2012 14:19 #2807 by PhracturedBlue

Replied by PhracturedBlue on topic DEVO10 UI

My repo is generally less than 24hrs out of date compared to suvsuvs. I'd prefer you test mine generally, though if you find a bug, feel free to verify on his.

Did you test the above font (the firefly one, not the dogfont one)? I want to release it, but I'd like some confirmation that it looks ok

Please Log in or Create an account to join the conversation.

FDR
Topic Author
Offline

09 Nov 2012 14:23 #2808 by FDR

Replied by FDR on topic DEVO10 UI

Yep, the new font is fine. Definitely better than the old one!

Personally I like the dogfont more, because it is much easier to read, but it is not condensed enough.

Please Log in or Create an account to join the conversation.

Time to create page: 0.162 seconds

Re-enable mobile display

DEVO10 UI

Attachments:

Attachments:

Attachments:

Attachments:

Attachments: