「インターフェースガイドライン」の版間の差分

提供:MoodleDocs
移動先:案内検索
40行目: 40行目:
==標準的なナビゲーションツール==
==標準的なナビゲーションツール==


# 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...
# すべてのページでは、print_header()関数を呼んでください。この関数により、標準的なナビゲーションパスが表示されます。ナビゲーションパスは次のように表示されます: コース >> インデックス >> インスタンス >> サブページ ...
# Pages within activity modules should call navmenu() to generate the appropriate navigation menu.
# 活動モジュールのページでは、適切なナビゲーションメニューを生成するnavmenu()関数を呼んでください。


=URL=
=URL=

2006年11月14日 (火) 08:43時点における版

作成中です - Mitsuhiro Yoshida 2006年11月12日 (日) 17:47 (CST)

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

シンプルにする

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

標準ページ

活動モジュールmodules

  • 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 リンク

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

The Google Web Accelerator issue definitely provides some pointers here:

  1. Actions which can modify the state of Moodle (data files, database, session information) should be performed through buttons
  2. 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.