編集に関わるUIについては
→ページ/編集/UI[?]

目次 † Edit

  1. 目次
  2. 関連
  3. UI周辺のタグ
  4. UIとは
    1. 見出しごとのスクロール
    2. スクロールバーを豪華に
    3. 画面切り換え
    4. 浮き上がるUI
    5. 複数ページをまとめて扱う
    6. 一覧の効果を最大化
    7. パーマリンク/静的リンク中心
    8. 参考に

関連 † Edit

検索:UI

UI周辺のタグ † Edit

Array

UIとは † Edit

ユーザーインターフェイスについて。

→スタイル/テーマ

見出しごとのスクロール † Edit

概観のためのUI。

見出しごとの表示、「次の見出し」「前の見出し」をアクセスキーで。
ページ最後の見出しで同じキーを押すと終端という意味の表示を。(ページ終端を黄色く光らせるなど)
終端で同じキーを押すと次のページへ。(前後関係のあるページがある場合)

移動量が分かりにくい。特に大きなセクションを越えたとき。
どれだけ移動したか分かりやすくするのは別のUIの役目。例えばスクロールバー関係。
&ref(): File not found: "章ごとのスクロール.gif" at page ":Image";

スクロールバーを豪華に † Edit

例えばGoogle Chromeは検索した語がどこにあるかスクロールバー上で表示。強調表示のマップを作る。

もっと豪華にすると検索:Sublime Textのようなプレビューに。
こういうマップは常時表示のほうが分かりやすい。
画面の横幅が足りないときは細くして行頭だけの表示に。

画面切り換え † Edit

フェードアウト／インだけでもいい。
クリック→全体を単色化する→フェードアウト→フェードイン→カラーリング。
単色化には1枚で全画面をカバーするフィルターのようなものがないと不可。

浮き上がるUI † Edit

フォーカスを得ると浮き上がる。バルーン化。

複数ページをまとめて扱う † Edit

RegExpで複数ページをまとめて指定、それらをページとして扱い、クエリーをそれぞれに与えたい。
選択された全ページで受け付けられないクエリーでもいい。適用されないだけ。

APIも。

一覧の効果を最大化 † Edit

検索結果でページ複数選択→まとめて削除など。
一覧が現れる場面ではまとめて同じ操作をしたいことが多い。

ユーザーの要求と（ちょうどいいビューがそこにある）実装が合致する好機。

パーマリンク/静的リンク中心 † Edit

URI。
動的な（意味が変わる）リンクは使わない。
検索結果、検索ボックスの既定値、フォーカス位置、ダンプのダウンロードページのオプションなども。

参考に † Edit

クリエイターのためのライフハック | マイナビニュース