ユーザインタフェース設計
[Wikipedia|▼Menu]
.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%;font-size:90%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}html.client-js body.skin-minerva .mw-parser-output .mbox-text-span{margin-left:23px!important}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}

この記事は検証可能参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。(このテンプレートの使い方
出典検索?: "ユーザインタフェース設計" ? ニュース ・ 書籍 ・ スカラー ・ CiNii ・ J-STAGE ・ NDL ・ dlib.jp ・ ジャパンサーチ ・ TWL(2012年1月)

ユーザインタフェース設計(ユーザインタフェースせっけい、英語: user interface design)とは、ユーザインタフェース設計(デザイン)である。日本語に限らず世界的に英語のデザイン(design)という語は、しばしば「見た目」という意味にされてしまいがちであるが、本来の意味は、機械の仕組みなどについて言うそれと同様、ユーザビリティの作り込みといったものなどを含む工学的な概念であり、見た目などについてはグラフィックデザインのように修飾を付けて言うべきものである。

前述の誤解により、「デザイン」の目標は「見栄え良くすることを目標としている」などとされることもある、が、そもそも誤解である。ユーザインタフェース設計の目標はユーザがなるべく直観的にそれら商品を使えるようにすること、などとされることもあるが、設計の目標には直観的に使えること以外にも色々ある。ユーザー中心設計といったような語もある。

ユーザーインタフェース設計は、コンピュータから自動車や旅客機まで様々な製品の開発に関わる。どのような製品の開発においても、人間との相互作用という点では同じスキルと知識が必要とされるが、個々に固有のスキルや知識も必要となる。結果として、ユーザインタフェースのデザイナは特定分野に特化する傾向がある。
工程

ユーザインタフェース設計にはいくつかの工程があり、どれが重要かということはそのプロジェクトの性質によって異なる。なお、ここでいうシステムとは、プロジェクトの種類によって様々なものを指している(ウェブサイトだったり、アプリケーションだったり、機械だったりする)。

機能要求収集 - そのシステムが最終的に達成すべき機能要求をリストアップし、ユーザーの潜在的ニーズを見極める。

ユーザー分析 - そのシステムの潜在的ユーザーを分析する。手法としては、ユーザーと関わる人々と議論するか、ユーザーになると想定される人々と議論する。ここで質問すべきことは以下の通り。

ユーザーはそのシステムに何をして欲しいか?

そのシステムはユーザーの通常の
ワークフローや日常活動にどのように適合するか?

ユーザーは技術的なことにどの程度精通しているか? また、ユーザーは類似のシステムを既に使っているか?

ユーザーが魅力的に感じるルック・アンド・フィールはどんなものか?


情報アーキテクチャ - そのシステムのプロセスや情報のフローの開発(例えば、ウェブサイトなら、ページの階層構造とそれを利用する際のフロー)

プロトタイピング - 簡単なプロトタイプの開発。この場合のプロトタイプは、インタフェースそのものに注目するため、ルック・アンド・フィール的要素や内容をほとんど排除したものである。

ユーザビリティ評価 - プロトタイプを実際のユーザーに評価してもらう。その場にデザイナーが立ち会ってユーザーの生の声を聞くのが望ましい。

グラフィックインタフェースデザイン - 実際のルック・アンド・フィールの設計。これが最終的なGUIとなる。それまでの工程で明らかとなった事柄に基づいて行われる。機能よりも見た目が重視される場合、グラフィック的要素がプロトタイピングでも重視される。この工程は、グラフィックデザイナーとユーザインタフェース設計者が共同で行うことが多い。

ユーザインタフェース設計では、ユーザーのニーズをよく把握することが重要である。
用語に関する批判

ユーザーエクスペリエンスの考え方から見て、ユーザインタフェース設計という用語は意味が狭すぎるとの批判がされている。技術的側面が強すぎ、実際の設計において、それ以外の側面が軽視される恐れがあるという批判である[1]。用語はどうであれ、実際の活動は同じである。
脚注^ Bannon L. J. A pilgrim’s process: From cognitive science to cooperative design // AI and Society, 1990, 4. ⇒[1]

関連項目

グラフィカルユーザインタフェース

ヒューマンマシンインターフェース

情報アーキテクチャ

インタラクションデザイン

相互作用

参加型デザイン

ユーザビリティ

ユーザー中心設計


次ページ
記事の検索
おまかせリスト
▼オプションを表示
ブックマーク登録
mixiチェック!
Twitterに投稿
オプション/リンク一覧
話題のニュース
列車運行情報
暇つぶしWikipedia

Size:10 KB
出典: フリー百科事典『ウィキペディア(Wikipedia)
担当:undef