ページ最上部にカラーバー Edit


編集に関わるUIについては

→ページ/編集/UI[?]

ページの種類で色分け。

通常、その他…黒

警告付き…赤

編集…青

ユーザーアカウント…黄

目次 Edit

  • -
    これはスタイルシートと別。

    Wikiの設定で使うか使わないかを選択。

関連 Edit

ナビは最上部か最下部に Edit


検索:UI

ナビは最上部か最下部に。

グローバルナビはスクロールですぐに消えるほうが煩わしくなくて良い。

編集などといった操作をするUIは常に示されていたほうが良い。

UI周辺のタグ Edit

Array
示中のページに関することは常時示、他のページに関することはスクロールした(利用者が移動するためリンクを探している)ときに見えればいい。

ドラッグ対応チェックボックス Edit

UIとは Edit


ドラッグでON/OFFできるチェックボックスが欲しい。

プッシュボタンの。

プッシュボタンのラジオボタンも。

ドラッグできるチェックボックス Edit


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

ドラッグでチェックできるチェックボックス。

見た目をチェックボックスとは違うチェックボックスにしないと。
  • 見つめさせないこと
  • ページ遷移時のアイキャッチ
    NPHというわけではないので、ページを去るときに。

    入力のレスポンスとして。
  • アクセスキー
    DOMのクラスごとにアクセスキーを。

    同じキーを数回押す使い方。
  • UIの遷移図を

    ドラッグすると、マーカーで塗ったような色がつく。

    1回のドラッグではONかOFFのどちらか一方の操作だけ。1回のドラッグ中にトグルはしない。最初の1つめがONかOFFか次第。

スタイル/テーマ

区切りタグ Edit


タグクラウドを区切り線にする。

大きさを変えると見た目がよくないので、色の強弱で。

画面切り換え Edit


フェードアウト/インだけでもいい。

クリック→全体を単色化する→フェードアウト→フェードイン→カラーリング。

単色化には1枚で全画面をカバーするフィルターのようなものがないと不可。

浮き上がるUI Edit


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

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


RegExpで複数ページをまとめて指定、それらをページとして扱い、クエリーをそれぞれに与えたい。

選択された全ページで受け付けられないクエリーでもいい。適用されないだけ。

これを縦線にも使用。

2カラムレイアウトの区切りにする。

APIも。

AutoPagerモード Edit


AutoPagerのようなのを実装するならスクロールバーを消す。

AutoPagerモードOFFでスクロールバー示。

一覧の効果を最大化 Edit


検索結果でページ複数選択→まとめて削除など。

一覧が現れる場面ではまとめて同じ操作をしたいことが多い。

タイトルとURLをコピペ Edit


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

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


URI。

動的な(意味が変わる)リンクは使わない。

検索結果、検索ボックスの既定値、フォーカス位置、ダンプのダウンロードページのオプションなども。

ページ名部分をバックリンク一覧へのリンクにしないのなら)シングルクリックでページ名をコピペできるように。

内部リンクを作りやすくするため。

最後に参照したページ Edit

参考に Edit


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

もしWiki外へ出ても元のWikiページに戻れるように、

クライアント側データに「最後に参照したページ」のIDを残す。

クッキーがいい。

履歴すべてを残したいところだが、クライアント側のIDとサーバー側のDBで実現。(データが大きくなるので)

日付別ページ一覧 Edit


日付を元にページを作る場合(日記とかブログとか)に。

作業記録にも。Wikiの沿革にも。→:沿革
  • 縦にリスト示。縦スクロール。各項目にページへのリンクと内容の要約を。
  • 左側にカラーバー(月別)
  • ページの無い日付には空欄。カラーバーなし。
    項目間の間隔が分かるように。カラーバーと同じ効果。
  • スケール変更。1時間とか1分ごとに1項目〜1年ごとに1項目くらいまで。
  • スケールに見合った範囲のページ一覧を、1つの項目に詰め込む。+「もっと見る」リンク

これを汎用化するとスプレッドシート示になる。

含まれるファセットを列に、行をページにして。列の中には作成日時や最終更新日時、全ページ中の相対的な更新頻度(を色でしたもの)なども。

:i/タイムラインを時系列順に並べるもの。

:i/UI/ Edit