インターフェースガイドライン

2008年9月12日 (金) 18:22時点におけるTakayuki ISHIKAWA (トーク | 投稿記録)による版 (スペイン語への link)

(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先: 案内, 検索

このドキュメントは、信頼できるものではありません。アイディア一覧であり、現在作成中です。

シンプルにする

きっちり仕事をするには、最小限のインターフェースが必須です。

標準ページ

活動モジュール

  • index.php - コース内におけるそのモジュールすべてのインスタンス一覧
  • view.php - 特定のインスタンスを表示
  • config.html - モジュールインスタンスの設定

ブロック

  • config.html - ブロックインスタンスの設定

主要な関数/ページに1つのスクリプト

...

ページレイアウト

  1. print_heading()関数でヘディングをプリントし、IDおよびClassにCSSを使用します。
  2. print_simple_box()関数でテキストの周囲にボックスをプリントし、IDおよびClassにCSSを使用します。

フォームレイアウト

  1. 重要度の高い設定をトップに表示します。
  2. それぞれのエントリはラベルを付け、必要であればヘルプファイルを設置してください。
  3. 10以上のオプションがある場合、オプションを必須および任意/特別/拡張パラメータに分けてください。

テーブルの処理

可能な場合、いつでもprint_table()関数を使用してください。

標準的なナビゲーションツール

  1. すべてのページで、print_header()関数を呼んでください。この関数により、標準的なナビゲーションパスが表示されます。ナビゲーションパスは次のように表示されます: コース >> インデックス >> インスタンス >> サブページ ...
  2. 活動モジュールのページでは、適切なナビゲーションメニューを生成するnavmenu()関数を呼んでください。

URL

  1. URL (URI) は可能な限り短くしてください。
  2. パラメータまたはファイル名にアンダースコア ( _ ) を使用しないでください。
  3. 1つの単語が使われている場合、2つの単語を使わないでください。

ボタン vs リンク

これは定義することが難しい内容です ...

Google Web Acceleratorに関する情報は、ここで明らかにいくつかの指針をもたらします:

  1. Moodleの状態 (データファイル、データベース、セッション情報) を変更できるためのアクションは、ボタンを通じて実行されるべきです。
  2. 最低限でも、リンクのようなインプリメントされたアクションは、ボタンを使用する確認ページにフォーワードされるべきです。

CSSネーミング

ヘルプへのリンク

  • ヘルプボタンは、入力欄等の右側に置くべきです (入力欄等が右詰めにしてある場合、左側に置くことができます。)。

関連情報

Robin Good's Latest News. "Interaction Design Meets Online Real Estate" 1 Mar. 2005 (英文) http://www.masternewmedia.org/news/2005/03/01/interaction_design_meets_online_real.htm

この記事は、人間の行為に焦点を合わせたバーチャルスペースの表示方法に関して書かれています。これは、Moodleのようなコミュニカティブ・アプローチを思い起こさせます。インターフェースは、コニュニケーションツールのハンドルとして動作します。