Experts.jp日本に、もっとエキスパートを。今回のテーマは、「スマートウォッチ」のUI開発や知見などについて。スマートウォッチ向けのアプリの開発は、スマートフォンのアプリの開発とどう違うのか。5人のクリエイターが、自身の開発体験などを踏まえて語り合った。Crunchが、東京・渋谷ヒカリエDeNA社内のサクラカフェにて開催。Watchが発売されたことで注目が集まっている「スマートウォッチ」。事業でこれらのウェラブル端末向けの開発を行っているところは少ないことから、同勉強会には多くの参加者が集った。学生時代からヒューマンインターフェースについて研究をしてきた。セッションタイトルは「身体性とインタラクションデザイン」。2015年1月に発行された同氏の著書「融けるデザイン~ハード×ソフト×ネット時代の新たな設計書」は、iPhoneはなぜ気持ちよいのか、iPhoneのサクサク感の原因はなんなのだろうということをさまざまな研究を通して論じた本。その結果一つの答えが導き出されたという。それは、iPhoneの気持ちよい使用感には自己帰属感が大いに関係しているということだ。自己帰属感とは「この(手)は他人のではなく自分の(手)である」という感覚」のことである。カーソルには自己帰属感があるのか。それを調べるために「マルチでダミーカーソル実験を行った」と渡邊氏は言う。偽物のカーソル(動いているモノ)を複数表示させて、自分のカーソルを見つけてもらうのである。50個のダミーカーソルを表示させても、5.4秒で発見できたというのだ。カーソルに自己帰属感があるということである。iPhoneはどうか。iPhoneの場合、画面そのものの動きが指と連動する。「画面全体がカーソルであるとも言える。ここが自己帰属してくる状態だと考察した」と渡邊氏は説明を続ける。一つ自己帰属感にとって重要になるのが、指の動きと画面の動きが同期していること。「同期が高いと自分がやっている感が高く、気持ちよいと感じられる。同期度合いが減ると気持ち悪さが進む。乱れて自分の動きと同期しなくなると、他人として認識したり、さらに進むとアニメーションになってしまう。デザインに自己帰属感が必要になる」と渡邊氏は言い切る。いえ、自己帰属感を考えてUI設計したからといって買う理由にはならない。気持ち悪さが続くと、使い続けるのをやめる理由になるからだ。身に付けるウェラブルデバイスの場合は、「自分の身体の拡張となるようなUIの設計をしなければならない」と渡邊氏は指摘する。気づきのデザインとしての通知の機能はいいが、今後はいかに通知の仕方を体に近い形で表現していくかが課題だという。触覚をうまく使うもその一つだ。これはタプティックエンジンを使うことで可能になった。「新しいコミュニケーションのあり方が考えられるはず。自己帰属感が新しい道具の設計軸になっていくと考えている。これを参考に新しいモノ作りを模索してほしいと思っています」watchOS2、注目したい3つの新機能とは2番目に登壇したのは、iOS専業のフリーランスエンジニア・堤修一氏。堤氏はこれまでさまざまな有名プロダクトの開発に携わってきた。Deaf」(電気信号を送ることで聴覚障害者が踊れるようになるモノ)などはその一例。Watch関連では「WatchME」(動画を使ったメッセージングアプリ)、「よしだっち」(鷹の爪の吉田君を育成するアプリ)などの開発にも協力している。「UI/UXに影響の大きいwatchOS2の新機能3つ」というセッションタイトルからも分かるとおり、今回の堤氏のセッションは、堤氏が着目したwatchOS2の3つの新機能について。watchOS2は、6月8日より米サンフランシスコで開催された開発者向けのカンファレンス「WWDC15」。Watch用OSの新バージョン「watchOS2」だ。前バージョンとの最大の違いは、「ネイティブ動作するアプリが作れるようになったこと」と堤氏は語る。以前のウォッチアプリは、iPhone側で処理を行い、その結果をウォッチ側に転送して描画していた。watchOS2からは、アプリの処理自体もウォッチ側で行われるようになった。「ネイティブ動作するアプリとはウォッチ側で処理されるアプリ」ということ。これに伴い多くの新機能も追加された。watchOS2の新機能はまだデベロッパー向けのβ公開なので、堤氏の話も公開ドキュメントで書かれていることである。数ある新機能の内、堤氏がピックアップしたのはウォッチアプリのUI/UXに大きく影響する、以下の3つの新機能だ。1.Complication(Clockkit)ウォッチフェイスのためのモジュール。ClockkitはComplicationを作成・管理するためのフレームワークがwatchOS2で新たに追加されたことで、サードバーティもComplicationの作成が可能になった。これにより、アプリ起動不要、Glanceのようにスワイプも不要になる。Watchの実用度向上が期待できる。堤氏はこちらでサンプル集を公開。ConnectivityペアリングされたiPhoneとWatch間通信を行うためのフレームワーク。バックグラウンド送信や双方向メッセージングなどの機能を提供する。バックグラウンド送信とはコンテンツをバックグラウンドで送信できる機能で、3つのタイプがある。Transferバックグラウンドで新しい情報を更新しておけるので、「ユーザビリティが向上する」というわけだ。App起動時点でデータをPhone側と同期しておける。「Glanceにこの機能は合うと思う」と堤氏。双方向メッセージングが可能になることで、iPhoneとWatch間で相互にメッセージやデータを送れるようになる。これにより以前はできなかったiPhoneからWatchの制御が可能になる。メッセージ送信が可能なケースは決まっている。両者共にフォアグラウンドにあること、もしくはiOS側だけバックグラウンドある(Watch側はフォアグラウンドで起動している)ということだ。3.センサーへのアクセスwatchOS2では次のセンサ・アクチュエータへのアクセスが可能になった。心拍数はHelthkitからデータ取得可能(※watchOS1の頃から可能)これらが可能になることで、「アプリの企画の幅が広がるはず」と堤氏は期待を寄せていた。エンタメに特化したキュレーションアプリ「KOLA」のクリエイティブディレクター、UIデザイナーを務めている。セッションタイトルは「WatchAppから考えるアダプティブ・デザイン」。KOLAとはネット中の情報(Twitter、Instagram、チケット情報)の中から良い情報を引っ張り出し、ユーザーにキュレーションするサービス。好きなモノだけに浸れる音楽体験を提供することに加え、アーティストのまとめやレコメンドをするなど、興味を広げるような設計にしている。「スマートフォン以外で移動中にKOLAに触れられる体験ができるよう、Watch用アプリの開発を手がけることになった」と新谷氏は開発の経緯を語る。アダプティブ・デザインとは、Webデザインの形式の一つ。Webデザインにはレスポンシブデザインもあり、今はこちらが主流で語られるコトが多い。レスポンシブデザインは無段階で可変してどのデバイスでも均等に見られるようなデザイン手法。アダプティブ・デザインは無段階ではないが、ある程度は決まったデザインで見せ、ある領域からは違う見せ方になる手法のことを一般的に指す。アダプティブ・デザインはデバイスにマッチさせることだけではなく、もう少し「広い意味がある」という。「ユーザーの文脈に応じて最適な情報を状況に適したデバイスでどう見せるかということだと思っている」と新谷氏は語る。これまでスマートフォンのサービスの開発において新谷氏が疑問に思っていたのは、「個人も特定できて、時間も指定できて、端末の特性も違うのに出す情報が一緒なのはおかしい」ということ。ウェラブルでは、その疑問を解消することが当然求められるようになると考えているのだ。これは時間と場所とユーザーの嗜好に合わせて出る情報が違う。