モバイルファーストWebデザインがデスクトップに及ぼす悪影響

• モバイルファーストのWebデザインが、デスクトップ環境で閲覧した際に及ぼす悪影響を扱った記事で、この現象を「コンテンツ分散」と呼んでいる。
• コンテンツ分散とは、レスポンシブなWebページのコンテンツが、大型のノートPCやデスクトップ画面では過度に大きく引き伸ばされて見える現象である。
• この記事は、13件の質的ユーザビリティテストと半構造化インタビューを組み合わせた研究に基づいている。
• 研究では、大画面デバイスにおけるコンテンツ分散が認知負荷とインタラクションコストを増加させ、コンテンツの理解を難しくし、ユーザーの不満を引き起こすことが分かった。
• コンテンツ分散は、いくつかのデザイントレンドの結果として生じており、モバイルファースト、ミニマリズム、大きな画像がしばしば情報密度の低いページを生み出している。
• 分散したコンテンツの負の効果には、ページの長さとインタラクションコストの増加、認知負荷の増加、ページに対する概念モデルの構築の難しさ、不満の増大、信頼性の低下などがある。
• 記事は、分散したコンテンツの正の効果も強調しており、ユーザーが一度に1つの強調されたコンテンツに集中できることや、情報過多の知覚を抑えられることが含まれる。
• 著者らは、デザインがデスクトップでどのようにレンダリングされるかを評価すること、画像が付加する価値を見極めること、重要で関連性の高いコンテンツを同じビューポート内にグループ化すること、モバイル特有のインタラクションやデザイン要素を避けること、そして分散を戦略的にいつ使えるかを理解することを推奨している。
• 著者らは、分散したコンテンツを持つミニマリストなデスクトップページは気を散らす要素を抑え、重要なポイントへ注意を集中させられる一方で、モバイルファーストでミニマリスト、かつ画像中心のデザインを全面的に採用したページは、デスクトップでユーザビリティ上の問題を生むと結論づけた。

[GN⁺]

Hacker Newsの意見

• モバイルファーストなウェブデザインの悪影響に関する記事
• 「Hinternet」という用語は、2007年に、洗練され付加価値のあるインターネットと、ポップアップバナーやスパムだらけのインターネットを説明するために初めて作られた。
• 「Hinternet」は現在、多くの必須サービスがモバイルファーストで設計され、しばしばオープンプラットフォームでは動作しない技術を使うインターネットの主流形態になっている。
• モバイルファーストデザインへの移行は、インターネットが垂直的な情報統合のディストピア的風景になっていく、より大きな問題の症状のように見える。
• フロントエンド開発は、HTML、CSS、そして対応するWeb APIに関する深い知識を必要とする、スタックの中で最も難しい部分と見なされている。
• 問題は単にモバイルファースト対デスクトップではなく、デザイナーが、ウェブコンテンツはユーザーの表示デバイスのサイズや形に合わせて動的かつ適応可能であるべきだと理解していないことにある。
• ハンバーガーメニューやヒエログリフの使用はモバイルには適しているが、デスクトップでは不要な手順を増やし、混乱を招きうる悪いデザイン選択と見なされる。
• 多くのウェブサイトはウィンドウサイズの変更に応じてUIを変えるが、これはウィンドウをモニターの半分を占める大きさに調整したときに、UIを使えなくしてしまうことがある。
• モバイルファーストデザインにおいて、ホバーに相当するタッチ機能が存在しないことは重要な損失と見なされる。
• 「Hero」UXの概念は、ランディングページでの過度な使用が批判されており、ユーザーが関連情報を見つけるためにマーケティングコンテンツをスクロールしたりクリックしたりしなければならない状況をしばしば招く。
• JavaScriptフレームワークとモバイルファースト画面に対する業界の執着は、一部のウェブデザイナーを主にグラフィックデザインへと回帰させる結果になった。
• 記事は、ウェブデザイナーがこの批判に同意せず、画面ごとのシンプルなコンテンツのほうがより機能し、視覚的にも分析しやすいと主張して締めくくられている.