お仕事：『UI GRAPHICS』への寄稿

12/25/2015

UI GRAPHICS -世界の成功事例から学ぶ、スマホ以降のインターフェイスデザインに「メタファー，ボタン，テクスチャ，色面，ピクセル」と「GUIの歴史：私たちがデザインしてきたインターフェイスは常に身体の中にあった…」を寄稿しました．前者は「フラットデザイン」を論じたもので，後者はタイトルにもあるとおり「GUIの歴史」を振り返るものになっています．２つともユーザ・インターフェイスとの関わりなかで，ヒトの身体が現実世界の限界を超えていくものになっていくのではないだろうか，ということを書いています．

深津貴之さんの「マテリアデザインとその可能性」では，マテリアライジングを「『厚さのあるピクセル』が現実にあった場合にどのように挙動するかをシミュレートしたデザイン」と書いてあったり，『融けるデザイン』の渡邊恵太さんによる「インターフェイスと身体」には「知覚と行為の循環が，半分ディスプレイの中に入り込んでいる」という指摘があったりして，とても興味深いです．

博士論文では「ディスプレイ行為」という概念をつくって，ヒトとコンピュータとがディスプレイの画像とマウスであたらしい行為をつくっていくということを考えました（→GUI の確立にみる「ディスプレイ行為」の形成過程）．このときは，ヒトの身体・認識があたらしい行為のために重要だと考えていましたが，今は，行為がピクセルの光から導かれることに興味があります．なぜなら，ピクセルの光のもとで現実とは異なる世界を厚みをもったピクセルから立ち上げて，そこに認識が半分入り込んでいるとすると，私たちは世界に対してこれまでとは異なる感触をもつと考えられるからです．

インタビュー「動きから「質感」を生み出すUIデザイン」で中村勇吾さんがスマートフォンのスクリーンを「アップデート可能な表皮」と言っています．私たち自身も「アップデート可能な表皮」とともにアップデートしていけるのかということを，この本に集まれられた事例やテキストから考えていけそうです．

『UI GRAPHICS』，是非，読んでみてください！

このブログの人気の投稿

あのマウスカーソル邪魔じゃね？

2/07/2010

.review で公開した「カーソルの先」のアブストに興味をもってもらった k_soryu さんから「夢オチ」という作品を教えてもらいまいた． http://www.kenshiro.tv/ から「WORK」をクリックし、左にある三角をクリックしたところにある「夢オチ」というFlashです。「森井ケンシロウ.tv」はトップページから，画像とカーソルとの関係があってとても楽します．で，「夢オチ」なのですが，これはタイトル通り「夢」の中のお話です．とても面白い映像になっていますので，是非見てみて下さい．森井さん自身が書いていますが，クリックしてから，しばらくはなにも起きませんが，気長に映像が始まるのをお待ち下さい（私は，最初何度もクリックしてしまいましたが…）．森井さんが作ったこの「夢オチ」では，ディスプレイ上というある種仮想空間の入口みたいなところでありながら，確かな現実として私たちが見ているカーソルが，夢の中に登場してモノ化するということが起こっています．この作品の中では，「マウスカーソル」も立派なキャラクターとして登場しています．といっても，はじめて見たときは，「マウスカーソル」が作品の中にあることなど気づきもしませんでしたが…．自分の動かしてるカーソルには注意して，作品が流れている枠の外に出して見ていたのですが，突然，作品の中の「森井さん」が「あのマウスカーソル邪魔じゃね？」と言って，「マウスカーソル」を指さして，見ている人に「カーソルをどかしてください」と言います．私はこの言葉に，ドキッとして，すぐさま自分のカーソルを動かそうとマウスに手を伸ばしました．この「ドキッ」とした感じは，映画館か何かでうっかり，プロジェクターとスクリーンの間を横切ってしまって，自分の影をスクリーンに映してしまったのを注意されたのに似たような感じです．でも，「森井さん」が邪魔と言っていた「マウスカーソル」は作品の中に予め登場していた白いカーソルのことでした．次に，「森井さん」は「マウスカーソル」をバシッと叩きます．画面上の白いカーソルが叩き落とされます．もちろん，私のマウスとつながっている黒いカーソルは画面のどこかに何事もなくあり続けますが，作品の中の「マウスカーソル」は心地よい効果音とともに「森井さん」に叩き落とされます．ここから，「マウスカーソ

マジック・メモ：行為＝痕跡＝イメージの解体可能性

1/03/2010

フロイトは，自らの記憶と知覚のメカニズムに関する仮説のために，当時，売り出されていた玩具である，マジック・メモという装置を取りあげた．その理由は，この装置のイメージを表示する表面が，「いつでも新たな受け入れ能力を提供すると同時に，記録したメモの持続的な痕跡を維持するという二つの能力を備えている」2-11) からであった．フロイトは，「情報を無限に受け入れる能力と，持続的な痕跡の保存は，互いに排除しあう特性」2-12) と考えていたが，マジック・メモは，その相反する能力を同時に実現する装置であり，その構造は，次のように記されている．このマジック・メモは，暗褐色の合成樹脂あるいはワックスのボードに，厚紙の縁をつけたものである．ボードの上を一枚の透明なカバー・シートが覆っていて，その上端がボードに固定されている．このカバー・シートは，固定されている部分を除いて，ボードから離れている．この小さな装置でもっとも興味深いのは，このカバー・シートの部分である．このカバー・シートは二枚のシートで構成され，シートは二カ所の末端部分を除くと，互いに離すことができる．上のシートは透明なセルロイドである．下のシートは半透明の薄いパラフィン紙である．この装置を使用しない時にはパラフィン紙の下の面は，ワックス・ボードの上の表面に軽く粘着している．2-13) ここから，マジック・メモについてわかることは，大きく分けて，ワックス・ボードとカバー・シートという二つの部分から，この装置が構成されているということである．そして，カバー・シートは，透明なセルロイドの層と半透明の薄いパラフィン紙から構成されているので，全体としては，三層構造の装置ということになる．フロイトは，次に，この装置を使用するプロセスを詳細に述べている．このマジック・メモを使う際には，ボードを覆ったカバー・シートのセルロイドのシートの部分にメモを書く．そのためには鉛筆もチョークも不要である．受け入れ表面の上になにか物質を沈着させて記録を残すのではないからである．マジック・メモは，古代において粘土板や鑞盤に記録したのと同じ方式を採用しているのであり，尖筆のようなもので表面を引っ掻くと，表面がへこみ，これが「記録」となるのである．マジック・メモではこの引っ掻く動作は直接行われるのではなく，ボードを覆った二枚のシートを介して行われる

「サブシンボリックな知能」と Doing with Images makes Symbols

12/04/2009

マウスとカーソル：カーソルによる選択行為

3/11/2010

コンピュータのディスプレイで表現されている世界は，現実の世界ではないという単純な事実を考えなければならない．そこは，もともと，コンピュータが複雑な論理計算を瞬時に行って表示しているものにすぎない論理の世界であったはずである．そして，論理の世界は，ヒトの身体を排除しているものとして，レイコフとジョンソンが批判したものである．4-21) この事実は，コンピュータによって作り出されるディスプレイ世界には，元来，メタファーの基盤となるヒトの身体が存在していなかったことを示しているのではないか．しかし，レイコフとジョンソン，楠見，久保田の説明では，コンピュータの論理の世界に，いつ，どのようにして，私たちの身体が入り込んでいったのかということは考えられていない．ここから，ヒトの身体が，コンピュータとのコミュニケーションに入り込んでいくプロセスを詳しくみていく必要がでてくる．そして，そこには論理の世界にメタファーが立ち上がっていく様を捉えるという興味深い問題がでてくるはずである．メタファー形成の基盤となるイメージ・スキーマは，基本レベルの行為の繰り返しによって生じるものであるから，身体経験の基本レベルとコンピュータとの関係から考察していかなければならない．よって，私たちが，デスクトップ・メタファーについて，はじめに考えるべきことは，このメタファーが生み出される前に，ヒトの身体経験がその基本レベルで．コンピュータの論理世界に何らかのかたちで入り込んでいたのではないか，ということになる．この問題への手がかりを，シェリー・タークルは与えてくれる．彼女は，デスクトップ・メタファーを一般化したマッキントッシュのインターフェイスについて，次のように書いている．マッキントッシュのインターフェイス──実際はその画面──は，実物の机をシミュレートしている．私のアップルⅡの CP/M システム4-22) のような，論理的コマンドで操作される論理的インターフェイスではなく，たとえ二次元とはいえ，ヴァーチャル・リアリティだったのだ．この世界では，空間を進むのと同じように情報の中を進む．実際，マウスを手にして平面上で動かせば，その物理的な動きが，通常は矢印か指の形である指示アイコンによって，画面に反映されるのがわかるだろう．4-23) このタークルの記述には，「論理的コマンドで操作される論理的イ

インスタグラムの設定にある「元の写真を保存」について

8/03/2013

スケッチパッドで描く，ふたつの手（４）

4/02/2010

スケッチパッドで描く，ふたつの手（１）スケッチパッドで描く，ふたつの手（２）スケッチパッドで描く，ふたつの手（３） -- ５．ライトペンで描く手を見せるボタンを用いてコンピュータとの対話における身体のノイズを最小限にすることは，ヒトの身体を排除してコンピュータとの共生関係を築こうとしたリックライダーらと同じことを，サザーランドも行っているのではないか．確かに，ボタンを押す手だけを考察した限りでは，サザーランドもリックライダーらと同じようにみえる．しかし，スケッチパッドの記録映像には，ボタンを押す手とともに，ペンで線を描く手も映っていることを忘れてはいけない．スケッチパッドはふたつの手の行為の組み合わせによって図形を描く装置なのだ．次に，ペンを持つ手ふたつの手の関係における，ボタンを押す「システムの手」の役割を考えたい．記録映像に映る右手はライトペンというデバイスを持って，ディスプレイ上に線をとても自然に描いているようにみえる．しかし，スケッチパッドはヒトとコンピュータとの間に情報経路を構築して「描く」行為を行うシステムであり，そこでは「ヒトとしての行為」はノイズにすぎない．それゆえに私たちの描くという行為は「システムとしての行為」へと変換されなくてはならない．だとすれば，ライトペンを持つ手が示す描く行為の「自然さ」が，いささか奇妙なものに感じられてくる．なぜなら，ライトペンというデバイスで図形を描いていく手は，その行為の「自然さ」ゆえにシステム化されたボタンを押す手と正反対の「行動する手」に見えるからである．身体というノイズからの影響を最小限にして，ヒトとシステムとの間に情報経路を形成する必要があるにもかかわらず，「ヒトとしての行為」を続ける「行動する手」が存在し続けること．さらに，「行動する手」と「システムの手」とが組み合わされて，描くという「ヒトとしての行為」を実現していること．これらのことを考えるために，サザーランドがなぜ「ライトペンで描く」という形態を，スケッチパッドに採用したのかということを見てきたい． 1957年にMITリンカーン研究で，B・ガーリーとC・F・ウッドワードがライトペンの原型を開発し，1959年には多くのコンピュータシステムで普通に使われていた．このことから，1961年からはじめられたスケッチパッドのデザインにお

画面分割と認知に関するメモ

2/05/2011

画面分割についてのスライドを作っていて，アメリカのドラマ「24」が初期のころはよく画面分割を使って緊迫感をだしていたのに，その手法が徐々に使われなくなっていたことを Wikipedia で知る．なぜだろうと思いつつ，マイク・フィグスの「時代×４ [About Time 2] 」を見る．これは４分割された画面で同時に物語が進んでいく短編映画で，「 10 Minutes Older 」というオムニバスの映画のひとつである．画面を４分割して，物語で進んでいくと，段々のそこで起こっていること全てを認知することが難しくなり，認知限界を超えることを実感した．「24」は，リアルタイムという軸があるから，ために画面が分割されても，それは空間的に離れているところで「同時に」物事が起こっていることを示すために有効だが，そこで「リアルタイム」という軸が外れてしまうと，見ているヒトは分割された画面の関係性が分からなくなってしまうのではないだろうか．そこで，「24」で画面分割が使われなくなったことには，認知限界が関係しているのではということを考えた． 24 時代×４[About Time 2] レフ・マノヴィッチが画面分割はユーザ・インターフェイスの「GUI」からの影響であると指摘している．「ひとつのスクリーンにひとつのイメージ」というのが画面構成の論理であったが， GUI を構成する要素であるビットマップ方式のディスプレイがこの論理を破綻させたと，マノヴィッチは考えている．ビットマップ以前に，映画では電話をかける場面などで画面分割を行っていたが，大々的には行われていなかったとはいえるので，マノヴィッチの指摘には賛成である．そして，画面分割を「空間的モンタージュ」と呼び，これまでの「時間的モンタージュ」に変わるものだとし，「空間的モンタージュ」は，GUI の画面を占拠して，そこでは何も消えることがない「記憶」の場として機能していると，マノビッチは考える． my desktop マルチウィンドウシステムにもつながる，パーソナル・コンピュータの大元のアイデアであるヴァネバー・ブッシュのメメックスは２画面を備えた装置として描かれている．メメックスは増大する情報量に対処するために作られた装置であった．ブッシュは膨大な情報に対するヒトの認知限界を考え，メメックスを開発

2046年の携帯電話と2007年のスマートフォンのあいだにある変化（１）

7/07/2015

2046年の携帯電話新海誠監督のSFアニメ「ほしのこえ」を「インターフェイス」の観点から見ると何が見えてくるでしょうか．「SF」というジャンルには近未来を予測した様々な「インターフェイス」がでてきますが，「ほしのこえ」では主にミカコとノボルをつなぐ「携帯電話」を扱いたいと思います．ノボルとミカコの物語は2046年が舞台です．2046年の中学生3年生がもっている携帯電話は，大きな液晶タッチパネルで操作するスマートフォンとは異なり，小さな液晶ディスプレイと多くのボタンを備えたものです．2046年という未来であるにもかかわらず，「ガラケー」とも呼ばれる古いかたちの携帯電話を持っているのはおかしいと思う人もいるでしょう．しかし，現在のスマートフォンのかたちを決定づけたアップル社のiPhoneが発表されたのは2007年ですから，「ほしのこえ」が発表された2002年には液晶タッチパネルを備えた携帯電話は一般的ではなかったことになります．2002年にはiPhoneがまだ存在していなかったけれど，今（2015年）では携帯通信機器の主流は，ノボルとミカコがもつような携帯電話からタッチ型インターフェイスのスマートフォンへとシフトしました．この事実は「ほしのこえ」を考察する上で重要な意味を持ちます．「ほしのこえ」はSFなので，iPhoneのようなタッチ型インターフェイスの携帯電話の登場を正確に予測する必要はありません．なぜなら，SFは「サイエンス」という言葉がついていても，あくまで「フィクション」なので，現実的な未来の予測に囚われる必要はないからです．しかし，SFは現実世界の正確な予測ではないけれど，単なる絵空事でもありません．SFと現実とのあいだには独特なつながりがあります．例えば，『SF映画で学ぶインタフェースデザイン』には携帯電話に関する例が挙げられています． SFに見られるフィクションの技術によって，ファンは来るべき刺激的な何かを期待します．顕著な例は，『宇宙大作戦』の通信機です．1960年代後半，一般的な通信機といえば，トランシーバーないしは壁にコードにつながっているお姫様型電話だったころ，『宇宙大作戦』に登場した通信機によってモバイル電話の期待が高まりました．その使い方は電話というよりもややトランシーバー寄りではありましたが，初期の

お仕事：ヒューマンインターフェースの歴史：「よくわからない」から、身体で感じるコンピューターへ

8/10/2012

TELESCOPE Magazine で「ヒューマンインターフェースの歴史：「よくわからない」から、身体で感じるコンピューターへ」という記事を書きました．タイトルのようにヒューマンインタフェースの歴史に関するテキストです．テキストのリード文です．人間とコンピューターとが触れ合う場，それがヒューマンインターフェースである．マウスを使うとか、ディスプレイに触れるとかの行為だけにとどまるのではなく，これらの行為を通じて人間がより賢く，豊かになっていくひとつの環境なのだ．それゆえにヒューマンインターフェースは、これからの人間のあり方を決める大きな要素とも言える．このテキストでは人間とコンピューターとの関係を決定してきた「ヒューマンインターフェースの歴史」を概観する．博士課程時代に「インターフェイス」について研究していました．そこではこんな博論を書きました．上のテキストで「インターフェイス」に興味を持たれた方に読んでもらえたらうれしいです．博士学位申請論文「 GUI の確立にみる『ディスプレイ行為』の形成過程」，名古屋大学大学院情報科学研究科，2009年１月コンピュータがアナログからデジタルへとイメージの性質を変化させるだけではなく，道具の変化を促し，ヒトの身体的行為を変化させていることを考察した． GUI というディスプレイ上のイメージの変化ともに，ヒト行為とイメージとが結びつき「ディスプレイ行為」という新たな行為を形成したことを提示した． GUIというものを工学的視点ではないところから考えてみたかったし，今も考えています．近頃，「インターフェイス美学」というものが海外でちょっと盛り上がっているみたいです．私の論文もこういったところにカテゴライズされると面白いなと思っています．そして， Rhizome の記事「 Interface Aesthetics: An Introduction 」が「インターフェイス美学」についてコンパクトにまとめています．この記事を書いた JASON HUFF という人は，「 Beyond the Surface: 15 Years of Desktop Aesthetics 」という記事も書いています．

スケッチパッドで描く、ふたつの手（１）

3/30/2010

１．記録映像に映るふたつの手ひとつの動画ファイルがある．そのファイルを再生すると，1962年の夏に撮影されたアイヴァン・サザーランドが開発したシステム「スケッチパッド」の映像が，グラフィカル・ユーザ・インターフェイスの基礎を築いたアラン・ケイによる説明とともに映し出される．そこでは黒い画面に白い線が，ペンで描かれていく．ケイが紹介していることからも，このスケッチパッドが，コンピュータの歴史の中で大きな影響力を持っていることが伺えるが，実は，このシステムに実際に触れた人はごく限られている．アラン・ブラックウェルとケリー・ローデンは，サザーランドの博士論文の電子版の前文で，スケッチパッドは，マサチューセッツ工科大学（MIT）のリンカーン研究所でカスタマイズされたマシン，TX-2 でしか動かなかったので，その影響力は，論文と使用状況を撮影したこの記録映像によって広まったと書いている 1 ．その記録映像には，ディスプレイ横にあるボタンを押す手とディスプレイにライトペンと呼ばれるペンで線を描いていく手が映っている．また，これらふたつの手がまったく映っていないときに，白い線が規則的に動くということも記録されている．描く手を必要とせずに線が動いているのであるが，その線の動きには摩擦や空気抵抗が感じられない．そして，この摩擦や抵抗のなさは，ライトペンで線を描いている際にも同様にみることができる．今から，40年以上も前に撮影され，サザーランドのアイディアを多くの人に伝え，スケッチパッドを「個人によって書かれた最も影響力のあるコンピュータ・プログラム 2 」という地位にまで押し上げたこの映像は，何を示しているのであろうか．私は，以前，スケッチパッドが「変換」という原理でイメージを生み出す装置であることを示した 3 ．それは「痕跡」との一致という原理を逃れたイメージを描けるということである．この映像で，手が全く映し出されていないときに線が規則的に動くという，ある意味，マジックとも言えるようなシーンは，そのことを示している．このマジックは，後にケイが「最初のコンピュータ・グラフィックス・プログラムだということばかりでなく，スケッチパッドにはすばらしい面がたくさんあった．単に何かを描くための道具でなく，常に正しい法則に従って描くプログラムだったね．スケッチパッドで正方形を描こ

このブログを検索

touch-touch-touch