モバイル - Yasuhisa Hasegawa

スマートフォンは実生活のためのリモコンである

Techcrunch で、「Great Mobile Apps Are Remote Controls For Real Life [http://techcrunch.com/2012/09/21/great-mobile-apps-are-remote-controls-for-real-life/] （すばらしいモバイルアプリは実生活のためのリモコンである）」という記事が公開されています。リモコンは、ただボタンを１回押すだけでチャンネルを変えたり、利用者が求めている操作を実現することができます。すばらしいアプリも同様に、面倒な操作や画面遷移を辿ることなく、リモコンのように１タップで済むものであると解説しています。その一例として、最近日本でもサービスを開始した Uber [https://www.uber.com/] が挙げられています。サイトに「ボタンをタップするだけで、Uber アプリはお客様のドライバーを探します。」と書かれているとおり、リモコンのような手軽さが、人気の秘密なのかもしれません。昨年の記事ですが、今のスマートフォンの存在を上手に表現していますし、スマ

ペルソナ

スマートフォン利用にある異なる６つの価値感

スマートフォンがアーリーアダプターのものではなくなった今日。「スマートフォンユーザー」と一言でいっても、好みや重要にしているものは人それぞれです。利用者のアプリの使い方、アプリの並べ方、デバイスの持ち方、そして行動にまで影響します。同じように見えるスマートフォンも、人の性格が出ていることがありますし、気付きを与えてくれることがあります。最近、人のを見て「なるほど」と思ったアプリの配置。よく使うアプリは Dock や上部に置かず、右手の親指で届きやすい左下に集中させている人が何人かいました。デザインを皆で考えるときに難しいのが、何がフォーカスするべき重要なことなのかを共有するとき。スマートフォンへの価値観が異なることから、話がすれ違ったり、プライオリティをうまく決めることができないことがあります。そこで、プロトタイプを作る前にシナリオやペルソナをつくって「こういう価値感をもっている人を想定している」という部分を共有することがあります。先日 Ericsson が発表したレポート「Unlocking Consumer Value [http://www.ericsson.com/

デザイン

多種多様なWebアクセスにおけるパソコン向けデザインの弱点

通信機器の普及率を2010年と2012年度で比較（総務省 2013年）。日本も既にポストPC時代先週、総務省が平成二十四年度の通信利用動向調査 [http://www.soumu.go.jp/johotsusintokei/statistics/statistics05a.html] を発表しました。詳しくは公開されている PDF (又は生データで公開されている Excel/CSV) を参照してほしいですが、特筆すべき点は以下の 6 つです。 * パソコン（デスクトップやノート）からの Web アクセスは 2009 年をピークに毎年下降している * 家庭内、外関係なくパソコンからの Web 利用は低下している * 同時に低下しているのは従来の携帯電話。保持率は依然高いが Web アクセスは減ってきている * 従来のアクセス端末の利用は低下しているが、今まで以上に Web アクセスする人は増えている * 10代から40代の Web 利用率は頭打ちをしているが、増えてきているのが 65 歳以上の高齢者

モバイル

モバイルがライフスタイルになるための３つの視点

今月の始めに発表された、魔法の AR メガネ Project Glass [http://g.co/projectglass]。未来を感じさせてくれると同時に広告だらけになるのでは？ [http://www.youtube.com/watch?v=_mRF0rBXIeg] と考えている方もいると思います。我々ユーザーからのフィードバックを募集しているわけですから、今後どう成長して製品化されるのか楽しみです。このプロジェクトに関わる Google X のエンジニアが残した以下のメッセージ [https://plus.google.com/111626127367496192147/posts/aKymsANgWBD]が少し気になりました。 > テクノロジーはもっと便利になるべきだと考えている。必要なときにはそこにあり、必要がなければ自ら姿を消す。そんなあり方が理想的だ。素晴らしい視点ではありますが、今のようにメガネという形が必要でないときに見えない存在になり、人と人とのインタラクション（対話）を助長させるもなのか疑問です。グラスを付けている人に会ったときに、あなたは

モバイル

ソーシャルメディアとスマートフォンに共通する関係の設計

10月12日にロフトワークが主催するいまさら聞けない！？企業のスマートフォン対応 [http://www.loftwork.jp/seminar/2011/20111012_smartphone.html] というセミナーで登壇をしました。スマートフォンがテーマですが、今回の参加者は制作者よりマーケッター、ディレクター、プロデューサー層が多い集まりだったこともあり、コミュニケーションの変化をテーマの基盤にしてスマートフォンではどのような見せ方や運営の仕方が最適なのかを解説しました。今年は「ソーシャルメディア」という言葉が IT/Web 業界だけでなく、他のシーンでも耳にする場合があるほど流行しました。こうした言葉があるからこそ、より多くの方に興味をもってもらえるキッカケになるわけですが、本質が見え難くなる場合があります。ソーシャルメディアにしても「メディア」というフレーズを強調して理解すると、Facebook や Twitter は数々存在する情報配信チャンネルに過ぎなくなります。実のところ、ソーシャルメディアは扉を開けるただの鍵 [http://www.yasuhisa.c

デザイン

モバイルにある３つのモノレイヤー

モバイル向けに設計する場合、場所は重要なキーワードです。「今、渋谷駅にいる」といった具体的な場所だけでなく、モバイルでは 3つの場所レイヤー [http://www.yasuhisa.com/could/article/mobile-layers/] を考慮しなければいけません。しかし、モバイルコンテキストを理解する上で、場所の理解だけでは不十分です。モバイル機器におけるインタラクションはとてもパーソナルです。特定の場に居ざる追えない従来のデバイスに比べると、自由に動き回れて自分だけの時間をつくりやすいモバイル機器。スクリーンサイズも利用者とモバイル機器の１対１の関係をつくるのに丁度良い大きさです。パーソナルな関係が築き上げられているからこそ、１対１の関係で楽しめるゲームやエンターテイメントがモバイルでは人気ですし、家族・友人との対話に役立っています。パーソナルな関係を築くのになくてはならないモバイル機器。利用者が触れるモノ（機器）にも、場所と同様３つのレイヤーが存在します。デバイスレイヤーモバイル機器はさらに細分化することが出来ます。ハードウェア、OS、アプリ、バッテリ

モバイル

SwapSkillsでモバイルを意識したWebコミュニケーションの講演をしました

7月2日、野村カンファレンスプラザ日本橋にて SwapSkills doubbble01 [http://swapskills.info/2011/doubbble01.html] というセミナーが開催されました。7 人のスピーカーから、概念的なところからコーディング、UI設計、パフォーマンスという様々な側面からモバイス向けの Web サイト制作の今を検証しました。私は「Mobile First:モバイルファースト」が意味する今後のWebコミュニケーションデザインという題名で話をしました。技術的な話は少なめで、今私たちはどのような人たちに向けてサイトを作っているのか、そして彼等のニーズに応えるには何が課題なのかという話をしました。最近、国内でも耳にするようになった「モバイルファースト」という言葉。これは元 eBay / Yahoo! のデザイナー Luke Wroblewski が提唱した [http://www.lukew.com/presos/preso.asp?26] と言われています。モバイル機器を使う人の割合が圧倒的に高くなるということ、そしてそこでの体験は非常

UX

モバイルにある３つの場所レイヤー

モバイルコンテキストの見分け方と注意点 [http://www.yasuhisa.com/could/article/mobile-context/] という記事で、モバイル機器とそれに触れる人間との間で生まれる文脈を、誰が使っているか・何を使っているか・何処にいるのかの３つに分けて解説しました。しかしこの３つは文脈を理解する上での始まりにか過ぎません。例えば何を使っているか（What）を想定するにしても、ハードウェア、OS、ソフトウェア、そして前回の記事でも指摘した回線速度など幾つかの考慮項目があります。今回は、何処にいるのか（Where）をもう少し深く掘り下げてみたいと思います。「何処にいるか？」という質問を「電車にいる」「お店のショーウィンドウを見ている」といった場所・地名だけに限定できません。もう少し視野を広げて「何処」という意味を探ることで、モバイル利用者の像がより明確に浮かび上がる場合があります。ここでは「何処」を３つのレイヤーに分けてみました。文化レイヤー経済、社会構造、流行など、利用者が住む社会がどのようなものか、そしてそこから生まれて来る価値観（エチケット）

ポッドキャスト

谷拓樹さんとモバイルWebとデザインについて対談しました

震災後、諸都合で１ヶ月ほどお休みしておりましたが、その後順調に回を重ねているポッドキャスト「Automagic [http://www.yasuhisa.com/could/announcement/automagic-podcast/]」。毎週、Web デザインを中心に私が思うことを手短に話している番組ですが、今回は inkdesign [http://www.inkdesign.jp/] の谷拓樹さんをお呼びしてモバイルWebを中心に話をしました。昨年の 11 月に「HTML5＋CSS3で作る魅せるiPhoneサイト [https://www.amazon.co.jp/dp/4899772750/ref=as_li_ss_til?tag=could-22&camp=1027&creative=7407&linkCode=

デザイン

モバイルコンテキストの見分け方と注意点

モバイルにおける文脈とは「文脈を理解したWebコミュニケーションデザイン [http://www.yasuhisa.com/could/article/context-web-communication/] 」という記事で、利用者のコンテキスト（文脈）に応じて Web サイトの見せ方も変化させる必要があると話しました。利用者から取得できるコンテキストを７つ挙げましたが、今回はモバイル環境におけるコンテキストとは一体何であるかを少し掘り下げてみようと思います。モバイルにおけるコンテキストとは何でしょうか？何を基にして仮定することができるのでしょうか？モバイルにおけるコンテキストを理解する上で以下の３つがキーになります。 * 誰が使っているか（Who） * 何を使っているか（What） * 何処にいるのか（Where）これらをリアルタイムかつ自動で取得することでコンテキストをある程度把握することができるようになります。例えば何を使っているのかを User Agent などで理解することが出来れば、PC版のフルサイトではなく自動的に最適化されたサイトを最初に表示させることが

モバイル

モバイル開発に欠かせないテストツール14選

Adobe Device Central CS5 [http://www.adobe.com/jp/products/creativesuite/devicecentral/] Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK [http://developer.android.com/intl/ja/sdk/index.html] Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox

UI

Web OS 搭載のネットブック「litl」

正直、あまりネットブックに興味がなかったのですが、今月初めに発売された litl [http://www.litl.com/] は興味津々です。ソフトウェアのインターフェイスが独特なのと、機能ではなくライフスタイルからネットブックの可能性を提案している点が好感をもてます。ハードをフリップさせてデジタルフレームとして使える点のもおもしろいですね。スペックをみると、HDDは2GB, 1GB RAM, 1.86GHz Intel Atom プロセッサなので、他のネットブックと変わりありません。しかし litl が他のネットブックより魅力的に感じるのは小さくて便利というスペックから見た魅力紹介ではなく、具体的な使い方を提案している点にあります。また、外へ持ち出すのではなく、家で使えるネットブックという見せ方もあまりないかもしれませんね。 litl の最大の特徴は、専用 OS にあります。これはモバイル向けの Ubuntu を改良したもので、インターフェイスデザインはロンドンを拠点とし今は世界各地に事務所をもつ Pentagram [http://pentagram.com/en/new

UI

決して使いやすいとはいえないタッチUI

iPhone [http://www.apple.com/iphone/] の登場以来、国内外問わず多くのスマートフォンがタッチスクリーンを採用しはじめています。これからのユーザーインターフェイスはタッチスクリーンだと感じている方もいるかもしれませんが、利用者はどのように感じているのでしょうか。 Canalys [http://www.canalys.com/]という調査会社がヨーロッパのモバイルユーザーにタッチスクリーンに関する反応をまとめています。 Survey reveals extent of shift in mobile UI preferences [http://www.canalys.com/pr/2009/r2009111.htm] この調査によると、次のモバイル機器の購入の際、指で操作するタッチスクリーンにしたいと考えている方は 38% にのぼり、スタイラス式（16%）の購入を考えている方を大きく上回ります。このようにタッチスクリーンの注目度は高いですが、既にタッチスクリーンの携帯電話を利用している方の反応は少し違います。Canalys の調査によると、47％

マーケティング

透明化されていく多彩なレビューサイト

Webマーケティングにおいて「透明化」はよく耳にするキーワードのひとつです。企業が提供する製品やサービスだけでなく、消費者との対話も透明化されている今日。レビューは誰でも手軽に出来るようになり、消費者もレビューを読んで購入を検討しています。いわば、レビューが Web では広告そのものなのかもしれません。例えば「東京　ホテル [http://tinyurl.com/l8gs9l] 」と検索すれば、レビューがすぐ読める状態になっています。良いサービスを顧客に提供するというベーシックな部分ではありますが、それが検索結果にも直結し始めているといえます。幅広くレビューを扱う総合サイトは以前からありますが、最近は特化したものも少なくありません。Sleeping In Airports [http://www.sleepinginairports.net/] は、6,300の空港の寝心地具合をレビュー。レストランのレビューはたくさんありますが、 dishola [http://www.dishola.com/] は、食べ物の種類ごとにレビューされています。また、Printer.com [http

ixd

ジェスチャーを使ったモバイルコミュニケーション

マルチタッチやタップによるソフトウェアとのインタラクションが携帯電話で増えてきました。スクリーンに直接触れるという直感的な操作が魅力的ですが、指を使った操作だけでなく、ジェスチャーを使った操作も近年注目を浴びています。 Nintendo Wii [http://www.amazon.co.jp/exec/obidos/ASIN/B000WN67L6/could-22/ref=nosim/] のようなゲームデバイスもそうですし、日本の携帯電話にはモーションセンサーが実装されたものがあり、ゲームなどに利用されています。iPhone でも Friend Book [http://tapulous.com/friendbook/] のようなアプリは握手をしているようなジェスチャーでコンタクトの交換が出来るような機能があります。デバイスに触れる操作だけでなく、ジェスチャーを使った携帯電話の操作にはどのような可能性が秘められているのでしょうか。Nokia Research Center [http://research.nokia.com/] では、フィールドスタディをしながらジェスチャ

アイデア

開発合宿2009年3月号

既に百式さんのところで紹介 [http://www.ideaxidea.com/archives/2009/03/devcamp200903.html] されていますが、開発合宿に参加してきました。しばらく参加していなかったので、本当に久しぶりですね。サイドフィード [http://sidefeed.com/] の赤松さんと、読書メーターの赤星さん [http://akahoshitakuya.com/archives/516] との合計４名での合宿でした。開発合宿だからといって食事費を削ってはいかんですね。たっぷり良いもの食べた方が開発にも力が入るなと実感しました。珍しく２日間かなり集中して取り組むことが出来たのもよかったです。もう2,3年前になると思いますが、「egoport」というブックマーク数やブログからのリンクをチェックするための1ページサイトを作ったことがあります。当時としてはまずまずなのですが、今回は iPhone に特化した別バージョンを作ることを課題にしました。とはいっても、前と一緒のようにフィードをとってくるだけでは今では意味がないですよね。ブックマークサー

UX

Palm Preで追求したUX

先日の CES で発表された Palm Pre [http://www.palm.com/us/products/phones/pre/index.html] 。現在 iPhone を使っていますが、これが出たら乗り換えても良いかもと思うくらい好印象です。機能が盛りだくさんのわりにはシンプルにデザインされている印象があります。Apple の真似事ではない異なるスタイルのビジュアルを演出しているのも、iPhoneを意識しつつも、新しいソリューションを提供しているという姿勢の現れなのかもしれません。モバイルの話題の中心に戻ってきた Palm ですが、彼等はどのようなビジョンの元、webOS を開発したのでしょうか。「Palm provides a case study in user experience strategy [http://www.mobileuserexperience.com/?p=593] 」という記事で詳しく解説されています。 webOS を開発する際、Palm が

microformats

Microformatsとモバイルの関係

様々なアプリケーションを立ち上げるパワーもなければ、並べて眺めるだけの十分なスペースもないモバイル環境。それゆえデータの連携は使いやすさを向上させるひとつの鍵といえますし、ウェブサイト間で出来るのであれば、モバイルブラウザひとつ立ち上げておくだけですべて完結するかもしれません。 iPhone では vCard や iCalフォーマット (ics) をブラウザからダウンロード出来ないようになっています。つまり、カレンダーに書き留めておきたい情報がウェブ上にあったとしても、一旦カレンダーに切り替えて自分で書き込まなくてはならないというアナログチックな作業が必要ということになります。そこで Microformats を摘出して、自分が利用している Web サービスへ情報を自動入力するという形であれば iPhone だけでなく他のモバイル機器でも考えられるソリューションだと思います。 Bookmarkletを使うやり方もありますが、現状 iPhone では Bookmarklet の保存の仕方が大変面倒 (パソコンと同じようにはいかない) です。もちろん Greasemonkey も使え

ゲーム

iPhoneとオンラインゲームの未来

オンラインゲームの世界を作るためのプラットフォームは既に幾つか存在しており、以前「カスタムMMORPG [http://www.yasuhisa.com/could/entries/000974.php] 」というエントリーで紹介したことがあります。しかし、これらはすべてパソコンを使ったゲームを想定して作られたプラットフォームでモバイル用ではありません。既に日本の携帯ではオンラインゲームは幾つかありますが、パソコンのネットワーク対戦の域を超えているものは少ないです。場所や時間を組み合わせてリアルに人と繋がるという意味でオンラインゲームに新たな意味を加える可能性がモバイルにはありますが、既に開発している企業も出てきています。 Fallen Earth [http://www.fallenearth.com/]の開発をはじめ、オンラインゲームのソリューションを提供しているIcarus Studios [http://www.icarusstudios.com/]が、本格的なバーチャルワールドを iPhone で再現しようと開発を進めているそうです。プレスリリースはこちら [http://

アイコン

よりスマートなサムネイルとは

この記事は「ライブアイコンを使った情報の見せ方 [http://www.yasuhisa.com/could/article/live-icons/] 」の続きにあたります。クリックしなくても必要な情報のサマリーを見せる「ライブアイコン」。小さなスペースで効率よくかつスピーディに情報にアクセスするためのひとつの見せ方だと思います。アイコンやサムネイルのような小さなグラフィックも今まで以上にスマートな形で利用者に情報を伝える必要があります。iPhone をはじめ、スマートフォンではお気に入りのサイトをホームパネルに保存する機能があります。iPhone だと専用の Favicon が表示されますし、Sony Ericsson の Xperia だとページの見た目がそのまま反映されます。しかし、いずれの方法でも課題が残されています。iPhone の場合だと静的なアイコンなので何も情報が見れません。Xperia の場合だとサイトの全体像が見れますが、あまりにも小さすぎて何が書いてあるのか分かりませんし、何か変化しても判断しにくいです。iPhone に実装されている Safari と、現在

UI

ライブアイコンを使った情報の見せ方

デバイスが違えば情報との関わり方は変わってきます。同じウェブからの情報を受信するといってもパソコンとモバイル機器では関わり方とアプローチに違いがあります。最も大きな違いであり、課題になるのが、モバイル機器でははるかに小さなスクリーン上で多くの情報を掲載しなければならないという点。『モバイル (移動)』という環境化の中で、欲しいときに必要な情報をすぐに出す必要があります。スクリーンが小さい割にはパソコンより多くの情報を目の前に出せるようにしておく必要があるわけです。こうした難しい課題の中、モバイルインターフェイスで適応されているテクニックが「ライブアイコン」という概念。パソコンのアイコンといえば、アプリケーションを概念的に象徴するシンボルですが、突然形が変わるということはありません。しかし iPhone [http://www.apple.com/iphone/] や Sony Ericsson の Xperia X1 [http://www.sonyericsson.com/x1/] のアイコンはアプリケーションによってダイナミックに情報を提示するようになっています。左が i