Lorem Ipsum:プレースホルダーテキストが存在する理由
ダミーテキストを使えば、コンテンツを待たずにデザインに集中できます。でも限界があります。
「Lorem ipsum dolor sit amet...」
どこでも見かけます。モックアップ、テンプレート、デザインファイル。本物のコンテンツがいずれ入るスペースを埋める偽ラテン語。
これはランダムではありません。500年の歴史を持つ特定の目的のあるツールです。
Lorem Ipsumは実際何なのか
紀元前1世紀のキケロの作品から取られた、スクランブルされたラテン語テキスト。印刷業者は何世紀もの間、実際のコンテンツで読者を気散らすことなく書体デザインを見せるためにこれを使ってきました。
テキストは意図的に無意味です。偶然読んでしまってデザイン問題を見逃すことがありません。
なぜプレースホルダーテキストを使うか
デザインに集中。 本物のコンテンツは気を散らします。読者はレイアウト、タイポグラフィ、視覚的階層を評価する代わりに読み始めます。
並行作業。 デザイナーはライターを待ちません。ライターはデザイナーを待ちません。全員が同時に作業します。
クライアントにレイアウトを見せる。 コンテンツが存在する前にデザインコンセプトを実演。
境界をテスト。 レイアウトは長い段落をどう扱う?短いもの?プレースホルダーテキストで両方試せます。
なぜ本物のテキストを使わないのか
最終的には使うべきです。プレースホルダーテキストは問題を隠します:
長さの仮定。 Lorem ipsumは200語。本物の見出しは3語。あるいは50語。レイアウトが壊れます。
コンテンツとデザインの関係。 良いデザインはコンテンツに仕えます。コンテンツなしでデザインすると不一致を生むことがあります。
クライアントの混乱。 クライアントは時々プレースホルダーテキストに焦点を当てます。「なぜこれラテン語なの?」
Lorem Ipsumを超えて
Lorem ipsumはコンテンツ中立。時にそれは間違っています。
業界特化プレースホルダー。 医療サイト用の医療テキスト。法律事務所用の法律テキスト。同じ構造、より現実的なプレビュー。
本物のコンテンツサンプリング。 競合や過去のプロジェクトから実際のコンテンツを使う。現実的な長さとフォーマット。
コンテンツファーストデザイン。 最初に本物の見出しを書く。実際のコンテンツに沿ってデザイン。
プレースホルダーテキストのコツ
予想される長さに合わせる。 本物のコンテンツが50語なら、500語のlorem ipsumを使わない。
現実的なフォーマットを使う。 最終コンテンツに見出し、箇条書き、短い段落があるなら、それらを含める。
明確にマーク。 プレースホルダーであることを全員が知るように。本番にlorem ipsumを出荷するのは恥ずかしい。
早めに置き換え。 最後まで待たない。コンテンツが存在したらすぐに本物を入れましょう。
よくある失敗
短いプレースホルダーでデザインして、長いコンテンツを受け取る。 レイアウトは2語の見出しで動いていた。本物の見出しは文章。
コンテンツ階層を無視。 プレースホルダーテキストには構造がない。本物のコンテンツにはある。構造に対してデザインし、ただのテキストブロックではなく。
プレースホルダーテキストを出荷。 起こります。QAチェックリストは本番前に「lorem ipsum」をキャッチすべきです。
プレースホルダーを完全にスキップすべき時
コンテンツクリティカルなデザイン。 デザインの成功が特定のコンテンツに依存する場合(データビジュアライゼーションなど)、本物のデータから始めましょう。
マーケティングページ。 見出しがコンバージョンを駆動。本物の見出しでデザインしましょう。
タイトなタイムライン。 並行ワークフローは時間を節約しますが、コンテンツがすでに書かれているなら、それを使いましょう。
Lorem ipsumはデザインツールで、松葉杖ではありません。コンテンツの気散らしなくレイアウトを評価するために使い、早めに置き換え、出荷前に現実的なコンテンツ長でテストしましょう。