インタラクションデザインおよびメディアアートにおける オープン化方法の検討と実践(Study in Method and Practice of Open...Yosuke Sakai
インタラクションデザインおよびメディアアートにおける オープン化方法の検討と実践(Study in Method and Practice of Open Source Development in Interaction Design and Media Art), 情報処理学会デジタルコンテンツクリエーション研究会第7回研究発表会(IPSJ_DCC_7th) 2014 / 5
パソコン向けにだけ Web サイトを作っていた頃はあまり必要性を感じられなかったプロトタイピングも、Webへアクセスする方法が増えてきたころから、その必要性も高まりつつあります。パソコン向けに絞ったとしても複雑なインタラクションを絵だけで共有するのが難しくなってきました。余計な書類を減らし、課題が具体的に見えてくるプロトタイプの魅力と活用を紹介。今回はプロトタイプの中でもペーパープロトタイピングにスポットを当てて、メリット・デメリットを解説します。
インタラクションデザインおよびメディアアートにおける オープン化方法の検討と実践(Study in Method and Practice of Open...Yosuke Sakai
インタラクションデザインおよびメディアアートにおける オープン化方法の検討と実践(Study in Method and Practice of Open Source Development in Interaction Design and Media Art), 情報処理学会デジタルコンテンツクリエーション研究会第7回研究発表会(IPSJ_DCC_7th) 2014 / 5
パソコン向けにだけ Web サイトを作っていた頃はあまり必要性を感じられなかったプロトタイピングも、Webへアクセスする方法が増えてきたころから、その必要性も高まりつつあります。パソコン向けに絞ったとしても複雑なインタラクションを絵だけで共有するのが難しくなってきました。余計な書類を減らし、課題が具体的に見えてくるプロトタイプの魅力と活用を紹介。今回はプロトタイプの中でもペーパープロトタイピングにスポットを当てて、メリット・デメリットを解説します。
2020/10/10に開催された第4回全日本コンピュータビジョン勉強会「人に関する認識・理解論文読み会」発表資料です。
以下の2本を読みました
Harmonious Attention Network for Person Re-identification. (CVPR2018)
Weekly Supervised Person Re-Identification (CVPR2019)
2020/10/10に開催された第4回全日本コンピュータビジョン勉強会「人に関する認識・理解論文読み会」発表資料です。
以下の2本を読みました
Harmonious Attention Network for Person Re-identification. (CVPR2018)
Weekly Supervised Person Re-Identification (CVPR2019)
24. 8つの前注意的変数
Photo / Tiếng Việt: Ảnh cộng hưởng từ hạt nhân bộ não của người.
Released under the GFDL by en:User:TheBrain on 20 May 2003
前注意的変数を体感してみよう
41. ① 外観と詳細
② データティップ
① 外観と詳細
③ スポットライト Overview Plus Detail
④ 動的なクエリ
⑤ ブラッシング
⑥ 部分的なズーム
⑦
ソート可能
⑧ 放射状テーブル
⑨ 複数Y軸グラフ
⑩ 小さな複合
Adobe Illustrator Sublime Text 2
11
ツリーマップ
42. ① 外観と詳細
② データティップ
② データティップ
③ スポットライト Datatips
④ 動的なクエリ
⑤ ブラッシング
⑥ 部分的なズーム
⑦
ソート可能
⑧ 放射状テーブル
⑨ 複数Y軸グラフ
⑩ 小さな複合
11
Google Maps
ツリーマップ
43. ① 外観と詳細
② データティップ
③ データのスポットライト
③ スポットライト Data Spotlight
④ 動的なクエリ
⑤ ブラッシング
⑥ 部分的なズーム
⑦
ソート可能
⑧ 放射状テーブル
⑨ 複数Y軸グラフ
⑩ 小さな複合
11
Google Public Data Adobe Illustrator
ツリーマップ
44. ① 外観と詳細
② データティップ
④ 動的なクエリ
③ スポットライト Dynamic Queries
④ 動的なクエリ
⑤ ブラッシング
⑥ 部分的なズーム
⑦
ソート可能
⑧ 放射状テーブル
⑨ 複数Y軸グラフ
⑩ 小さな複合
11
Facebookページ管理画面 Google Analytics
ツリーマップ
45. ① 外観と詳細
② データティップ
⑤ データのブラッシング
③ スポットライト
312 Chapter 7: Showing Complex Data: Trees, Charts, and Other Information Graphics
Data Brushing
Data Brushing The Patterns 315
④ 動的なクエリ
⑤ ブラッシング
⑥ 部分的なズーム
The Patterns 315
⑦ Figure 7-29. BBN Cornerstone
Figure 7-26.SPOT Adventures live map
ソート可能
What
⑧ Let the user select data items in one view; show the same data selected simultaneously in
放射状テーブル
another view.
⑨ Use when
複数Y軸グラフ You can show two or more information graphics at a time. You might have two line plots
and a scatter plot, or a scatter plot and a table, or a diagram and a tree, or a map and a
timeline, whatever—as long as each graphic is showing the same data set.
⑩ 小さな複合
Why
Data Brushing offers a very rich form of interactive data exploration. First, SPOTuser can se- map
Figure 7-30. Weeplaces (http://weeplaces.com) Figure 7-29. the Adventures live
11 lect data points using an information graphic itself as a “selector.” Sometimes it’s easier to
ツリーマップ findIn other librariesinterest visually than by less direct means, such as Dynamic Queries—outliers
points of
on a plot can be seen and manipulated immediately, for instance, while figuring out how
http://quince.infragistics.com/Patterns/Data%20Brushing.aspx
46. ① 外観と詳細
② データティップ
⑥ 部分的なズーム表示
③ スポットライト Local Zooming
④ 動的なクエリ
⑤ ブラッシング
⑥ 部分的なズーム
⑦
ソート可能
⑧ 放射状テーブル
⑨ 複数Y軸グラフ
⑩ 小さな複合
11
ツリーマップ
47. ① 外観と詳細
② データティップ
⑦ ソート可能なテーブル
③ スポットライト Sortable Table
④ 動的なクエリ
⑤ ブラッシング
⑥ 部分的なズーム
⑦
ソート可能
⑧ 放射状テーブル
⑨ 複数Y軸グラフ
⑩ 小さな複合
11
ツリーマップ
48. ① 外観と詳細
② データティップ
⑧ 放射状テーブル
③ スポットライト Radial Table
④
車種の関連
動的なクエリ
⑤ ブラッシング
⑥
Master’s Point
部分的なズーム
⑦
ソート可能
⑧ 分野の専門家のための
放射状テーブル
図式。一般人にはやは
⑨ り分かりにくい。
複数Y軸グラフ
⑩ 小さな複合
11
遺伝子解析 Master s Point は、マスターの無責任なコメントです。
書籍内に書かれた内容と必ずしも一致しません。
ツリーマップ
49. ① 外観と詳細
② データティップ
⑨ 複数Y軸のグラフ
③ スポットライト Multi-Y Graph
328 Chapter 7: Showing Complex Data: Trees, Charts, and Other Information Graphics
④ 動的なクエリ
Multi-Y Graph
⑤ ブラッシング
⑥ 部分的なズーム
⑦
ソート可能
⑧ 放射状テーブル
⑨ 複数Y軸グラフ
Figure 7-42. New York Times graphic
⑩ 小さな複合
What
11 Stack multiple graph lines in one panel; let them all share the same x-axis.
ツリーマップ
Use when
50. ① 外観と詳細
② データティップ
⑩ 小さな複合データ群
③ スポットライト Small Multiples
④ Figure 7-46. Weather chart from The Weather Channel
動的なクエリ
In other libraries
⑤ http://quince.infragistics.com/Patterns/Multi-Y%20Graph.aspx
ブラッシング
Small Multiples
⑥ 部分的なズーム
⑦
ソート可能
⑧ Figure 7-47. Climate heat map, from a University of Oregon publication
放射状テーブル
⑨ 複数Y軸グラフ
⑩ 小さな複合
11
ツリーマップ
51. ① 外観と詳細
② データティップ
ツリーマップ
11
③ スポットライト Treemap
④ 動的なクエリ
⑤ ブラッシング
⑥ 部分的なズーム
Master’s Point
⑦
ソート可能
新聞は一種のツリー
⑧ 放射状テーブル
マップ。WEBでうまく
⑨ 複数Y軸グラフ
使えているところは皆
無。(結局写真には負ける)
⑩ 小さな複合
Master s Point は、マスターの無責任なコメントです
11 書籍内に書かれた内容と必ずしも一致しません。
ツリーマップ