WWW.AKIRAFUKUOKA.COM BLOG

エフェクトもデザインの範疇。iPhone用アプリ「駅探エクスプレス」の完成度の高さ。

2008.07.13

エフェクトもデザインの範疇。iPhone用アプリ「駅探エクスプレス」の完成度の高さ。

iPhone購入当日、やはり携帯用アプリと言えば乗り換え案内系のものは外せないなと思い、よくCMやってるNAVITIMEがあったので試しにインストールして触ってみたがあまりのあおうぇyが:…な仕様に絶句。なのでAppStoreでも人気があった「駅探エクスプレス」をインストールしてみたらこれがとんでもなく素晴らしかった。

駅探エクスプレス (AppStoreへジャンプ)
駅探エクスプレス iPhone / iPod touch

iPhone準拠のアップル的なデザインはもちろんのこと、設計がアップル的というよりは任天堂的ともいえる親切さ。AppStoreでいくつかソフトをダウンロードして試したけども、この「駅探エクスプレス」が見栄も、演出も、機能もiPhone的に洗練されていると感じた。ので、一体何が素晴らしいのか解説。いや、これはみんなちゃんと見ておくべきなんだってば。

まず今までの携帯用乗り換え案内サービスで個人的に不満だった点は2つ。
(1) 入力した駅名が合ってないときに正しい検索結果が返ってこないことがある。
 (あれ、たまプラーザ?たまプラ〜ザ?たまぷらーざ?的な状況)
(2) いちいち時間を指定しなければならないのが面倒
 (一本次の情報が知りたいだけなのに、また駅名も時間も打ち直し!?っていうことがある)
それではこの駅探エクスプレスの働きをとくとご覧あれ。

駅探エクスプレスの基本画面

これが起動してすぐの画面。構成が非常にシンプルでわかりやすく、iPhone純正アプリのような見た目。アイコンもちゃんと作ってある。で、乗り換え案内を利用するにはまず出発駅の駅名を入力するところからスタートするわけですが、このソフトはキーボードを使って駅名を指定するのではなく

駅探エクスプレスではよみがなを一文字ずつ順番に指定していく

このようにしてよみがなを一文字ずつ順番に指定していく。この方法が素晴らしいのが文字の入力と検索候補の表示を同時にやっていること。この発想はすばらしい。先ほどの懸念点(1)を見事にクリア。ちなみに一度入力した駅名は「以前入力した駅名」に保存されるし、普通にキーボード入力で検索することも可能。こんな具合に出発駅と到着駅を決めたら「検索」ボタンを押して検索開始。

駅探エクスプレスの検索結果は非常にシンプル

乗り換える際の駅や線なども簡潔に表示。いくらかかるか、どれくらい時間がかかるかも含めてシンプルに表示されている。もし複数の経路があれば左右ボタンをタップして表示を切り替える。いやま、ここまでは予想の範疇と言うか、普通の経路検索と変わらない。例えばここで、一本乗り過ごしてしまったために次にくる電車を調べたい、というときには出発駅の表示をタップすると…

前後の結果を見る際にはSafariのタブ選択画面のような表示に

なんと画面が引いてSafariのタブ選択画面のような表示に!! これで電車の前後を選択するとぐぐぐいっと画面がスライドして次の時間の検索結果表示。これはいいエフェクトの使い方の例だと思う。画面の縦と横の動きの意味の違い、エフェクトの大小による差の付け方。

本当にこのソフトはよくできてて、触れば触るほど作った人のApple、というかiPhoneへの愛情を感じる。運行情報の中に東京メトロが入ってないじゃないか!!…と思ったら普通に設定の中でON/OFF変更できたり(いやはや千葉都市モノレールがリストの中に入ってたのはびっくりした)。唯一の重箱の隅は時刻表検索の「快速」とかのアイコンがちょっとにじんで見えてあんまりきれいに見えないこと…って本当に重箱中の重箱だよ。このクオリティでどんどんiPhoneソフトウェアが出てきたらいいよね。


iPhone/MacOS Xはエフェクトの時代の始まり。今まで優秀なソフトウェアは適切なレスポンス・適切な表記・適切な配置で決まる部分が大きかった。最近ではそこにエフェクトというものが少しずつではあるけど大きな位置を占めつつある。駅探エクスプレスでは検索結果画面における縦横の動き、そしてエフェクトの違いが見事に効いている。経路の違いと時間の違いをエフェクトが教えてくれている。Flashサイトだってボタンにカーソルを載せたときに色が変わったりするのは別に楽しくするだけでやっているわけではない。ユーザーの操作をサポートするために画面の変化を付けているのだ。

iPhoneではタッチパネル方式の入力のため、ボタンを押したという感覚を指で感じることができない。そのために画面のエフェクトをオーバーにしてユーザーにフィードバックしている傾向が強い。例えばホームボタンを押すと画面がズームアウトするように画面が小さくなり、ホーム画面が現れる。場合によっては処理落ちすることもあるというのにAppleはわざわざあのエフェクトを入れている。そこまでしてあんな派手なエフェクトが必要なのか?もちろん必要なのだ。ホームに戻る=アプリケーションの切り替わりであり、操作方法が大幅に切り替わる。このとても大きな変化をユーザーに伝えるためにあのエフェクトがある。

エフェクトが単なる自己満足のように見られる時代があったように思う。ただそれは「意味をなさないエフェクト」だったから。ユーザーを助け、適切に補助し、目的まで導く。ようやくエフェクトもデザインの範疇といえる時代になってきた。…って実はゲームの世界はとっくにそれをやってたかもね。私も口だけじゃなくてがんばんないと。

blog comments powered by Disqus
Trackback [0]

このエントリーのトラックバックURL:http://www.akirafukuoka.com/mt/mt-tb.cgi/352

iPhone3G、触って見て聞いてわかった7つのこと。 | BLOG TOP | 2008年7月のHITSPAPER™のカバーイメージを作成しました。

Archives

2011.10 2011.09 2011.08 2011.07 2011.06 2011.05 2011.04 2011.03 2011.02 2011.01 2010.12 2010.11 2010.10 2010.09 2010.08 2010.07 2010.06 2010.05 2010.04 2010.03 2010.02 2010.01 2009.12 2009.11 2009.10 2009.09 2009.08 2009.07 2009.06 2009.05 2009.04 2009.03 2009.02 2009.01 2008.12 2008.11 2008.10 2008.09 2008.08 2008.07 2008.06 2008.05 2008.04 2008.03 2008.02 2008.01 2007.12 2007.11 2007.10 2007.09 2007.08 2007.07 2007.06 2007.05 2007.04 2007.03 2007.02 2007.01

Feed

Category

Profile

  • akirafukuoka
  • AKIRAFUKUOKA(福岡 陽)
  • FICC inc.所属。Flashコンテンツ開発担当、でもデザインや企画まで手がけることも。
  • WebデザインブックマークサイトAnotherBookmark、Web制作系求人情報サイトMOREWORKSの制作も担当。
  • また趣味的にクラブイベントRaw-Fi 主宰も。当ブログよりモノ系・文化系に特化したRaw-Fi Blogも更新中。
  • ABOUT AKIRAFUKUOKA

Link