2022年3月第1週号 1位は、有名サービスのアプリやサイトのUIにダメ出し、気になるネタは、Instagramの「リール動画」、Facebookでも利用可能に

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

Netflix、Spotify、Apple、GoogleなどのモバイルアプリやサイトのUIにダメ出しをしています。

以下の項目に分けて実例をもとに問題点を指摘していました。

魅力的なランディングページの実例を多数紹介した記事です。それぞれのページの良い点悪い点を解説していて参考になります。

以下の項目に分けて事例を紹介していました。

UI／UXデザインのツールを5つ紹介しています。

FlowMappはUXデザインに特化したツールで、サイトマップやワイヤーフレーム作成に使うものです。FigmaやXDの前段階のツールという位置付けですね。

クレイモーフィズムのCSSコーディング例をまとめています。粘土っぽい印象の立体的で角が丸い柔らかい印象の形状です。

カードやボタンを目立たせるのに有効そうですが、サイト全体をこのテイストでまとめるには、まだほかにたくさんのクレイモーフィズムのUI要素が必要だと感じました。

ドメイン名のトレンドについてまとめた記事です。

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

アップル、Siriに「性別の区別が明確につかない声」を追加 | TechCrunch Japan
英語での声の話でしたが、日本語の声もいつか登場するのかもしれません
凸版印刷、メタバースサービス基盤「MiraVerse」を開発ビジネスで使えるフォトリアルな3D空間を生成
凸版印刷はビジネス向けのリアルと連動したメタバースに力を入れていますね
17LIVE、視聴者と直接会話ライブコマースに新機能 | TECH+
商品登録からライブ配信、購入までをブラウザー内で完結できる「ハンズアップ」機能に、配信者と視聴者が1対1で会話できる機能が追加されました

先週の気になるツール／サービス

PagifyはGoogle ドキュメントをWebサイトに変換するサービスです。ユーザー登録など不要で、Google ドキュメント（のドキュメント）を「Webに公開」したあと、そのリンクを入力するだけでページが生成されます。

スマートフォンで見たときに、Google ドキュメントのWeb公開より見やすいと感じました。ただし、大きい画像が自動でウィンドウ幅にリサイズされる機能はありません。ページ設定でのドキュメントの上下左右の余白がそのまま適用されるので、小さめ（0.6cmくらい）に調整すると良いと書いてありました。

実は事前にページを生成しているわけではなく、ページにアクセスしたときに動的に生成しているようです。元のGoogle ドキュメントを変更すれば、Pagifyのページにも反映されます。

Meta（旧Facebook)は、ショート動画サービスReels（リール）の提供を150カ国以上に拡大し、日本でも使えるようになりました。TikTokのようなショート動画サービスで、2019年からInstagramで提供していました。

ほかのサービスを真似した機能をまずInstagramに搭載して、うまくいったらFacebookにも採用するのはストーリーと同じ展開ですね。今後InstagramとFacebookのクロス投稿もできるよう検討しているようです。

さっそくFacebookでリールを見てみました。友達の投稿が優先的に表示されますが、友達以外の動画もどんどん表示されます。そこがストーリーとの違いとも言えますね。また、ストーリーと違ってリンクを入れられないので、ブログへの誘導などはできません。