web-dev-qa-db-ja.com

大きなフォントサイズの傾向

ここ数年の間、WebサイトとプログラムのUIフォントサイズは徐々に増加しています。グーグルでさえフォントサイズを大きくしました。

これはインターネットの高齢化によるものでしょうか?サイトとプログラムのUIのデフォルトのフォントサイズを増やす必要がありますか?

11
johnfound

インターネットの高齢化とは関係ないと思います。実際には

過去5年間、オンラインで65歳以上の人の数は比較的変化していません

高齢化とインターネットの使用

皆さんが見ている変化は、次の2つにあると思います。

1)ディスプレイサイズとDPIの変更。 14pxフォントは、3840 x 2160のディスプレイでは読み込めません。または腕の長さで開催されたスマートフォンで。

2)フォントサイズが実際には小さすぎることが多いため、最初は理解できない。それは、インターネットの人口が大幅に異なるということではありません。世界の大部分が、完全な表示条件で20/20ビジョンで製品を表示していないという事実に人々がようやく目覚めたということです。フォントサイズが小さすぎるのは、過去15〜20年間のユーザビリティテストで何度も何度も出てきたものです。

あなたのサイトのフォントサイズを大きくする必要があるかどうかについては-それらが小さすぎるかどうかによって異なります;-)

14
adrianh

フォントサイズの変更には、リストされているもの以外にもいくつかの理由があると思います。必ずしも年齢に関係があるとは思いません。

以前はWebデザイナーが完全に制御していました。私の経験では、今より多くのユーザーテストを行っています。つまり、「その記事はほとんど読めない」または「私の視力は完璧ではないので、見つけるのに1分かかるかもしれません...」などのフィードバックをデザイナーが聞くことができます。等.

また、数年前よりも「アクセシビリティ」の問題にもっと気づいていると思います。 WCAG 2.0、セクション508、AODAなどにより、多くの組織は必須のアクセシビリティ法に準拠する必要があります。これは最小フォントサイズを決定するものではありませんが、デザイナーはサイトの美観よりもユーザーのニーズを考慮する傾向があります。

2

私は完全に同意しません。書籍は、黎明期から10から12ポイントのテキストのフォントで書かれています(誇張あり)。同時に多くの単語を取り込むことができるため、読みやすくなります。多くのサイトでは、快適に何かを読むために、腕を完全に伸ばしたまま、頭をラップトップから遠ざける必要があります。また、行の高さが大きいデータのテーブルの傾向は、まったくばかげています。データをスキャンして現在必要なものを見つけるのは非常に難しいのですが、同じ理由で、一度に多くのデータを取り込むことはできません。これは、比較的まれな(幸運なことに)フォルダ選択ウィンドウのようなもので、サイズを変更できず、4行しか含まれていません。フォルダへの移動は本当に難しいです。

ページとデータのレイアウトの原則は、本、雑誌、出版物で非常に長い期間にわたって確立され、開発されてきました。何らかの理由で、これらの論理的かつ科学的に基づいた設計基準をすべて、現在のWebサイト設計の枠から外しています。

デザイナーは、ページの下部と上部の両方に恒久的な空白スペースバーを配置し、フォントと行間隔を大きくして、一度にページ上に実際のコンテンツの最小量のみを残しています。

携帯電話やタブレットで変更が必要なことは理解できますが、レイアウトはこれらのデバイスを使用している場合にのみ変更する必要があります。現在、ほとんどではないにせよ、多くの人がラップトップを使用しています。したがって、ディスプレイが大きいと言っても事実ではありません。

私たちが今力を持っているなら、私たちが使用しているどんなデバイスでもサイトを適切に表示することに焦点を当てましょう-コンテンツに視覚的なアピールを置かないでください(私はあなたを直接見ています)。一般的に使用されるメニュー/ボタン/機能の非表示をやめて、「乱雑にする」ことを優先しましょう。散らかったワークスペースを使用するのが恐ろしいのなら、それは何ですか?

アンドリュー

2
user93301

フォントサイズの増加は、高齢化する人口よりも、コンテンツの読みやすさと可読性を重視することに関連しています。世界は一般的にオンライン化も進んでおり、これによりこれらの分野での考え方と注目が高まっています。他の分野で学んだ教訓を取り入れ、必要に応じて調整し、新しいメディアに適用します(該当する場合)。

1
Hynes

フォントサイズを変更するのには多くの理由があります。また、決定は主に印刷デザインのガイドラインと原則の以前の仮定に基づいており、より多くのテストとユーザビリティ分析により、より多くの実務者とデザイナーがより大きなデフォルトに変更することを選択しています。フォントサイズ。

Oliver Reichenstein による読みやすさ/読みやすさの側面を主張する主要な記事、および Smashing Magazine の他の領域をカバーするより一般的な記事に興味があるかもしれません。

0
Michael Lai

Web全体でフォントサイズが大きくなっている理由の1つは、Webデザイナーとユーザーがコンテンツの明瞭さをより重視しているためだと思います。 MediumSmashing Magazine などのサイトは、多くの場合、主題に関連するコンテンツが大量に含まれる記事を公開し、より大きなテキストはコースに並ぶ-物事をきれいに保つ、ただし読みやすく、アクセスしやすく、かつてないほど多くのフォントを選択できます。

Web 1.0の古い「10-12px Verdana」段落のフォントサイズ。アクセシビリティ、読みやすさ、明快さ、順応性(レスポンシブWebコンテキストで)、そして最後に、美的美しさなど、ほぼすべてのレベルでこれ以上カットしないでください。 WebデザイナーがWebタイポグラフィをこれまで以上に尊重して扱っていることを気に入っています。私たちの媒体にとって非常に重要であり、長いストーリーを短くすることは、 私たち持っているtheテクノロジー です。 ;)

0
user46618

デバイスも大きくなりました。 10年前、ユーザーは主に14インチのモニターを使用していました。今では、最も初心者のユーザーでさえ18インチ以上のディスプレイを使用することがよくあります。

さらに、電話の画面が大きくなりました。メカニカルキーパッドはほぼ完全に削除され、ビューに応じて表示/非表示になるデジタルキーパッドが採用されました。

0
Patrick Coombe