2015年5月第4週号 1位は、Webの新トレンド：没入型のインタラクションデザインについて、気になるネタは、Facebook、メッセンジャーでプレイするゲームを準備中

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

Webの新トレンドという、没入型のインタラクションデザインについて解説した記事です。

対話型、双方向的なユーザー体験のためのポイントとして、以下の4項目に分けて説明しています。

良いフォームデザインのための「十戒」です。原文では、「⁠なんじ、○○なかれ」みたいな言葉遣いの見出しとなっています。

さらに追加の1項目として、「⁠入力値チェックは送信ボタンを押してから行う」というのも載っていました。ユーザーは項目によっては後回しにする場合もあるので、フィールドに入力するたびに値チェックをしないほうがいいとのことでした。

レスポンシブなWebサイトのレイアウトにおけるアクセシビリティについて、注意すべき点をまとめた記事です。

読みやすい文字を使う、重要でない要素を削る、柔軟性をもたせたレイアウトを使うといったポイントを解説しています。

Webデザインや制作に役立つツールや素材をまとめています。

HTMLメールのテンプレートの売買ができるサービスや、パワーポイントでワイヤーフレームを作るのに役立つツールキットなどが紹介されていました。

フラットデザインのWebサイトのギャラリーです。

「2015年はちょっと影が薄くなってきたフラットデザインだけど、わたしは好き」という人が、目新しいフラットデザインのサイトをまとめています。

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

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

Adobe Photoshop、Illustrator、InDesignのショートカットキーを確認できるサービスです。画面に表示されたキーボードの各キーに機能の名称が表示されます。

画面上のキーボードのコマンドキーやシフトキーなどを押すと、それに合わせてショートカットが変更されます。パソコンのキーボードでキーを押した場合も同様です。

キーボードは、Mac／Windows／Linuxで切り替えたり、言語で切り替えられるようになっています。残念ながら、日本語キーボードは選べません。

検索フィールドに文字を入力してショートカットを探すこともできます。これももちろん英語なんですが、なかなか便利だと思います。

Facebook Messengerに関するニュースが最近多いのですが、メッセンジャーでプレイするゲームを準備中というよくわからない報道もありました。

LINEのゲームみたいに、ゲームの体力回復アイテムをメッセージで送り合うようなものを連想したのですが、それだけではないんでしょうか？チェスやボードゲームを順番でメッセージを送り合いながらやるというのもありかもしれません。

何にせよ、Facebookがやるわけですし、ソーシャルな要素が含まれたゲームになるんだと思います。そして、Facebookのゲームのお誘いの通知と同様なものが、メッセンジャーにも登場するんでしょうね。取引先からメッセージが来たと思ったらゲームのアイテムなんてことが、LINE同様起きそうです。