2017年9月第2週号 1位は、コールトゥアクションボタンが高い効果を得るための完全ガイド、気になるネタは、ボストン・レッドソックスがApple Watchを使ってニューヨーク・ヤンキースからサインを盗んでいた

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2017年9月4日～9月10日の間に見つけた記事のベスト5です。

コールトゥアクションボタン（行動を促すボタン）が高い効果を得るための完全ガイドです。

効果的なコールトゥアクションボタンとは

説得力のあるコピーを書く方法

色とデザインの最適化

モバイルとデスクトップに最適化

ボタンの実例も60個以上紹介しています。

完璧なウェブサイトのための重要なヒントをまとめた記事です。

デザインの過去を振り返り未来を予測するために、5つのトレンドを紹介しています。

1の解説で、デザイン関連の情報を得るのに以前はいろいろなサイトをRSSリーダーでチェックしていたのに、今はMediumだけで事足りるという記述がありました。英語圏でのMediumの存在の大きさがうかがえます。1箇所に依存することの危うさや、Mediumの経営難についても触れられていますが…。

インターフェイスにおいてのアイコンの正しい使い方を解説した記事です。アイコンには必ずラベルテキストが必要という主張でした。

アイコンにツールチップでテキストが表示されるのもダメとのことです。タッチスクリーンの端末では表示されませんし、キーボードのみで操作するユーザーもいるからとのことでした。

CSSでデザインされたチェックボックスのコーディング例を紹介しています。

チェックを入れるときにちょっとしたアニメーション効果があるものが多く、iOSでおなじみのスライドするチェックボックスの実装例も多数あります。

そのほか、最近の記事の中から、気になるニュース記事を3つ紹介します。

先週の気になるWebサービス

Pandacolorsはカラーパレットを作るためのWebサービスで、用意されたテンプレートで配色を試せるところが特徴です。UIもわかりやすく快適に使えます。

デスクトップ向けサイト、モバイルサイト、UIキットに分けて、それぞれいくつかのサンプルテンプレートが用意されており、配色を試すことができます。テンプレートはアプリ向けのものばかりで、よくある企業サイト風レイアウトのものもあるといいのになと思いました。

色を自分でカラーパレットから指定していくこともできますが、あらかじめ用意された配色パターンから選んで使うことが前提の、非デザイナーでも使えることを目指したツールのようです。ログインすると気に入ったパレットを保存できます。

レッドソックスがApple Watchを使ってサインを盗んでいたというニュースが話題になっていました。カメラの映像を見てサインを盗んだ職員が、それをダッグアウトにいるトレーナーにApple Watchで伝えていたとのことです。

ニュース記事をいくつか見ても具体的な手口が今ひとつ分からず、Apple Watchならではの使われ方もしてないようですが、ともかく「Apple Watchでサインを盗む」というフレーズにインパクトがあるニュースでした。実際に選手がApple Watchを使っていたわけではなさそうですね。

ランニングや水泳のときにいろいろな計測を行うなど、スマートウォッチとスポーツの相性がいいことは確かです。いっそのこと選手間のサインや監督の指示が重要な野球やアメリカンフットボールの試合では、選手がみんなスマートウォッチを使用してやり取りできるといいんじゃないかなと思います。