Valkyrie: Grey play button is confusing

[BenRQ]

The grey play button is confusing, like it's not available, maybe a green or blue button may be better. On my phone it was really hard to press, but suspect will be fine on a tablet.

_Originally posted by @scrubbless in https://github.com/NPBruce/valkyrie/issues/1033#issuecomment-459514276_

[BenRQ]

I'm happy to take and try any proposal on this.
Here is the original file.

Please keep the aspect ratio.

[redwolf2]

[BenRQ]

We tried something similar on discord, in my opinion it did not look so good.
What do you think ?

[redwolf2]

I've seen that and I agree, a "play" button is IMO the most valid symbol to use. The button in the image is more of a "next" button and has some simiarities to a paper plane symbol used for "send".

https://material.io/tools/icons/?search=send&icon=send

[scrubbless]

Could you just update your grey button to green or blue? The symbol itself is perfectly fine, it's just the colour that's confusing. I'd do it but on my phone ATM!

[redwolf2]

I can anso make a blue variant ... one moment

Update:

[BenRQ]

[BenRQ]

[BenRQ]

[redwolf2]

The halo doesn't look as great as expected the non halo ones are better. I will also recreate a round one.

[BenRQ]

Halo is probably to strong.
I think it would be better with a really dim light, like a small shadow.

The green is to "fluo" for me :P

[redwolf2]

[BenRQ]

[redwolf2]

I like the green one, it pops the best. Here they are with a mild halo.

[BenRQ]

We won't see the dark halo on black background

[BenRQ]

All this is already way better than my awful grey button.
I let you guys vote and agree on one, or propose even more logos.

I need to sleep, I'll take new capture if required tomorrow.

[redwolf2]

ok, no problem. Good fight, good night.

[chrismaliszewski]

Wow, the last green is great, @redwolf2!

[scrubbless]

Yeh that's cool, last green one!

[BenRQ]

First green : 👍 to vote

Second green : 👀 to vote

[BenRQ]

I like both 😋

[scrubbless]

Second green is sharper.

Can we make the download button like that maybe in blue!?

[BenRQ]

There is also the update button

[redwolf2]

play_button.zip

[scrubbless]

Is it just me or does the download arrow looks off center.

All look good though

[BenRQ]

[scrubbless]

Yeh that download arrow is off center :D.

Looks good in app though @BenRQ

[BenRQ]

Should I commit and close this then ?

[scrubbless]

@redwolf2 does that download arrow look off center to you?

[chrismaliszewski]

It's off as the other things are.

If we want to be precise.
When you change the size of images to 5cm, the circle instead of having a diameter of 4cm, it has 4.1cm (according to my fast calculation). Because of that, the shapes are in the centre of the circle but off the centre of the image for 0.1cm.

The confusion is enlarged more with the icons which have different sizes and are placed in a different manner:
-'update' is the widest; it's a reference point here,
-'download' is centred to it; it's ok,
-'play' however is not centred but aligned to the right of the circle but we more focus on it so the 'download' button seems off because of that.

0.1cm off is not a problem nor the alignment is. All looks fine to me and I really like the design!

[scrubbless]

Haha it looks off in Ben's screenshot too. Maybe I have an eye for alignment.

It's not a problem still looks good, jsut didn't know if it was an easy fix

[redwolf2]

Here is a more centered download arrow, it wasn't off by much. I think most of it is due to the swirl creating an optical illusion?!

[scrubbless]

Yeh that looks better and you could be right about the illusion :D

[BenRQ]

OK it's merged. Closed.