2018年12月第2週号 1位は、ほとんどのデザインリニューアルはなぜ失敗するのか、気になるネタは、EdgeブラウザがついにChromiumを採用へ

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

ほとんどのデザインリニューアルはなぜ失敗するのかを考察した記事です。

Snapchatアプリのリニューアルで、ナビゲーション構造とストーリーを見るためのタップ領域が変更され、ユーザーから否定的なレビューが殺到したエピソードを詳しく紹介しています。

また、Windows 7から8でコントロールパネルへのアクセス方法が変更されたことも、悪い例として挙げられています。

一方、Facebookのモバイルアプリが、ウェブ版と同じ上部の青いナビゲーションバーをやめて、iOSでは静的なタブ、Androidではスライドできるタブにしたことは、うまくいったリニューアル例として取り上げていました。

最後に我々が学ぶべき点について、以下の3項目でまとめています。

UIにイラストを使うことで、UXがどう改善されるかを解説した記事です。

2018年のお気に入りのJavaScript＆CSSフレームワーク、ライブラリ、ツールを紹介しています。

サイトのジェネレーターやエディターなど、サイトを構築するためのものが多く取り上げられている印象でした。

ハンバーガーメニューが現れるときのアニメーション効果が印象的なサイトをまとめた記事です。

ハンバーガーメニューの存在がわかりにくいサイトも結構あるのですが、メニューを出すボタンが必ずあるという前提でページを見れば、すぐに見つけられるものだと気付きました。

優れたデザインの新しいサイトを集めたウェブデザインをまとめています。

赤色が流行っているようです。

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

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

今回は、Webサービスではないのですが「Humaaans」というイラストのライブラリを紹介します。簡単に人物イラストを作れる、とても興味深いものです。

いろいろなポーズや服装が用意された人物のイラストがセットになっています。顔、上半身、下半身、靴とパーツに分かれており、様々な組み合わせが可能です。シンプルで無機質なイラストで、ネットサービスのランディングページでよく見かけるタイプのイラストという印象です。

Sketch用とInVision Studio用のファイルがありますが、Sketchで使う方が便利だと思います。Sketchでは、シンボルのオーバーライド機能を使って、プレビュー付きのプルダウンからパーツを差し替えていけます。

Windows 10のデフォルトブラウザ「Microsoft Edge」が、独自のレンダリングエンジンを捨てて、Google Chromeと同じChromiumをベースとしたブラウザに生まれ変わるそうです。

ウェブ関連の制作に関わっている人にとっては大歓迎なニュースなのですが、ウェブ業界がお祭り状態にはなっていないようです。マイクロソフトのブラウザ界での存在感がすでに薄くなっていたからなのでしょう。

Chromiumベースとすることで、Mac用のEdgeが提供されるらしいというのも気になります。ブラウザの種類が増えれば、その分ブラウザチェックが必要になるじゃないかという気もしますが、MacでもEdgeのチェックができる環境を提供することが重要なようです。