opencast-studio icon indicating copy to clipboard operation
opencast-studio copied to clipboard

Big (Round) Red Button?!

Open JulianKniephoff opened this issue 2 years ago • 5 comments

@oas777 wrote in https://github.com/elan-ev/opencast-studio/pull/1069#issuecomment-1675100147:

  • I have a problem with the "start recording" button: It's form (ratio) differs from the general button design, the colors break the overall color scheme and it's less visible on darker content being shared. Before suggesting to aligning it and its form with the "Back" and "Stop recording" button (causing issues with dark mode probably): What do others think?

@LukasKalbertodt replied in https://github.com/elan-ev/opencast-studio/pull/1069#issuecomment-1686631451:

I think a round red button is pretty much the standard on all video recording apps, despite red not being a part of their color schemes. I also don't think it's the prettiest, but I think it's the design thats most easily understood by users. But again: Others, what do you think?

JulianKniephoff avatar Sep 05 '23 12:09 JulianKniephoff

No one? So it's me again: The red circle is certainly a standard - but do we need the white outline? Also, the background colour is different from the header's background (in light mode). Probably two details why this recording button feels like a "foreign matter" in terms of design.

oas777 avatar Sep 06 '23 06:09 oas777

do we need the white outline?

It helps with having a strong contrast between the button and the background. My iPhone also has a white outline. We could remove it though, if we change the background and red color appropriately so that the contrast is large enough. I would probably just keep it as is?

his recording button feels like a "foreign matter" in terms of design.

Interesting. I think I understand what you mean. That said, this comes straight from Lisa's design. But yeah I suppose one could still experiment with this design a bit.

LukasKalbertodt avatar Sep 11 '23 06:09 LukasKalbertodt

do we need the white outline?

It helps with having a strong contrast between the button and the background. My iPhone also has a white outline. We could remove it though, if we change the background and red color appropriately so that the contrast is large enough. I would probably just keep it as is?

The iPhone outline is pretty thick, though. This one being so thin is part of the problem.

his recording button feels like a "foreign matter" in terms of design.

Interesting. I think I understand what you mean. That said, this comes straight from Lisa's design. But yeah I suppose one could still experiment with this design a bit.

Maybe aligning the background color would do the trick for me.

oas777 avatar Sep 11 '23 07:09 oas777

Instead of the round button, we could also just keep our regular button style and just add an icon. This also has the nice side effect that we can actually add text describing the functionality. Something like:

lkiesow avatar Sep 14 '23 09:09 lkiesow

While I like this more in principle, I would have to see this in Studio to check whether it's "visible" enough.

oas777 avatar Sep 14 '23 10:09 oas777