2017年8月第3週号 1位は、手痛いミスから学ぶユーザーインターフェイス10の法則、気になるネタは、Instagramのライブ配信に友人を招待--新機能が追加へ

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

手痛いミスから学ぶユーザーインターフェイスの法則をまとめています。

ユーザーエクスペリエンスを損なうことにつながりかねない、危険なデザイントレンドについてまとめています。

見映えを良くするためや現代的にするために、ユーザーエクスペリエンスを犠牲にすべきではないという結論でした。

UIデザインのホワイトスペースの使い方について解説しています。

ボタンにカーソルを合わせたときのいろいろな効果のサンプルです。CSS/SCSSを入手できます。

ボタンの背景色や枠がアニメーションする効果の、様々なバリエーションが揃っています。オプションで、角丸に変更／アイコンを付ける／ページの背景を変える／ボーダーの太さを変更／パディングを変更できます。

インタラクティブなウェブサイトのギャラリーです。もちろんFlashではなくHTML5＋CSS3＋JavaScriptで作られています。

「Flashのような」という言い方もいい加減古い気もしますが、Flashで作ったサイトを思い出させるようなサイトとして紹介しています。

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

YouTubeに動画共有のためのグループチャット機能 - ITmedia NEWS
ほかのメッセンジャーツールを使えばいい気もしますが、YouTubeアプリだけで完結するのがメリットなのでしょう
Apple、iPhoneで撮影した写真をInstagramで紹介――@appleアカウント登場 | TechCrunch Japan
AppleがInstagram上で公式アカウントを開設しました
富士通、機械学習でWebサイト訪問者へのアプローチを自動で行うサービス | マイナビニュース
“⁠訪問者の興味関心を把握し、商品購入や会員登録などの期待する行動へと繋げるための最適なアクションを適切なタイミングで自動実行するSaaS ⁠”とのこと

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

Pastelは、Webページ上に付箋を貼っていくようなイメージで、コメントを書き込み共有できるサービスです。サイト制作時の修正などのやりとりをスピーディーに行えます。

コメントを書き込むときは、デベロッパーツールを使っているときのように要素を選択できます。たとえば、見出し要素についてのコメントか、見出しを含むブロック全体のコメントかがわかるように枠が付くので便利です。

コメントは番号が振られ、コメント内容は左カラムでまとめて見られます。コメントにはもちろん返信できます。

似たようなサービスはいろいろありますが、機能がシンプルな分、操作が分かりやすくて軽快に使えるように感じました。

Instagramのライブ配信に、ゲストを招待して2画面で配信できる機能が追加される予定です。記事タイトルには「友人を招待」とありますが、そのライブを見ているユーザーを招待できるようなので、フォロー／フォロワー関係の「友達」という意味ではないと思います。

対談企画とか、講師と生徒での公開講座など、いろいろな用途がありそうです。最近は有名人の「インスタライブ」が流行りつつあるようですが、そこにファンが出演できると盛り上がるんじゃないでしょうか。

Instagramといえば渾身の1枚のキラキラ写真をアップする場という印象が強いですが、ストーリー機能を使って近況を動画で配信している人も多いそうです。動画配信専用のサービスにとっても、Instagramの動画配信の成長は気になるところでしょう。