2021年9月第2週号 1位は、なぜユーザーはデザインリニューアルを嫌うのか、気になるネタは、デジタル庁発足公式サイトにITエンジニアから反応続々「シンプル」「重い」「ロゴが丁寧」「苦労が見える」

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

なぜユーザーはデザインリニューアルを嫌うのかを、Twitterの新デザインへの反応を例に解説していました。やはり、デザインを変更すると反発の声が多いのは万国共通のようです。

長い間使い慣れているインターフェイスデザインが変更された場合、認知的負荷が増えてユーザーの満足度が低下するそうです。習慣を変えるのは難しく、変えるためには意識して操作する努力が必要で、それが苦痛を引き起こす可能性があるとのことでした。

ユーザーは物事を成し遂げたいだけでデザインを気にしないというのも、頭に入れておくべき点だと思いました。ほとんどの人はデザイナーほどデザインを分析したり評価したりしないので、必要なものをすぐ見つけられれば満足だということです。

デザインリニューアルする際に、ユーザーの反発を抑えるヒントもありました。

Webデザインの重要なトレンドを事例とともに3つ紹介しています。

1では日本のBakeのサイトが取り上げられていました。

Webデザインで、すりガラス効果が使われるケースを挙げています。

アクセシビリティについて考えられていない4つの兆候をまとめた記事です。

この記事でアクセシビリティについてa11yと表記しているのですが、Accessibilityがaとyの間に11文字あるからだそうです。

フロントエンドに関する技術を学ぶための、インタラクティブな学習ツールをまとめた記事です。

ゲーム感覚で、CSS FlexboxやCSSグリッド、CSSアニメーションなどを学べます。ほかにもJavaScriptやSQL、正規表現などを学ぶツールもありました。

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

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

couleur.ioはカラーパレットを作るサービスです。ベースとなる色を選ぶと、調和の取れた配色を自動で生成します。

その生成したパレットを使ったWebデザインのサンプル表示を見て判断できるので便利です。サンプル表示は通常モードとダークモードの2種類表示されます。ベース色の明るさ／暗さを変えた10色のパレットが作られ、アクセントカラーは7色の候補から選択できます。

作ったパレットはCSS変数を使ったコードとして入手できます。シンプルでサンプル表示もわかりやすいので、初心者の学習や色選びについてレクチャーするときなどにも便利だと思いました。

デジタル庁が発足し、良い意味でも悪い意味でもいろいろと話題になっています。公式サイトはノーコードWebサイト作成ツールのSTUDIOで作られていますが、日本のサービスだからという理由もあるのでしょう。

サイト公開後のTwitterでのいろいろな指摘に対して、即修正したのは好感度アップに繋がったんじゃないでしょうか。改修状況は公式のnoteで発表したのとこと。やはり日本のサービスを使っていますね。

なお、別の記事によると、今はSTUDIOを使っているけどCMSでの構築も進めており、いずれ移行する予定だそうです。まずは立ち上げることを優先し、そのあとより良いツールに乗り換えていくという姿勢が、デジタルのことをわかってる感があって良いなと思いました。