I'm building a blog interface and I need a button to represent my copy URL link action in my blog post pages. The button will be side by side with other social media share icons. I'm trying to decide between these 3 options. Which one is the most intuitive?
-
1Is the URL itself displayed? In most cases where I've done something like this we show the URL that will be copied and have a "Copy" or "Copy URL" button next to it: i.stack.imgur.com/12KGU.png StackExchange does pretty much the same thing when you click "share" beneath a post.– Zach SaucierDec 17, 2019 at 16:05
-
That's a great solution, but in my case, the URL will not be displayed. It will be in the browser's address bar and the button is in the middle of the page. Thank you for your comment!– alanahereDec 17, 2019 at 19:19
2 Answers
Copy to clipboard
button is a relative new think compared to other internet and computer functionalities. So everyone is still "teaching" this process by including Icon + Text
Options A & B
Options A & B will satisfy your needs only if they are accompanied by the link itself or a "Copy Link" text.
Examples:
Google (mobile)
Microsoft
Apple (Instagram)
This proves it can be intuitive without any icon
Option C
Option C should be used when you have two ways of copying to clipboard. For example: Copying content itself or content's URL as image below.
-
Thank you for the detailed answer. I think I'll use option A and put the text "copy link" next to the icon. Obrigada! Dec 17, 2019 at 19:25
-
B does not lend itself intuitively as an icon to indicate
copy
, moreso justurl
- personally I would go with C + "copy link" text– RozzADec 18, 2019 at 1:06
Your option A is a mere "Copy" button. It's like a Ctrl + C
shortcut and it's not specifically related to links.
Your option B is a hyperlink
button. Which is related to URL's for sure, but sometimes it's used in Create hyperlinks
actions.
You should go with Option C, which combines the two actions. Hyperlink AND Copy.