NOTE 005 / 2018年
ブログの検索とページ送りを直す
読み物サイトの使い勝手を、小さな改善から見直した記録です。
読了目安 約2分
記事が増えてくると、一覧をただ並べるだけでは目的の記事にたどり着けません。検索、タグ、ページ送り。導線を一つ増やすだけでも、読む人の負担は変わります。
改善では、追加する機能を小さく保つことが大切です。検索はタイトルと概要から始め、必要なら本文へ広げます。ページ送りは、現在位置と全体の件数が分かるようにします。
押さえたい点
- 01導線を一つずつ増やす
- 02検索対象を小さく始める
- 03現在位置と件数を示す
参考資料
外部サイトが開きます。内容は各サイトの管理下にあります。
- Nuxt 入門 外部サイトnuxt.com
- Nuxt モジュール 外部サイトnuxt.com
- Nuxt の描画 外部サイトnuxt.com
- Vue.js ガイド 外部サイトvuejs.org
- MDN Web Docs 外部サイトdeveloper.mozilla.org
- web.dev 外部サイトweb.dev
- W3C WAI 外部サイトw3.org
- GitHub Docs 外部サイトdocs.github.com
- Chrome for Developers 外部サイトdeveloper.chrome.com
- TypeScript ドキュメント 外部サイトtypescriptlang.org
- MDN HTTP 外部サイトdeveloper.mozilla.org
- MDN パフォーマンス 外部サイトdeveloper.mozilla.org
- パフォーマンスを学ぶ 外部サイトweb.dev