UI GRAPHICS 世界の成功事例から学ぶ、スマホ以降のインターフェイスデザイン

水野勝仁(著者), 渡邊恵太(著者), 菅俊一(著者), 深津貴之(著者), 緒方壽人(著者)

• 販売会社／発売会社: ビー・エヌ・エヌ新社
• 発売年月日: 2015/12/17
• JAN: 9784802510066

商品レビュー

2017/11/28

マウスによるPC操作から、タッチパネルによるスマートフォン操作に変わった時に、
ボタンを押す操作から、ガラスに触れる操作に変わった。
押すから触れる操作へと変わったとことで、
いかにボタンらしい表現を施して押させるかから、
どうやって触れさせて、触れたときにどう感じさせるのかに変わった。

見た目を美しくし、音やインタラクションによる気持ちよさを追加し、
触った時にいいなと感じる気持ちを抱かせる。

時代はVRへと繋がっている。VRはどうなろうのだろうか？
ガラスなどの物理的な制限がない分、視覚的な要素が強くなることを考える。
物が動いていること、光っていることなど、
人が視覚で検知しやすいことが条件になるではないだろうか。

現実世界に存在する法則や構造を嫌みにならない程度に強調し、
その動きや光を有機的に統合することができたときに、
非常に優秀なUIになるような気がした。

（以下抜粋。○：完全抜粋、●：簡略抜粋）
○フラットデザインではデスクトップメタファーやスキューモーフィズムのように現じちゅ世界に由来するヒトの行為に基づいてヒト中心の行為の設計をするのであはなく、コンピュータおよびピクセルのクリーンな平面というヒトにとっての異物に基づく行為を設計するものなのである。（P.15）
○ルパンの泳ぐ動きひとつだけで、水路に流れる水の様々な質感がとても豊かに表現されているんですね。そういう世界をプログラミングでどう設計するかに興味があります。（P.46）
○宮崎駿さんにも通底するのですが、みんなが日常の中で特に意識はしないけど無意識になんとなく感じている様々な動きや反応は沢山あって、それを自分なりに見出して解釈して誇張しているんだなと思います。現実世界では見逃されがちな小さなリアクションでも、そこから法則や構造を見出して、積極的に造形していく。ただデザイナーとしては、自分だけのフェティシズムに寄りすぎてもダメで、どんなバランスが妥当かを考えながら常にチューニングしている感じですね。UI操作の機能性を考慮しながら煎じ詰めた結果、最後に自分なりの毒っ気が少しだけ残っている、という状態が良いのではないかと思っています。（P.47）
○深澤直人さんが学生に向けて最初に話す言葉で「”いい”と”良い”はどっちがいい？」って問いがあって、時代の流れの中で、簡単には消費されない”いい”を作るにはどうすればいいかという問いが最も重要なんだと思います。（P.49）
○しかもそのアイコンの動きは一斉ではなく、それぞれに速度差があり、有機的な印象を作り出している。（P.194）
○フラットデザインは、マウス、デスクトップメタファー、そしてスキューモーフィズムへと続く身体に基づくインターフェースの流れを一度切断して、身体とは関係のないディスプレイのピクセルという光からインターフェースを構築しようとするまったく新しい試みである。（P.219）

2017/07/05

★科学道100 / まるで魔法
【所在・貸出状況を見る】
http://sistlb.sist.ac.jp/mylimedio/search/search.do?target=local&mode=comp&materialid=11700400

2017/05/01

フラットデザイン以降のインターフェースの概念と変遷がわかりやすくまとめられてる。
一通り読めばGUIの作法が分かる上、後半にかけてはモーションやタンジブルなど、これからのインターフェースを考える上で重要になる要素が散らばっていてありがたい気持ちでいっぱいになる。じつにありがたい。