web-dev-qa-db-ja.com

複数のデバイス用のレスポンシブページを設計する際の切り捨てとテキストの折り返し-どちらが良いですか?

レスポンシブになるように設計されたレディのみのフォームの場合、一部のフィールドは長く、一部は短いです。現在、デフォルトの動作では、スペースの制約に基づいて長いフィールドが切り捨てられます。カーソルを合わせると、切り捨てられたテキストを読み上げるためのツールチップが表示されます。

これは、これらのレスポンシブページのツールチップまたはaltタグにカーソルを合わせていないタブレットまたはモバイルデバイスでどのように機能しますか?

切り捨てではなくラッピングを使用することを考えますが、これによりコンテンツが押し下げられ、長いフォームがさらに長くなります。

では、スペースに合わない長いテキストを処理する方法についてのベストプラクティスまたはルールはありますか?

3
Kavini

あなたがあなたのテキストを切り捨てることで大丈夫であるならば、特にそれがラベルであるならば、そのテキストの価値について本当に疑わしいものがあります。また、Webは垂直方向にスクロールおよび拡大するように設計されており、重要な情報をデザインやアプリケーションから覆い隠したり完全に隠したりするのではなく、これを活用してメリットを得る必要があります。

これを回避できないシナリオがいくつかあります。

  • 表形式のUI(スプレッドシート)
  • 長い記事を折りたたんで、より小さなティーザー/イントロを表示します。このような場合は、常に「全文を読む」リンクを提供できます(提供する必要があります)。

他のケースは考えていません。できれば、それらが何であるかを確認したいです。

1

ここでの経験則の1つは、「コンテンツの半分を捨てて、残りの半分を捨てる」だと思います。基本的には、単にコンテンツの本質に到達しようとすることです。他のサイトが簡潔な行動を呼びかけ、情報を提供する方法を確認してください...

何度も引用されているように、ユーザーは読んでおらず、スキャンしています。

結果のコンテンツでもコンテンツが押し下げられる可能性がありますが、無駄なテキストを排除することでそれを制限できます。そのため、質問に答えるために、Webサイトの目的を示す重要な部分を非表示(切り捨て)にしないでください(したがって、ユーザーにとってのメリット)、関心のあるユーザーにとってのみ重要なテキストのみを切り捨てます。ニュース記事(ユーザーに詳細を教える)

読む本:

  • 「私に考えさせてはいけない」-スティーブ・クルーグ
  • 「言葉を捨てる」-ジャニス・レディッシュ
1
Xabre