SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

【デブサミ2012】セッションレポート(AD)

【デブサミ2012】16-A-4 レポート
グリーが考えるスマートフォンの快適なユーザー体験とは

  • X ポスト
  • このエントリーをはてなブックマークに追加

 本稿では、「Developers Summit 2012」(デブサミ2012)において、2月16日に行われた氏によるセッション「Effective Smartphone UX at GREE」の内容を紹介する。  米川健一氏は現在、SNSやiPhoneアプリの開発を担当している。セッションのテーマはエンジニア視点のUX(ユーザー体験)。最近のアプリケーションやシステムの設計では、快適なUX提供が重要なポイントになっている。本セッションではスマートフォンにフォーカスし、特有のUXにおける問題と解決策が語られた。

  • X ポスト
  • このエントリーをはてなブックマークに追加

グリー株式会社 開発本部 ソーシャルメディア統括部 米川健一氏
グリー株式会社 開発本部 ソーシャルメディア統括部 米川健一氏

UXデザインで考慮すべき2つの距離

 現在のスマートフォン市場ではiPhoneとAndroid端末が主流になっている。タッチパネルが全面にあり、ハードキーがそぎ落とされている。スマートフォンに組み込む機能の要件とUXの関係を見てみると、例えばiPhoneでは、指を横にスライドすることで画面を切り替える。普通に機能的に考えれば、指が横軸に移動したことを検知してメニューを切り替えるように作ればいい。しかし実際は、ユーザーは指を真横ではなく斜めに動かす。横だけを見ていては、ユーザーの意図通りの結果を返すことができないため、ユーザーは不快な体験をすることになる。そのため、斜めのスワイプも横と検知できるように作る必要がある。

 またメールを受信した際はメール受信の通知を画面上に出し、現れた了解ボタンを押してメールを見に行く仕組みがあればいい。ただそのときはユーザーが別の操作をしていて、すぐにメールを見たくないかもしれない。着信通知の機能としては正しくても、ユーザーの状況を考慮しなければ正しいUXとは言えない。

 大きな留意点として米川氏が指摘するのは「2つの距離」だ。まず指とタッチパネルの距離があり、アプリケーションが反応するまでの距離がある。両者が離れ、フィードバックが遅いほど、ユーザーの不満が大きくなる(図1)。そのため、この2つの距離をいかに縮めるかが良いUXの指標になる。

 タッチパネルからアプリケーションまでの距離を縮めるためには、ネットワーク通信が入るなどの事情からすぐに結果を返すことができなくても、ハイライトなどのフィードバックを即座に行えばいい。Twitter系のアプリでは、スライドアニメーションを使っている。アニメーションは効果的で、現在見ているコンテンツから別の世界に切り替わったことを指し示すことができる。

 指とタッチの距離ということでは、ボタン配置の問題がある。タッチパネルは、全面が反応する。ユーザーは移動しながら操作することが多い。そのため、スマートフォンは、従来型のハードキータイプよりも誤操作が多くなる。そのため、すぐに訂正できる仕組みが必須だ。

 これまでグリーが進めてきたスマートフォン対象のアプリケーションの中心となっているのは、HTMLなどで作成されたフィーチャーフォン用アプリの移植だ。リストをタップで進むようにしたり、ボタンを目立つようにしたりするなど、スマホらしいUIを組み込んでいる。HTMLをベースにし、実現できない機能については、ネイティブアプリケーションで補っている。

 HTMLを基本にしているのは、スピード重視という背景もある。HTMLベースでサーバーから配信する仕組みにより、常に最新のクオリティが高いデータを渡せるようにすることで、サービスの品質を上げていくサイクルを維持している。

図1:操作と反応間のギャップをいかに埋めるか
図1:操作と反応間のギャップをいかに埋めるか

次のページ
スマートフォンUX固有の課題と解決策

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
【デブサミ2012】セッションレポート連載記事一覧

もっと読む

この記事の著者

CodeZine編集部(コードジンヘンシュウブ)

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/6454 2012/03/14 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング