メディアインフォマティクスゼミ 第三回「gui: apple higを読もう」
DESCRIPTION
iii-edu で行われた自主ゼミ「メディアインフォマティクスゼミ」第三回の発表資料。TRANSCRIPT
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ボタンは右、キャンセルボタンは左- 副作用のある操作を行うボタン
- 操作を行わないボタンの2つがある
• 閉じるボタンは左上
一貫性
• 同じ見た目のものが常に同じ機能を持っているか
• 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/