UI全般については
→UI

目次 † Edit

  1. 目次
  2. 関連
  3. UI周辺のタグ
  4. ページ/編集/UIとは
  5. 思い付き
    1. 次へ
    2. 編集直後のページ表示では、編集した行に「更新した」というマークを
    3. 実は新規作成ページなど無い
    4. 入力欄を一行テキストボックスに変更可能に
    5. プラグイン専用欄
    6. プレビューは入力欄と違うページに
    7. プレビュー不要
    8. 消すボタン封じ
    9. リロード時のページ破棄封じ
    10. フォーム
    11. 間違えにくい
    12. ヘルプ内検索ボックス
    13. とりあえず投稿
    14. 新規作成時に既存ページ名を参照したい
    15. ページ/編集ページにGoogle検索リンクを載せたい
    16. ファイル取り込み
    17. 画像を貼りやすく
  6. 早く入力するために
    1. 続けて新規作成
    2. フォーム2つに
    3. テキストボックス化
    4. 「かんたんプラグイン入力サポート」
    5. クリックで章追加
    6. ユニバーサルエディットボタン(Universal Edit Button)

関連 † Edit

検索:UI

UI周辺のタグ † Edit

Array

ページ/編集/UIとは † Edit

ページ編集のためのUIについて。

思い付き † Edit

次へ † Edit

iPhoneのSafari用に。
ページの更新ボタンを押す必要があるとき、「次へ」ボタンで更新ボタンのそばまでスクロールできる。

編集直後のページ表示では、編集した行に「更新した」というマークを † Edit

章立てになっていても、1つの章が長い場合もあるので、行単位で。

つまり、差分表示のページへ遷移。

実は新規作成ページなど無い † Edit

PukiWikiと同じく、新規作成は存在しないページの編集。

入力欄を一行テキストボックスに変更可能に † Edit

Enterで送信できるのが良い。
この場合、改行を別の文字で代用。送信されると改行になる。

挙動はGoogle:checkpad.jpのように。

プラグイン専用欄 † Edit

ページの属性を決めるようなプラグインは専用欄に書きたい。
欄内ではソート。

テキストエリア。
1行に1つ。

内部ではマージ、1つのテキストとして処理。
編集時に別れていればいい。

プレビューは入力欄と違うページに † Edit

新しいウィンドウかインラインフレームで。
本当のページでなければプレビューにならない。

プレビュー不要 † Edit

戻しやすく戻したときに跡が残らない「更新」を導入する。
→これで編集とプレビューをまとめる。
→他ページから参照される部分もプレビューできる。プレビューが他のページに影響を与えてもいい。

参照不可能でそのうち削除されるページ。
プラグインのトリガーのため。
UIから使うためのもの。プラグインでなら元から可能だから。

消すボタン封じ † Edit

IEであってもESCキーで消えないように。
ESCキーは「範囲選択を解除」とか「IMEの状態を初期化」だけでいい。

リロード時のページ破棄封じ † Edit

ページの有効期限を付けて。
またはページ遷移封じを。

フォーム † Edit

ページを作るボタンにはテキストボックスを。つまり「…というページを作る」ということ。
「ページを作る」よりも「見たいページ」のほうがいい。「…というページを見る」。作成と閲覧と検索のUIを一つに。

「…というページはありません」ではなく「…について書いてください」というメッセージ。

間違えにくい † Edit

ページの編集のUIで、Alt+SやAlt+PよりもAlt+f 1回、Alt+f 2回のほうが間違えにくい。

ヘルプ内検索ボックス † Edit

編集中にヘルプを読みたいことがある。

とりあえず投稿 † Edit

一部でも投稿できるように。
Wikiは推敲できるのが特徴なのだから。

ページ名が無い、内容が無い、プラグインに必要な引数が無い、設定が無い、クエリーが無いなど。

後で編集できるように。
※同じUIで。

新規作成時に既存ページ名を参照したい † Edit

ページ/編集ページにGoogle検索リンクを載せたい † Edit

編集ページの定義に、ページ名（フルパス）を検索するリンクを入れればいい。
ルートページ/名前も含めれば、そのWikiに関連するページだけが検索されるはず。

ファイル取り込み † Edit

定位置に置いてあるファイルを自動的に取り込む。

  1. ファイルを作る
  2. FTPクライアントなどでどこかにアップロード
    他サーバーでも可？
    ※ファイル一覧が得られないと不可能。
  3. 取り込み
  4. マークアップをページに書き込むことで貼り付け

取り込む際、ファイル名がページ名になる。
（だから/が使えない）

拡張子次第で取り込んだときのレスポンスが変わる。
レスポンスとはファイル一覧
image1.gif &ref(image1.gif);
image2.png &ref(image2.png);
など、すぐに貼れるように。

この一覧のひな形はページになっていて、編集可能。

画像を貼りやすく † Edit

画像やその他ファイルを貼るとき、既存のファイル名を調べたりしなくていいように。

  • 名前（利用者が扱う名前）が重複したら自動的に変更。
  • 時刻を名前にする。
    プラグイン呼び出しには近い時刻を付ければいい。

…のどちらかで。

「1つ前の」という指定で埋め込める。
編集時に展開されるように。

  • ファイルの種別はMIMEか拡張子から自動判別。

早く入力するために † Edit

続けて新規作成 † Edit

新規作成ページはページ一覧を備える。
で、送信後にまた空の新規作成ページを返すように。
続けて新規作成ができるようになる。

新規作成ページを別フレームにするのもいい。

フォーム2つに † Edit

フォームを2つ用意、Tabキーでフォーカスを移して、1文字でも入力した時点で前のフォームを（バックグラウンドで）送信。
というのもいい。
1文字入力を待つのは間違い防止のため。
全てのページを打ち終わったら「送信」ボタン。最後のフォームを送信してページ遷移。

テキストボックス化 † Edit

最近編集したページ一覧を。
選択するとテキストボックス化。編集後、送信ボタンで送信。ページ名に戻る。

「かんたんプラグイン入力サポート」 † Edit

@wikiの「かんたんプラグイン入力サポート」のようなものはどうか？
要はパラメータの意味を出すヘルプがあればいい。入力欄は分けないほうがいい。

打っているそばから表示更新…はカーソル位置が得られないと…差分を得て…は重くて無理。
→選択すると表示。

クリックで章追加 † Edit

最初の章と最後の章には「ここに追加」ボタンを。
全章に付けてもいい。
ページの途中、任意の章の前に追加するのをやりやすく。

ユニバーサルエディットボタン(Universal Edit Button) † Edit

<link rel="alternate"
 type="application/wiki"
 title="このページを編集..."
 href="?%E3%83%9A%E3%83%BC%E3%82%B8%2F%E7%B7%A8%E9%9B%86%2FUI&cmd=edit"
/>

†http://universaleditbutton.org/%E6%97%A5%E6%9C%AC%E8%AA%9E