Time for a graphic UI & UX?

[erasmo]

Hi, guys! I just uploaded some screenshots of the zynpad icons.

As a general rule, those of you who have been using the sequencer and are used to the old ones, will have a harder time accepting the new ones.
That is why my suggestion is that you evaluate them based on chart 1, that is, the graph of the new icons next to the description of their function.

In general, I think they are more descriptive and easy to remember than the previous ones.
I have also used certain conventions as indicated in chart 3, which establish relationships between them, to facilitate the differentiation among sequences, loops and sync

zynpad icons.zip (903.1 KB)

[riban]

Hi @erasmo!

Will you provide the images of the icons so that we can test them?

[erasmo]

Hi again @riban !
Suppose that you have seen the uploaded zip with a vector file in pdf containing all.
Anyhow tell me the most suitable format for you (vector or bitmap) and I upload each one separately

[riban]

Please provide each icon as a PNG. I can’t figure out how to extract the individual icons from the PDF.

[erasmo]

please get the zipfile containing each icon in png black and white

zynpad-icons black&white.zip (66.0 KB)

[jofemodo]

Hi @erasmo !!

Thanks for the icons and the proposed layout. I will try it ASAP.

For this, we would need PNGs with transparent background.

Thanks!

[riban]

The pack last uploaded has both black and white PNGs with tranparency.

[jofemodo]

Then forget my last message.

[erasmo]

No problem.
I just saw recent messages

[jofemodo]

Hi @erasmo !

I’ve reworked a little bit your proposal, taking the more elegant & essential elements, but simplifying/unifying the “graphic language” to get a more coherent icons set. Tell me what do you think.

Cheers!

[erasmo]

Hi @jofemodo!

They look good. The simpler the better!
Perhaps I should maintain in last 2 cases, the hollow triangles. A minor detail but meaningful, I think.

[riban]

I think the dots represent sync. But I think we should lose extra dots - I don’t see their meaning or benefit. They add confusion.

[jofemodo]

I simply drop the new icons without any other modification and i must say they improve quite a bit the previous look

Thanks @erasmo !!

[jofemodo]

@riban

I think the dots represent sync. But I think we should lose extra dots - I don’t see their meaning or benefit. They add confusion.

Make your proposal, please

[erasmo]

I like more!
But, wait a moment… what can I say?

[wyleu]

@jofemodo

Make your proposal, please

Not another wedding…?

[jofemodo]

OK @erasmo ! I couldn’t resist the temptation of going forward with your proposal:

Now it’s in testing

Enjoy!

[erasmo]

Hi @jofemodo!

Thanks for trying!
Proposed screen was based on desaturated colors which are ideal to support white text over. Would you need a more complex color palette to test? In that case please indicate number or colors to generate.
The superimposed band of the top, personally think clarifies the information.
I must say that I´m happy to contribute to zynthian project

[jofemodo]

Yes, please, 16 is the number

Your contribution is being really profitable and has a great impact. All zynthianers will enjoy a nicer UI, what implies a better UX. Happier users are very good for the project.

After generating the 16 colors, perhaps you want to think about the mixer screen, control screen and “selector” screens (menus). Same approach. We want to keep the current layout and workflow, but improve the look.: colors, spacing, etc

Smaller changes with the greatest impact in UX.

I know a big refactorization of the GUI is very tempting, but now is not the moment yet.

Huge Thanks!!

[erasmo]

Thank you @jofemodo!
Please find the uploaded 16 colors chart. As I told you is based on desaturated colors, good for reading white text over background. At the same time, provides a more pleasant to the eyes experience

Zynpad 16-colors-palette.pdf (300.0 KB)