2016年5月第4週号 1位は、オンラインツールCanvaで使われているビジュアル効果を解説、気になるネタは、Google、音声認識で家電をコントロールできる「Google Home」を発表

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

ブラウザ上で簡単にグラフィックデザイン作業が行えるオンラインツール「Canva」で使われている、アニメーションなどのビジュアル効果のテクニックを解説した記事です。

画像をアップロードするときの、ボタンの中に水が満ちていくアニメーションなど、ちょっとした動きながらセンスのいい効果の仕組みを知ることができて興味深いです。

実際のコードはCodePenで公開されており、こういう情報を惜しげもなく提供してくれるCanvaを応援したくなります。

ユーザーエクスペリエンス（UX）におけるコレオグラフィーの原則についてまとめた記事です。

コレオグラフィーとは「振り付け」のことで、UXにおいて各パーツに動きを付けることを振り付けと表現しているのだと思います。

といった項目に分けて解説していました。

コンポーネントリストやスタイルガイドを、フロントエンドエンジニアとデザイナーが協業して作る場合の、実際の落としどころのヒントが解説してあります。

実際にやってみての経験を元に語られていて、いろいろと参考になります。

ECサイトの商品紹介ページの優れたデザインを集めて紹介しています。

クリエイターが作品共有サイトに投稿したものをまとめてあり、リンク先にページの全体像や別画像が掲載されているものもあります。

ユーザーエクスペリエンスのためのツールをまとめた記事です。

ユーザーリサーチ、デザイン、ユーザーテスト、デザインコラボレーションに便利なツールを掲載しています。

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

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

IconosquareはInstagramの分析を行うWebサービスです。Instagramのアカウントで認証すると、フォロワー数や「いいね！⁠」⁠、コメント数の推移など、様々なデータを確認できます。また、Iconosquare上で「いいね！」やコメントなどInstagramの操作も行えます。

「いいね！」やコメントをもらった曜日ごとの時間帯を確認できるので、投稿するタイミングの参考になります。基本有料のツールですが、ログインしなくてもハッシュタグやユーザーの検索機能などは使えます。人気のハッシュタグを探すなど、無料でも便利に使えるシーンはありそうです。

InstagramにはTwitterやFacebookページのような標準の解析ツールがないので、ビジネスで活用するにはこういったサービスの利用も検討する必要があるでしょう。

Googleが開発者向けイベント「Google I/O 2016」でいろいろと発表しましたが、新しいハードウエアとしては「Google Home」が気になる存在です。

Google Homeは音声認識による対話で家電などをコントロールできる機器です。話しかけることで部屋の照明をつけたり、検索したYouTube動画をテレビに表示したりできるとのこと。なお、テレビとの連動はChromecastを使うようです。

Amazon Echoのライバルとして注目されていますが、今度はAppleが作る同様のデバイスも見てみたいですね。Apple TV vs Google Chromecast vs Amazon FireTVのような競争を期待したいです。