続きを読む

Read more / Show more

長い文章を数行で省略表示しておき、クリックすると同じ位置でそのまま展開して全文を表示するUI。

週末の富士登山、初心者向けルート案内

五合目からの吉田ルートは初めてでも歩きやすく、山小屋も多いため人気です。出発は早朝がおすすめで、 御来光を山頂で迎えるなら夜間登山の計画も検討してください。装備は防寒着・雨具・ヘッドライトが必須で、 標高差があるため水分と行動食もこまめに補給しましょう。八合目を過ぎると渋滞が発生しやすいので、 時間には余裕を持ったスケジュールを組むと安心です。下山は太陽の光で足元が見えづらくなる砂走りルートに 注意し、無理のないペースで下ることが怪我の予防につながります。

○ 使う場面

  • 記事の要約やレビューなど、1つの文章ブロックの高さを一覧上で抑えたいとき
  • 全文を読みたい一部のユーザーだけに展開させたいとき

× 避ける場面

  • 複数セクションを構造化してそれぞれ独立に開閉させたいとき(→アコーディオン)
  • 一覧の後続アイテムそのものを追加で取得・表示したいとき(→もっと見るボタン)

別名

もっと見る、続きを見る、テキスト展開

近縁種との比較

「続きを読む」は英語の“Read more”をそのまま訳した表現で、紙の雑誌や新聞が紙面の都合で本文を「次ページへ続く」と省略する編集上の慣習を、クリック一つで同じ画面内に展開する形でWeb向けに置き換えたUIと言える。

近縁種違い・使い分け
もっと見るボタン「もっと見る」という表記はこのエントリ(続きを読む)と一覧末尾に新しい項目を追加取得するもっと見るボタンの両方を指すため紛らわしいが、前者は既に手元にある文章の表示/非表示を切り替えるだけのクライアント側の開閉であるのに対し、後者は多くの場合サーバーから新規データを取得する点で処理の性質が異なる。
アコーディオンアコーディオンとは、複数セクションを構造化して並べるか単一ブロックの省略・展開に特化しているかという粒度の違いで区別され、続きを読むはアコーディオンより単純で見出しを持たない。

分類

機能・役割
  • ナビゲーション
  • 入力・操作
  • 表示・整理
  • フィードバック・状態
表示レイヤー
  • インライン
  • 固定・追従
  • オーバーレイ
  • 全画面・遷移
複雑さ
  • 単体パーツ
  • 複合パーツ
  • セクション