名詞句: Wall Of Text
複数形: Walls Of Text
IPA表記: /ˈwɔːl əv tɛkst/
読み表記: ウォール・オブ・テキスト / WAWL-uhv-tekst
意味:
見出しや適切な余白、画像の挿入などが欠落し、訪問者に強い認知的負荷を与えて離脱を招く長大で単調なテキストの塊。
一般的な訳語:
文字の壁、ベタ打ちテキスト、長文の塊。UI/UXデザインやWebライティングの現場では、可読性を損なうアンチパターンとしてそのまま「ウォール・オブ・テキスト」と呼ばれる。
詳細:
WebタイポグラフィやUI設計において混同されやすい表現に「Block Of Text(テキストブロック)」がある。Block Of Textは、本文の段落やまとまった文章群を指す客観的かつ中立的なレイアウト用語である。適切な行送りや文字サイズが設定された読みやすい段落も、すべてBlock Of Textと呼ばれる。
これに対してWall Of Textは、「壁(wall)」の名の通り、ユーザーの視線や読解を拒絶する障害物となってしまっている「否定的なUI状態(アンチパターン)」を能動的に指す。Webユーザーは文章を一字一句精読せず、見出しや画像を頼りに視線を走らせて流し読み(スキャン)する特性を持つ。適切な小見出し、箇条書き、余白、視覚的アセットが存在しない長文は、ユーザーに「読むのが困難である」という心理的障壁を感じさせ、直帰率を跳ね上げる直接原因となる。Block Of Textが「画面上に配置された文章の塊そのもの」を中立的に指すのに対し、Wall Of Textは「情報設計を怠った結果、ユーザー体験を損ねている欠陥構造」を批判的に表現する点で明確に異なる。
ネイティブな組み合わせ:
- Break Up A Wall Of Text (文字の壁を分割して解消する)
"Designers should insert relevant icons, subheadings, and callout boxes to break up a wall of text."
デザイナーは文字の壁を分割して解消するために、関連するアイコン、小見出し、およびコールアウトボックスを挿入すべきだ。
- Avoid A Wall Of Text (文字の壁を避ける)
"To improve mobile readability, content creators must avoid a wall of text by keeping paragraphs under three lines."
モバイル環境での可読性を高めるため、コンテンツ制作者は段落を3行以内に抑えることで文字の壁を回避しなければならない。
- Turn Into A Wall Of Text (文字の壁と化してしまう)
"Without proper visual hierarchy, even well-researched copy will quickly turn into an intimidating wall of text."
適切な視覚的階層がなければ、入念に調査された原稿であっても、あっという間にユーザーを威圧する文字の壁と化してしまう。
動画から切り取った生の文:
"(5:50) Most of the time you will be basically getting what you see from clients: a wall of text with some headings in between."
多くの場合、クライアントから受け取るのは基本的にこのようなものです。つまり、間にいくつかの見出しが挟まれただけの文字の壁です。
"(8:11) Another smaller rule to follow about laying out websites is that you should avoid walls of text; this is why I chose the layout with an image to avoid this."
Webサイトのレイアウトで従うべきもうひとつの細かなルールは、文字の壁を避けるべきだということです。これを防ぐために画像を含むレイアウトを選択したのはそのためです。
"(9:59) Next up is this basic wall of text; for this I will use a two column text layout."
次はごく普通の文字の壁です。これに対しては2カラムのテキストレイアウトを使用します。
例文内の重要語句:
- Callout Box: コールアウトボックス(重要な要点や注記を目立たせるために、背景色や枠線で本文から視覚的に独立させた強調ブロック要素)
- Visual Hierarchy: 視覚的階層(文字サイズ、太さ、余白、コントラストの強淡によって、情報の優先順位や読む順番を直感的に伝えるレイアウト構造)
- Readability: 可読性(タイポグラフィ、行送り、段落の長さなどを最適化し、ユーザーが文章をスムーズに読み進められる視覚的な負荷の低さ)

0 件のコメント:
コメントを投稿