2019年12月第3週号 1位は、ウェブページに「Fパターン」は今でも重要か、気になるネタは、Googleアシスタントのリアルタイム通訳機能がiOSとAndroidでも利用可能に

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

ウェブページを見るときの目の動きがF字型になるという「Fパターン」を意識することは今でも重要かを考察した記事です。

ユーザーにとって関連性のあるもの、興味を引くものにうまく誘導できない場合にF字型になるので、その誘導ができればF字型は関係ないとのことでした。

ユーザーがページを目でスキャンするために、以下の要素をページに入れると良いそうです。

スモールビジネスでのウェブデザインのヒントを紹介しています。

ストックフォトを配布しているサイトをまとめています。無料で使えるストックフォトのサイトが多数あって参考になります。

また、食べ物写真、ビンテージ写真を配布しているサイトや、写真をダブルトーンにするサービスも紹介していました。

UI／UXデザインツールを17種類まとめた記事です。

Sketch、Adobe XD、Figmaといった定番のものから、あまり知らないもの、まだあったんだという懐かしいものなどがありました。

Figmaを学ぶためのチュートリアル記事や動画をまとめています。

初心者向けのものから高度なものまで、順番に取り上げてあり参考になりそうです。

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

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

SocialSizesは、いろいろなソーシャルメディアで使用する画像や動画のテンプレートを提供しています。Sketch、Figma、Adobe XD、Photoshopのファイルをダウンロードできます。

たとえばInstagramのテンプレートには、フィード用、ストーリー用、プロフィール用のサイズを指定した、複数のアートボードが1つのファイルになっています。それぞれのソーシャルメディアでの画像のサイズや注意点、動画のサイズや長さの制限の資料としても便利です。

アメリカでも人気というTikTokや、AppStore用のテンプレートもありました。なお、全てのテンプレートが1ファイルにまとまっているものもあります。それをダウンロードしておけば、サイズの確認をしたいときにも使えますね。

Googleアシスタントでリアルタイム通訳機能が使えるようになりました。「⁠OK Google、英語の通訳をして」などと話しかけると通訳モードになります。

動作的には、Google翻訳の会話モードと同じような感じです。会話を前提としているので、英語のポッドキャストをひたすら自動翻訳させるために使うのは難しそうでした。

まだAndroid版のみですが、音声文字変換アプリを使うとリアルタイムで音声から文字起こしもできます。英語の文字起こし＆翻訳がスマホの無料アプリだけでリアルタイムにできるのは、英語学習に役立つでしょうし、便利な時代になったなと思います。