elementary / portals

https://elementary.io
GNU General Public License v3.0
23 stars 5 forks source link

Label the selection modes #106

Open moonmehta opened 5 years ago

moonmehta commented 5 years ago

It is not immediately obvious, especially to new-to-computer users, what each mode in the screenshot tool means. I think adding labels is important and doesn't really clutter the look and feel of the app.

Screenshot from 2019-05-14 19-55-22

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/74137340-label-the-selection-modes?utm_campaign=plugin&utm_content=tracker%2F60551450&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F60551450&utm_medium=issues&utm_source=github).
comradekingu commented 5 years ago

These icons don't look as good, but get to the point bilde

And then I went into the rabbit hole, finding some improvements, and realizing my mistakes ![bilde](https://user-images.githubusercontent.com/13802408/59977349-6878e380-95d0-11e9-8f2a-671f2500e471.png) ![bilde](https://user-images.githubusercontent.com/13802408/59977465-9579c600-95d1-11e9-8e05-5f00f9a66e80.png) ![bilde](https://user-images.githubusercontent.com/13802408/59977833-4eda9a80-95d6-11e9-86c0-2b0cbe632df0.png) ![bilde](https://user-images.githubusercontent.com/13802408/59977830-46825f80-95d6-11e9-9a7a-f8dedd09c641.png) ![bilde](https://user-images.githubusercontent.com/13802408/59977828-39fe0700-95d6-11e9-93ea-55b487698c7e.png) ![bilde](https://user-images.githubusercontent.com/13802408/59977806-16d35780-95d6-11e9-8ad1-a76ee7d92c67.png) ![bilde](https://user-images.githubusercontent.com/13802408/59977860-ad077d80-95d6-11e9-9bac-6ac271a4e29b.png) Maybe with a camera pictogram instead of "Take Screenshot", and some better kerning.
hmleal commented 3 years ago

I think we should go for an option where we remove the radio buttons and make the icons bigger

Look for example how gnome solved this problem:

Group 1

Your icons are much better but without space to show them (because of the radio button) there's no purpose to update it

comradekingu commented 3 years ago

@hmleal In that vein

image

I don't think adding text to what could be understood without it solves any issues. From what I remember studies show cognition is delayed that way, more-so than text or picture alone.

Less non-info, more good.

I think having the actual screen frame is better since I seem to mentally connect that to all physical space. Makes less actual sense, but to actually solve it you get into an additional option of "all screens", and then one for "select screens". I don't think that is the audience, but I like that someone cares about UI things here :)

hmleal commented 3 years ago

@comradekingu My point was not about the text itself, it was about making the icons bigger removing the radio button. Maybe we can also re-organise the settings section too

Don't like the text either hehe, I really liked this new icon set in your last comment

comradekingu commented 3 years ago

I think the same logic works for selecting whether to include a mouse-pointer works. Maybe it should show up in the selected version, or does that make it confusing? One selector for each option?

image Don't think "close after saving is needed"(?) Don't know what "Conceal text" does.

jeremypw commented 3 years ago

"Conceal text" replaces text in the image with an unreadable font.

comradekingu commented 3 years ago

I think selecting between

Abc
(blurred)

is clearer, and in tune with the proposal.