2017年2月第1週号 1位は、UIデザインの短期集中コース、気になるネタは、Twitter、新機能「もっと探す」タブを追加--トレンド・モーメント・検索機能を集約

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

UIデザインの短期集中コースと題し、UIデザインの基礎を解説した記事です。

UIデザインの法則として、以下の5つの項目について説明しています。

ファーストビューで興味を引くための要素を紹介しています。

2のサービスは、そのサイトが提供するサービスの機能がファーストビューですぐに使えるようにするということです。

検索窓（検索フォーム、検索ボックス）のUXデザインについて考察した記事です。

UIデザインで色をどう扱うかについてのテクニックやツールをまとめた記事です。

それぞれの色から連想される意味や、「⁠ただのグレースケールではなく彩度を少し加えるといい」といったテクニックなどを紹介しています。

Webデザインの新たなトレンドとして、抽象的な形の組み合わせを使ったサイトの実例を多数紹介しています。

図形がアニメーションしたり、インタラクティブ性をもっているものが多く、いきなりテトリスのように図形が出てくるサイトもありました。

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

「AirPodsを探す」がiOS 10.3ベータ版に追加。落としたときの捜索・発見が容易に - Engadget 日本版
Bluetoothの届く距離で見つけるか、最後にiPhoneと通信した位置が分かるそうです
「Chrome」と「Firefox」が高速化--その陰にFacebookの協力があった - CNET Japan
“⁠Facebookとの2年間にわたる協力を通じて、ChromeとFirefoxは、キャッシングの技術を向上させてきた⁠”とのことです
Google翻訳、カメラで写すだけでリアルタイム翻訳に対応
リアルタイムカメラ翻訳機能が、英語・日本語間の翻訳でも可能になりました。

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

今回は、Webサイトのユーザビリティをテストするためのツールをまとめた記事を紹介します。ヒートマップ、ウェブサイトの読み込み速度、安全性のレベル、エラーなどを知ることができるサービスを15個掲載しています。

最初に紹介されている「Clicktale」がオススメのようで、ユーザーのサイト上での行動を再生したり、クリックヒートマップ、フォーム解析、ユーザーの行動に関する詳細レポートなどの機能もあるそうです。

ほかにもA/Bテストができるサービスや、リモートユーザーテストツール、各種ブラウザでの表示チェックツールなど、サイトをより良くするために役立ちそうなサービスが揃っています。

TwitterのiOSアプリのタブバーの項目がまた変わり、「⁠もっと探す」タブが登場しました。「⁠トレンド」「⁠モーメント」とキーワード検索がそこから利用できます。

右上の特等席にあった虫眼鏡アイコンがタブバーに移動した感じですが、下にあったほうが片手操作で押しやすいというメリットもありそうです。なお、Instagramアプリも同じ位置に虫眼鏡アイコンがあります。

また、iOSアプリでは「もっと探す」に入ったモーメント機能が、ブラウザ版では1つのメニューとして左上に表示されるようになり目立っています。これまでその存在自体があまり知られていなかったモーメントが、より使われるきっかけになりそうです。