1 / 60

情報工学特別講義（第１０回目） ２０１１年６月 １６ 日 担当 　石原真紀夫

情報工学特別講義（第１０回目） ２０１１年６月 １６ 日 担当 　石原真紀夫. ＨＣＩ研究分野の紹介. 人 にやさしいユーザインタフェースとは？. Question: What is HCI ?.  Chat. 1. H ow C an I ?.  Law. 2. H elp C rime I ncrease.  Network. 3. H ost C ontroller I nterface.  Software. 4. H uman C omputer I nteraction. ?????.

lilika
Download Presentation

情報工学特別講義（第１０回目） ２０１１年６月 １６ 日 担当 　石原真紀夫

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 情報工学特別講義（第１０回目） ２０１１年６月１６日 担当　石原真紀夫 ＨＣＩ研究分野の紹介 人にやさしいユーザインタフェースとは？

  2. Question: What is HCI ? Chat 1.How Can I? Law 2.Help Crime Increase Network 3.Host Controller Interface Software 4.HumanComputer Interaction ????? 5.Haya~iiCaru~ii AndroId3.0!

  3. ユーザインタフェースとは？ ユーザとコンピュータを結ぶもの。 たとえば、キーボードやマウスなどのように、人間とコンピュータの間で直接情報を送受信する部分を指します。 （パソコンＩＴ用語辞典２０１０年版より） ? ？に何を使うかで○○ユーザインタフェースと言います。

  4. CUI GUI PUI TUI WUI BMI ユーザインタフェースとは？ CUI - CharacterUserInterface 命令の入力をキャラクター・ベースで行う ユーザインタフェースのこと。 ・MS DOS ・Linux たとえば、ＤＯＳプロンプトなどでコマンド（命令）を文字で入力することで操作を行います。 dirコマンド フォルダとファイルの一覧を表示するコマンドです。 tree, ver, ipconfigなど様々な命令が準備されています。

  5. CUI GUI PUI TUI WUI BMI ユーザインタフェースとは？ GUI – GraphicalUserInterface コンピュータの操作に、図形などの視覚情報を利用するインタフェースのこと。 ・MS Windows ・Max OS ・X Window 操作の入力を、アイコンやメニューの選択といった図形情報により行うことができるので、初心者でも使いやすい。 WIMPメタファー ウィンドウとアイコン、メニュー、ポインタをベースとしてGUIを設計する方針のこと。

  6. Voice Sign language Eye tracking PUI CUI GUI TUI WUI BMI ユーザインタフェースとは？ PUI – PerceptualUserInterface 次世代ユーザインタフェースの一つ。 コンピュータの操作に、音声や身振り手振り、視線などの知覚情報を利用するインタフェースのこと。

  7. TUI CUI GUI PUI WUI BMI ユーザインタフェースとは？ TUI – TangibleUserInterface 次世代ユーザインタフェースの一つ。 色も重さもない情報に実在の物体を対応付けて、情報が実体として存在するかのように操作できるインタフェースのこと。 ・BUILD-IT, MortenFjeld et al.

  8. WUI CUI GUI PUI TUI BMI ユーザインタフェースとは？ WUI – WebUserInterface ユーザインタフェースとしてWebブラウザを利用したインタフェースのこと。 ユーザはブラウザの使い方さえ覚えれば、様々なアプリケーションソフトを使える利点があります。 現在では、様々なアプリがWebブラウザ上で利用できますね。たとえば、メール、ワープロ、表計算。

  9. BMI CUI GUI PUI TUI WUI ユーザインタフェースとは？ BMI – Brain MachineInterface コンピュータの操作に、脳波を利用するインタフェースのこと。 私たちが集中したり、リラックスしたりするときの脳波の活動状態を解析してコンピュータを操作できます。 Brain waves Monkey's brain controls arm http://news.bbc.co.uk/2/hi/science/nature/7426822.stm at HCII2009 conference

  10. Windowsの進化と ユーザインタフェース 米国マイクロソフト社が開発しているＯＳの名称。 １９８６年にバージョン１が出荷されて以来、事実上の業界標準になっており、パソコンで一般的に使用されている。 （パソコンＩＴ用語辞典２０１０年版より）

  11. Windowsの進化 GUI, Multi-tasking ・MS Windows 1.01 (1985~) http://www.saunalahti.fi/janij/blog/images/2008_nov_windows_1_0.png

  12. Windowsの進化 Overlaps windows, Mini-Maximum buttons ・MS Windows 2.1(1988~) http://osxbook.com/book/bonus/ancient/vpc/images/win21.gif

  13. Windowsの進化 OK OK （質問） どっちが押されているように見えますか ? 1. 2. 古賀直樹、「ＵＩデザインの基礎知識～プログラム設計からアプリケーションデザインまで～」、ファンテック株式会社

  14. Windowsの進化 （答え） 我々の生活空間では上から下へ光が差し込むことが自然です。太陽は良い例です。 そのため、光は上からあたるものだ！と思い込んでおり、そのように影（濃淡）を解釈して凹凸を感じてしまうのです。

  15. Windowsの進化 16 colors, Multimedia (CD-ROM, sound) ・MS Windows 3.0 (1990~) http://catb.org/~esr/writings/taouu/html/graphics/win30progman.png

  16. Windowsの進化 Start menu, Task bar, Desktop folder ・MS Windows 95 (1995~) http://cybernetnews.com/wp-content/uploads/2006/10/Windows95.jpg

  17. Windowsの進化 （質問） どちらを見たとき緊張を感じますか? 1. 2.

  18. Windowsの進化 （答え） 人は丸み帯びたもの見ると心理的な安心感を感じるといわれています。 逆に、 人はナイフのような尖ったものを見ると本能的に自己防衛のため緊張を感じるといわれています。

  19. Windowsの進化 True-color, Soften appearance ・MS Windows XP (2001~) http://www.winsupersite.com/images/reviews/wxp_rtm_home_004.gif

  20. Windowsの進化 Aero interface, Side bar &Gadgets ・MS Windows Vista (2007~) http://www.otterbein.edu/ITS/images/vista-screen.jpg

  21. Windowsの進化 Peek, Shake, Snap, Windows Touch ・MS Windows 7 (2009~) http://screenshots.winfuture.de/Windows-7-Build-6.1.7048-1235994358.jpg

  22. Windowsの進化 （実験） リンゴの数を数えてください。

  23. Windowsの進化 （質問） どちらからリンゴを数えましたか? 1.　左から　 2.　右から

  24. Windowsの進化 （実験） 立方体を描いてください。

  25. Windowsの進化 （質問） どれに一番近いですか? 2. 1. 3.

  26. Windowsの進化 （解説） このように人はものを見るとき、自然と左から右に向かって認知しています。 この人の性質は、 たとえば、再生ボタン プログレスバーの進行方向 に利用されています。

  27. 新しいユーザインタフェース を支える様々機器 現在、我々は主にキーボードやマウス、ディスプレイを用いて、 コンピュータと情報のやり取りをします。これ以外にも様々な機器が新しいユーザインタフェースを支えています。

  28. ユーザインタフェース 支える機器 Touch Screen-- GUI 触れる（タッチ）と、それが入力とみなされるスクリーンのこと。 スクリーン上のタッチした場所がポイントした位置になるため、 自然でわかりやすい利点がある。 Apple iPad

  29. ユーザインタフェース 支える機器 （質問） どのようなジェスチャーを想像しますか？ 1. Before After from Prof. D. Wigdor (Microsoft) as Invited talk, AVI2010, Roma, Italy

  30. ユーザインタフェース 支える機器 （質問） どのようなジェスチャーを想像しますか？ 2. Before After from Prof. D. Wigdor (Microsoft) as Invited talk, AVI2010, Roma, Italy

  31. ユーザインタフェース 支える機器 （質問） どのようなジェスチャーを想像しますか？ 3. Before After from Prof. D. Wigdor (Microsoft) as Invited talk, AVI2010, Roma, Italy

  32. ユーザインタフェース 支える機器 Data Glove -- PUI 人間の手の動作を読み取ることができるセンシング機器のこと。 手袋のように手に装着して使用します。 加速度センサや曲率センサにより、手の傾きや各指の曲がり具合を読み取ることができます。 仮想物をつまんで動かしたり、持ち上げていろんな角度から観察したりすることを直感的に行えます。 ADGTechVHand

  33. ユーザインタフェース 支える機器 Force FeedbackDevice -- PUI 振動や力を人に伝える機器のこと。 ゲームパッドやジョイスティック、ハンドル型コントローラ,マウス、トラックボールなど様々な入力機器と組合わせて使用されます。 重さのない仮想物に重みを加えたり、その固さや柔らかさを感じることができます。 Novint Falcon

  34. ユーザインタフェース 支える機器 Eye TrackingDevice -- PUI 人間の視線を読み取ることができるセンシング機器のこと。 メガネのように頭に装着して使用します。 見ている箇所をクリックしたり、注目している領域に応じた情報を表示したりできます。 NAC EMR9

  35. ユーザインタフェース 支える機器 Camera BasedInput Device -- PUI カメラ画像を用いて人の様々な動作を読み取る機器のこと。 マイクロソフトのKinectやソニーのMoveが有名です。 人はコントローラを持ったり、余分なセンサを身に着ける必要がなく、身振り手振りで機器に命令を出すことができます。 Microsoft XBox360 Kinect Hands are the new remote control http://news.bbc.co.uk/1/hi/programmes/click_online/7820866.stm

  36. ユーザインタフェース 支える機器 （質問） どっちが読み易いですか? 1. 2.

  37. ユーザインタフェース 支える機器 （解説） 人の視野は、水平方向に広く、垂直方向は狭くなっています。この人の特性が読み易さや読みにくさに影響しています。 画面サイズ ４：３ 100度 100度 60度 70度 画面サイズ １６：９

  38. ユーザインタフェース 支える機器 Head MountedDisplay& CAVE System 人の左目と右目の視野に視差のある別々の画像を提示して、立体的な仮想世界を表示する機器のこと。 人は仮想世界の中に入り込んでいるかような感覚を得ることができます。 eMagin Z800 3DVisor Remote Impact game in action http://news.bbc.co.uk/go/em/fr/-/2/hi/uk_news/scotland/7423404.stm

  39. ユーザインタフェースと アフォーダンス アフォーダンスとは、その物体を使って何ができるのかを伝える知覚的な明示のこと。 アフォーダンスをうまく考えて作られた機器は見てその使い方を自然に推測できるため、分厚い取扱い説明書の必要がなくなります。 iPadには説明書が入っていないんです！！ （※）コンストレイントとは、その物体を使って何ができないのかを伝える知覚的な明示のこと。

  40. アフォーダンス ★アフォーダンスの実例１

  41. アフォーダンス ★アフォーダンスの実例２

  42. アフォーダンス ★アフォーダンスの実例２

  43. 私の研究 Experience-centered design Window Metaphor ~ Zoom Window Metaphor ~ Scroll M. Ishihara et al, “Porthole: A spatial interface to provide scrolling, zooming-in, and zooming-out”, 2005

  44. 私の研究 User friendly design & Direct manipulation MS Paint on Projection Map Viewer on Projection M. Ishihara et al, “Fingertip-shadow for click, db-click, and drag on a wall”, 2005

  45. 国際会議 Oral session Poster session

  46. 国際会議 SMART Table SMART Technologies UIST2008, Monterey, CA, USA Demo Exhibition Spherical Display Microsoft Research UIST2008, Monterey, CA, USA

  47. 国際会議 Ethnic dance and music Banquets Ethnic dance Banquets, IASTED, Innsbruck, Austria

  48. 国際会議 The Colloseum Palatine Hill

  49. 国際会議 Glacier Venetia Innsbruck town Swarovski Crystal Aircraft carrier MIDWAY

More Related