「インターフェースガイドライン」の版間の差分
提供:MoodleDocs
Mitsuhiro Yoshida (トーク | 投稿記録) |
Mitsuhiro Yoshida (トーク | 投稿記録) |
||
30行目: | 30行目: | ||
==フォームレイアウト== | ==フォームレイアウト== | ||
# | # 重要度の高い設定をトップに表示する。 | ||
# | # それぞれのエントリはラベルを持ち、必要であればヘルプファイルを持つ必要がある。 | ||
# If there are more than 10 options, split them into required and optional/extra/advanced parameters | # If there are more than 10 options, split them into required and optional/extra/advanced parameters | ||
2006年11月13日 (月) 20:28時点における版
作成中です - Mitsuhiro Yoshida 2006年11月12日 (日) 17:47 (CST)
このドキュメントは信頼できるものではありません。アイディア一覧であり、現在作成中です。
シンプルにする
きっちり仕事をするには、最小限のインターフェースが必須です。
標準ページ
活動モジュールmodules
- index.php - コース内におけるそのモジュールのすべてのインスタンス一覧
- view.php - 特定のインスタンスを表示する
- config.html - モジュールインスタンスの設定
ブロック
- config.html - ブロックインスタンスの設定
主要な関数/ページに1つのスクリプト
...
ページレイアウト
- print_heading()関数を使用してヘディングをプリントし、IDおよびClassにCSSを使用する。
- print_simple_box()関数を使用してテキストの周囲にボックスをプリントし、IDおよびClassにCSSを使用する。
フォームレイアウト
- 重要度の高い設定をトップに表示する。
- それぞれのエントリはラベルを持ち、必要であればヘルプファイルを持つ必要がある。
- If there are more than 10 options, split them into required and optional/extra/advanced parameters
テーブルの処理
可能な場合、いつでもprint_table関数を使用する。
標準的なナビゲーションツール
- All pages should call print_header, and supply a standard navigation path to be displayed in it. Where possible, it should look like: COURSE >> INDEX >> INSTANCE >> SUBPAGES...
- Pages within activity modules should call navmenu() to generate the appropriate navigation menu.
URL
- URL (URI) は可能な限り短くしてください。
- パラメータまたはファイル名にアンダースコア ( _ ) を使用しないでください。
- 1つの単語が使われている場合、2つの単語を使わないでください。
ボタン vs リンク
これは定義することが難しい内容です ...
The Google Web Accelerator issue definitely provides some pointers here:
- Actions which can modify the state of Moodle (data files, database, session information) should be performed through buttons
- At the very least, such actions which are implemented as links should forward to a confirmation page which *does* use buttons
CSSネーミング
- テーマスタンダードをご覧ください。
ヘルプへのリンク
- Help buttons should be on the right of the thing (as an exception it can be left, if the thing is right-aligned)
関連情報
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
The article presents a view of virtual spaces with the focus on human actions. It reminded me of communicative approaches like Moodle. The interface serves as the handle of all the communication tools.