2018/10/23ブログやウェブサイト内にボタンをリンクを貼る際に、できるだけ押してもらいやすい形で貼るようにしています。僕が普段意識している、リンクを押してもらうための工夫について解説します。LINKテキストリンクよりもボタンを設置した方がクリックされるテキストにアンダーバーを引いたテキストリンクはもちろんクリックできる場所だと認識されていて、それでも十分ではあるんですが、やはりボタンの形をしたリンクはよりクリックされるんですよ。アフィリエイトリンクはまず「ここは押せる場所だ!」と分かってもらえなかったらアウトですから、ボタンを設置してあげた方が親切です。ボタンのデザインはサイトに応じて馴染むものがいいと思います。個人的には立体的なボタンが好きなのでbox-shadowで影を演出したり、幅が広すぎるとボタンなのか背景なのか分かりにくので横幅は広げすぎないように気をつけてます。このようなデザインのとき、左側のように「アイコン+テキストリンク」だけよりも、下側にボタンを配置した方が押される可能性が上がります。こちらのブログカード型のリンクは元々結構クリックされてたんですが、右下に「続きを読む」ボタンを置いたことで、ここが押せるということをより強調した形になりました。ボタンの色は目立つ色を設定ウェブサイトのベースカラーに合わせてボタンを作ってしまう方もいらっしゃいますが、できればサイトのベースカラーとは違った色にした方がいいです。delaymaniaでは水色がベースカラーなので、アクセントカラーとして黄色を設定しています。水色は背景色として使ってる箇所が多いため、押せないものだとと勘違いされることがあるんですよ。ウェブサイトを作る段階で、「押す場所ではないけどそのウェブサイトの特徴を表す色」と「押して欲しいところで使う色」を2色設定して作るといいですね。最後にせっかくリンクを貼っても触れてもらえなかったら意味がなくなってしまうので、少しでもリンクを押してもらえるように工夫しています。最近ではボタンを光らせたりしてより強調することもありますが、それの効果はいまいちまだよくわかってないので、効果的だとわかったらまたブログで報告しますね。WEBサイトの制作や管理、WEBサービスの運営、iPhoneアプリ開発などをやってます。chord」のギタリストで曲も作ったりしてます。Japaneseは太さが細かく調整できて使いやすいWEBデザインの記事をもっと読む新着記事エンタメモーニング娘。ハマった理由と、EDM路線になってからのモーニング娘。Macなどのコンピューター系の話題など、WEBデザイナーの管理人が気になった情報を発信しているブログです。株式会社ondoホームカテゴリ。