4

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?

enter image description here

2
  • 1
    Is 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. Dec 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!
    – alanahere
    Dec 17, 2019 at 19:19

2 Answers 2

4

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)

enter image description here

Microsoft

enter image description here

Apple (Instagram)

This proves it can be intuitive without any icon

enter image description here


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.

enter image description here

2
  • Thank you for the detailed answer. I think I'll use option A and put the text "copy link" next to the icon. Obrigada!
    – alanahere
    Dec 17, 2019 at 19:25
  • B does not lend itself intuitively as an icon to indicate copy, moreso just url - personally I would go with C + "copy link" text
    – RozzA
    Dec 18, 2019 at 1:06
2

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.

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.