とあるweb屋の仕事術

とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

記事タイトルとURLコピーするボタンをSNSシェアボタンと同列に並べるUIがスマートで洗練されている

記事タイトルとURLコピーするボタンをSNSシェアボタンと同列に並べるUIがスマートで洗練されている

記事タイトルとURLコピーする機能は

便利だ、いいよねという記事を

以前書きました。

www.toaru.jp

 

上記で紹介した内容は、

記事本文の上か下に

 

「この記事タイトルとURLコピーする」

 

というボタンが配置してあるサイトを

例にしました。

今回はそれの少し進化版というか、

もっとシンプルでスマートでいいなと

思った「記事タイトルとURLコピーするボタン」を

見かけたのでご紹介です。

 

Webデザイナー

ろくぜうどん(@rokuzeudon)さんのブログ

LOGzeudonです。

blog.rokuzeudon.com

 

ではさっそく記事ページのスクショを

ご覧ください。

記事タイトルとURLコピーするボタンがSNSシェアボタンの中にスマートに組み込まれています

記事タイトルとURLコピーするボタンがSNSシェアボタンの中にスマートに組み込まれています

 

SNSボタンと同列に「Copy Title/URL」という

シンプルなボタンが配置してあります。

クリックすると

記事タイトルとURLのコピーができます。

 

クリックすると「コピーしました」となります。

クリックすると「コピーしました」となります。

 

これめちゃくちゃいいUIだなぁと

思いました。

 

SNSのシェアボタンと同列に

設置しているサイトをはじめて見たので、

なるほどなぁ〜と勉強になりました。

 

シンプルでわかりやすいですし、

記事上下に

「この記事タイトルとURLコピーする」

という大きくて少し長いボタンを設置

するよりスマートで、洗練されてますね。

 

これは真似したいですね。