canonical / vanilla-framework

From community websites to web applications, this CSS framework will help you achieve a consistent look and feel.
https://vanillaframework.io
GNU Lesser General Public License v3.0
838 stars 167 forks source link

Copy icon looks like a link icon #1073

Closed matthewpaulthomas closed 7 years ago

matthewpaulthomas commented 7 years ago

Pattern amendment

The “Code snippet” pattern uses a Copy icon that consists of a stylized chain with three links:

vanilla - copy icon

This is confusing, because Copy icons seldom look like a chain, whereas that motif is commonly used for inserting hyperlinks.

insert link icons

It is much more common for a “Copy” icon to show two overlapping boxes or pages, or sometimes a clipboard.

Since we are likely to use two overlapping boxes to convey “opens in a new window/tab”, I suggest that our Copy icon use a stylized clipboard.

yaili commented 7 years ago

@matthewpaulthomas do you know if there is an icon for this already designed for Suru? I assume you're saying something like this (see screenshot)?

screen shot 2017-05-16 at 16 24 35
matthewpaulthomas commented 7 years ago

@yaili In the “Icons” folder on Dropbox I can find (multiple copies of) one Copy icon: edit-copy (SVG version)

However, this follows the “two overlapping boxes” motif that I questioned above as being easily confusable with “opens in a new window/tab”. So yes, I would prefer a clipboard-based icon like the GitHub one.

matthewpaulthomas commented 7 years ago

We didn’t discuss it at all, but Bartek has noticed the same issue in build.snapcraft.io.

yaili commented 7 years ago

What about adapting the edit-paste icon, I found this in Dropbox in Suru Theme.

screen shot 2017-05-19 at 11 15 15
matthewpaulthomas commented 7 years ago

Yes, that looks very similar to many “Copy to Clipboard” icons. It does raise the question of what the corresponding Paste icon would look like — but with the demise of Ubuntu Touch, I’m not aware of any apps we develop that have a Paste button anyway.

yaili commented 7 years ago

Notes from working group:

yaili commented 7 years ago

This issue was moved to ubuntudesign/vanilla-design#24