メディアインフォマティクスゼミ 第三回「gui: apple higを読もう」

GUIApple HIG を読もう

第3回 メディアインフォマティクスゼミ伏見 遼平

まとめ

わからん…

User Interface とは?

ユーザインターフェイス

ユーザと何かの界面

意味が広すぎる

「良いUI」の共通点を見つけるのは難しい

「誰にとっても悪いUI」というものは存在する

• 良いUIについて論じるのは難しい

• ノーマン「誰のためのデザイン?」

- 主に悪いUIについて論じたもの

Apple Human Interface Guidelines

• Apple が制定した、Apple製品の上で動くソフトウェアのUIガイドライン

• 1986年初版

• 様々な「悪いデザイン」を踏まえた上で、デザインに必要な原則を整理した

10の原則

• 比喩• 操作の直感性• See & Point• 一貫性• WYSIWYG

• コントロール感• フィードバック• 寛容性• 安定性• 美的完成度

(少なくともAppleについて)「UIの進化」は1980年代で

止まっている

世界最古のコンピュータは?

紀元前

パスカルの機械式計算機

Tabulation Machine

• IBM• 1890• 国勢調査

ENIAC

• 1946年完成• 弾道計算用に設計された

• 電子式コンピュータ

IBM-360

• メインフレーム• 1964• IC式

ARPANET

Alto

• XEROX PARC• 1973

APPLE Ⅱ

APPLE Ⅱ 1977

Macintosh

• GUI搭載 普及型PC• 1984

• 1986年英語版初版

• 1989年日本語版初版

10の原則

• 比喩• 操作の直感性• See & Point• 一貫性• WYSIWYG

• コントロール感• フィードバック• 寛容性• 安定性• 美的完成度

比喩

• ある作業の内部モデルによる構成要素- ファイル・フォルダ = 書類バサミ

- ハードディスクもフォルダと同じように振る舞う

• 比喩の実体に制限する必要はない- ゴミ箱に入れる項目の数は、物理的なゴミ

箱に入る個数に制限されない

一貫性

• OKボタンは右、キャンセルボタンは左- 副作用のある操作を行うボタン

- 操作を行わないボタンの２つがある

• 閉じるボタンは左上

一貫性

• 同じ見た目のものが常に同じ機能を持っているか

• OSとアプリケーションの一貫性

フィードバック

• 操作に対して結果を返し実感を持たせる

• 何かが起きたら必ずユーザに知らせる

- ボタンが押されたこと

- 処理を実行していること

- 状態の変化をアニメーションで

- 階層の変化は画面の遷移で

WYSIWYGWhat you see is What you get

WYSIWYGWhat you see is What you get

寛容性

• 副作用に対する寛容性

• いろいろ遊んでも大丈夫

See & Point

• Click & Drag

• Noun -> Verb の順

User Control

• コントロールしてる感

• 操作してないときは動かない

10の原則

• 比喩• 操作の直感性• See & Point• 一貫性• WYSIWYG

• コントロール感• フィードバック• 寛容性• 安定性• 美的完成度

Apple HIG を読むべき理由

• GUIができてすぐに生まれた• 原則は今でも有効

参考文献

参考文献Apple Human Interface Guidelineshttps://developer.apple.com/library/mac/#documentation/userexperience/Conceptual/AppleHIGuidelines/Intro/Intro.html

Apple Human Interface Guidelines(日本語訳)http://potting.syuriken.jp/potting_conv/XHIG_J/XHIGIntro/chapter_1.html

参考文献楽しいBADUIの世界http://badui.meguri.org/

Graphical Interface Design Galleryhttp://www.guidebookgallery.org/