「インターフェースガイドライン」の版間の差分
提供:MoodleDocs
Mitsuhiro Yoshida (トーク | 投稿記録) |
Takayuki ISHIKAWA (トーク | 投稿記録) 細 (スペイン語への link) |
||
(他の1人の利用者による、間の3版が非表示) | |||
1行目: | 1行目: | ||
このドキュメントは、信頼できるものではありません。アイディア一覧であり、現在作成中です。 | このドキュメントは、信頼できるものではありません。アイディア一覧であり、現在作成中です。 | ||
9行目: | 7行目: | ||
==標準ページ== | ==標準ページ== | ||
=== | ===活動モジュール=== | ||
*''index.php'' - コース内におけるそのモジュールすべてのインスタンス一覧 | *''index.php'' - コース内におけるそのモジュールすべてのインスタンス一覧 | ||
40行目: | 38行目: | ||
==標準的なナビゲーションツール== | ==標準的なナビゲーションツール== | ||
# | # すべてのページで、print_header()関数を呼んでください。この関数により、標準的なナビゲーションパスが表示されます。ナビゲーションパスは次のように表示されます: コース >> インデックス >> インスタンス >> サブページ ... | ||
# 活動モジュールのページでは、適切なナビゲーションメニューを生成するnavmenu()関数を呼んでください。 | # 活動モジュールのページでは、適切なナビゲーションメニューを生成するnavmenu()関数を呼んでください。 | ||
76行目: | 74行目: | ||
[[en:Interface_guidelines]] | [[en:Interface_guidelines]] | ||
[[es:Manual de estilo de la interfaz]] |
2008年9月12日 (金) 18:22時点における最新版
このドキュメントは、信頼できるものではありません。アイディア一覧であり、現在作成中です。
シンプルにする
きっちり仕事をするには、最小限のインターフェースが必須です。
標準ページ
活動モジュール
- index.php - コース内におけるそのモジュールすべてのインスタンス一覧
- view.php - 特定のインスタンスを表示
- config.html - モジュールインスタンスの設定
ブロック
- config.html - ブロックインスタンスの設定
主要な関数/ページに1つのスクリプト
...
ページレイアウト
- print_heading()関数でヘディングをプリントし、IDおよびClassにCSSを使用します。
- print_simple_box()関数でテキストの周囲にボックスをプリントし、IDおよびClassにCSSを使用します。
フォームレイアウト
- 重要度の高い設定をトップに表示します。
- それぞれのエントリはラベルを付け、必要であればヘルプファイルを設置してください。
- 10以上のオプションがある場合、オプションを必須および任意/特別/拡張パラメータに分けてください。
テーブルの処理
可能な場合、いつでもprint_table()関数を使用してください。
標準的なナビゲーションツール
- すべてのページで、print_header()関数を呼んでください。この関数により、標準的なナビゲーションパスが表示されます。ナビゲーションパスは次のように表示されます: コース >> インデックス >> インスタンス >> サブページ ...
- 活動モジュールのページでは、適切なナビゲーションメニューを生成するnavmenu()関数を呼んでください。
URL
- URL (URI) は可能な限り短くしてください。
- パラメータまたはファイル名にアンダースコア ( _ ) を使用しないでください。
- 1つの単語が使われている場合、2つの単語を使わないでください。
ボタン vs リンク
これは定義することが難しい内容です ...
Google Web Acceleratorに関する情報は、ここで明らかにいくつかの指針をもたらします:
- Moodleの状態 (データファイル、データベース、セッション情報) を変更できるためのアクションは、ボタンを通じて実行されるべきです。
- 最低限でも、リンクのようなインプリメントされたアクションは、ボタンを使用する確認ページにフォーワードされるべきです。
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のようなコミュニカティブ・アプローチを思い起こさせます。インターフェースは、コニュニケーションツールのハンドルとして動作します。