ヴィンテージ風 ダイニングチェア/食卓椅子 〔2脚セット ブラウン〕 幅42cm 木製脚付き 合成皮革張地 〔台所 リビング〕〔代引不可〕[直送品]

Column

ブログページの「前へ」「次へ」はどっちが新しい？あいまいワーディングの罠

一番くじ 僕のヴィランアカデミア C賞 トガヒミコ MASTERLISE ニューウェイジャパン パイウェイ ミストエクストラ 2000ml

「前へ」「次へ」はブログ記事ページによくあるナビゲーションですが、皆さんはどちらが新しい記事だと思いますか？

下の画像を見てください。

「前」？「次」？ブログ記事において頻繁に使われている表現なので、気に留めないかもしれません。しかし実は意味が伝わりにくい、曖昧な表現である事に気づきます。

適切なナビゲーションのワーディングとは？

CMSを利用したサイトを設計する際、ナビゲーションなど動的に生成されるモジュールは、ワイヤーフレームやデザインの段階では、ユーザー体験が見えにくい事があります。
記事の新しい・古いを表すナビゲーション（ページング）には、世間の各ブログサービス毎でも様々なルールが存在し、明確な答えがあるわけではありません。
「判りやすさ」「使いやすさ」については、個人の感覚に沿う部分がある事もまた事実です。
そこで今回、数々のブログサイトのページングのうち、「新しいとも古いとも取れる、曖昧な意味を持つ言葉の組み合わせ」をいくつかピックアップして選択形式のアンケートを実施し、個人個人の捉え方の違いについて調査してみました。

※WEB制作部メンバー18名を対象にアンケートを実施
【アンケート】ブログ記事のページングについて
　　ブログ詳細ページの下部によくある、前後の記事へのリンクについて、下記の内一番しっくりくるものはどれ？（正しいというよりも感覚的に合うもので結構です）

1 ＜前へ　次へ＞
2 ＜次へ　前へ＞
3 ＜戻る　進む＞
4 ＜進む　戻る＞
5 ＜以前の記事へ　以後の記事へ＞
6 ＜以後の記事へ　以前の記事へ＞
7 その他（言葉の組み合わせを記載下さい）

回答：
理由：

生まれのブランドで 木脚 チェア ダイニング 北欧風 2脚セット イームズチェア デザイン ※同色2脚セット 送料無料 家具 インテリア 椅子 リビング デスク ダイニングチェア カラー:ダークグレー

順位 ページング 割合
1 ワインディングマシーン ウォッチワインダー 腕時計用ケース 自動巻き 2本巻 インテリア おしゃれ収納ケース コレクションケース SG 32%
2 7その他（言葉の組み合わせを記載下さい） 28%
3 3＜戻る　進む＞ 10%
4 5＜以前の記事へ　以後の記事へ＞ 10%
5 6＜以後の記事へ　以前の記事へ＞ 10%
6 2＜次へ　前へ＞ 分割式 脚付きマットレスベッド 国産 ベッドパッドシーツ付き セミシングル ショート丈 脚15cm
7 4＜進む　戻る＞ 5%

No.1 が1番多く、次にNo.7（その他）が続きます。

No.7（その他）で記入された内容は以下のようなものでした。

  • 新しい記事へ、古い記事へ
  • 古い記事へ、新しい記事へ
  • 一つ古い記事へ　一つ新しい記事へ
  • 前の記事へ　次の記事へ

アンケートでは予想以上に個人個人の感覚の違いが見受けられました。
その中で、何を理由に「しっくりくる」と判断したのかについては、「ワーディング」「習慣」という２つのキーワードが見えてきました。

「ワーディング」で判断

下記の選択理由からは、それぞれ選んだ答えは違っても、意味があいまいな選択肢は避けなんの言葉が使われているかを基準に選択しているのがわかります。

  • ジャパネスク 和柄 スカジャン メンズ 鶴 月 波 長寿 リバーシブル 刺繍 ジャケット アウター SUKAJAN Japanesque 3RSJ-032 ホワイトデー ラッピング プレゼント
  • 【1を選択】「以後の記事へ」はまだ投稿されていない未来の記事を連想させるので避けた。
  • 【7「＜新しい記事へ　古い記事へ＞」を記入】どちらが記事としては新しく、古いのかがわかる判断材料が欲しい。
  • 【7「＜新しい記事へ　古い記事へ＞」を記入】以前、以後だと特に「以後」のニュアンスに違和感がある。

「習慣」で判断

下記の理由からは「よく見ているページ遷移と同じ」という習慣で選択しているのがわかります。

  • 【3を選択】左右の位置関係はブラウザの進む／戻るボタンと同イメージ。進む＝新しい　戻る＝古い　の感覚かなあ。
  • 【7 「前の記事へ」「次の記事へ」を記入】「◯◯ブログ」をよく見ているのでそれと同じものが一番しっくりきます。
  • 【1を選択】よく見るブログがこのパターンだからしっくりくる。

「ブラウザの進む／戻るボタン」と同じイメージというのは、Webサイトならではの習慣で面白いですね。

世間のWebサイトで使われているワーディング

生まれのブランドで 木脚 チェア ダイニング 北欧風 2脚セット イームズチェア デザイン ※同色2脚セット 送料無料 家具 インテリア 椅子 リビング デスク ダイニングチェア カラー:ダークグレー

「判りやすさ」「使いやすさ」を考え、【希少■オシャレ】ノースフェイスダウンジャケット　ブルーグレー　レディースL相当では、前後の記事へのナビゲーションを以下のようにしています。

なめぱらPC版では、アンケートの7.（その他）結果でも出てきた「＜新しい記事へ　古い記事へ＞」を使用しています。スマートフォン版では押しやすさを考慮し、バッファロー SSD-PUT500U3-BKA ［TV対応で表現しています。

生まれのブランドで 木脚 チェア ダイニング 北欧風 2脚セット イームズチェア デザイン ※同色2脚セット 送料無料 家具 インテリア 椅子 リビング デスク ダイニングチェア カラー:ダークグレー

上記で挙げた他にも、各ブログサービス毎に様々な表記が存在します。

  • ＜Prev　Next＞
  • ＜Back　Next＞
  • ＜前のページへ　次のページへ＞
  • 【返品交換不可】大特価 MIZUNO（ミズノ） F TOUR 270（テニス）硬式テニス ラケット 63JTH97301
  • ＜(記事投稿日)　(記事投稿日)＞
  • ＜前の投稿　次の投稿＞
  • 「＜」「＞」のみ
  • ＜Newer Posts　Older Posts＞

生まれのブランドで 木脚 チェア ダイニング 北欧風 2脚セット イームズチェア デザイン ※同色2脚セット 送料無料 家具 インテリア 椅子 リビング デスク ダイニングチェア カラー:ダークグレー

前後の記事へのページングを考えるときには、最新記事から遷移してくるユーザーだけではなく、ブックマークやSNSのリンク、検索エンジンでの検索結果経由で来るユーザーなども想定しなければいけません。
読む人を「迷わせない」「不快な気分にさせない」為に、曖昧な表現を避け、すべてのユーザーが同じ意味に捉えることができる表現をすることが大切だと思います。
常に快適なユーザー体験を提供出来るよう、細心の注意を払ったサイト制作を心掛けていきたいと思います。

この記事を書いたメンバー

ポケモンカード ダークファンタズマ 10BOX

ネックレス 喜平 メンズ ゴールド ペリドット ペンダント 10金 K10

記事の更新をお知らせします！

デッキテープ付き！　7.3インチ　DEATH WISH スケボー ティーブティック スイートサクラティー 緑茶10TB×20セット 52022

Recommend

Weekly Ranking