2020年10月第4週号 1位は、UIデザインのためのユーザビリティの経験則10選、気になるネタは、グーグル検索、気になる曲をハミングすると曲名を教えてくれる新機能

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

UIデザインのためのユーザビリティの経験則をまとめた記事です。

フルスクリーンのナビゲーションメニューが印象的なサイトを多数紹介しています。

優れたフルスクリーンメニューの重要な要素がまとめられていました。

モバイルアプリやWebサイトでの、タップ可能なターゲットのデザイン方法について解説した記事です。

タップしやすいサイズやタップ可能な領域だとわかりやすい色や形、テキストのデザインと内容について気をつけることなどがまとめてあります。

CSSグリッドをジェネレーターを使って学ぶことを推奨した記事です。Layoutit Gridというジェネレーターを使っていました。

CSSグリッドだけでなく、CSSのシャドウやグラデーションなども、遊びながら学ぶことを勧めています。

Webデザイナーのための新しいツールを多数まとめた記事です。

JSライブラリやデスクトップアプリ、便利なサイトやサービス、テンプレート、さらにフォントやアイコンなども紹介しています。

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

ソニーのカメラをウェブカム化する公式ソフトにMac版が登場 - CNET Japan
これでソニーのVLOGCAMもMacでもウェブカメラとして使えるようになりました
Square、無料のEC作成サービスを日本で提供開始--テイクアウトやPOSアプリ連携に対応 - CNET Japan
一律3.6％の決済手数料以外、初期費用や月額利用料、振込手数料は一切なしで利用できるそうです
Googleハングアウトユーザー全員が無料でChatへ移行可能に | TechCrunch Japan
ビデオチャットサービスではなくグループチャットが基本機能のChatに移行を推進するようです

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

Echoはチームでボイスメッセージをやりとりするサービスです。簡単な操作でグループでのボイスチャットを実現します。

音声メッセージはメンバーの誰かに直接送ることも、グループに対して送ることもできます。英語だけだと思いますが、音声認識でテキストも表示されます。

無料プランではメンバーは5人までで、音声データが保存されるのはは24時間という制限があります。リモートワークでのテキストチャットとビデオ会議との間を埋めるサービスとして、ボイスチャットは注目される分野だと思っています。

Googleが曲のメロディーをハミングすると曲名を検索してくれる機能を発表しました。記事によると音痴でも大丈夫とのことです。

さっそくiOSのGoogleアプリで試してみたんですが機能しませんでした。日本での対応は現状Android版のみとのことです。口笛でも認識するそうです。

同様のことができるShazamはAppleに買収されましたが、Googleはこの機能を独自開発したとのこと。調べてみるとハミングでの検索ができるアプリは結構いろいろあって「鼻歌検索」とも呼ばれていました。