モバイルのためのUXデザイン
•
41 likes•7,741 views
how we can design mobile UX? How to engaged users to use service frequently? We have introduced those TIPS through this presentation with summary of book "mobile frontier" © rosenfeld media http://rosenfeldmedia.com/books/the-mobile-frontier/ This presentation was made for HDIfes #02 http://hdifes.doorkeeper.jp/events/5884
Recommended
More Related Content
What's hot
What's hot (19)
Viewers also liked
Similar to モバイルのためのUXデザイン
Similar to モバイルのためのUXデザイン (20)
モバイルのためのUXデザイン
- 2. UXの超ざっくりした話
- 5. じゃあ何が大事なの？
- 12. モバイルの超ざっくりした話
- 14. 1 章 いかりを上げる 2 章 モバイルNUI パラダイムの登場 3 章 デンバーのピーナツバター 4 章 形態の変化 5 章 モバイルUX パターン 6 章 モバイルプロトタイピング 7 章 モーションとアニメーション 8 章 感覚の目覚め 9 章 新しいモバイルのかたち
- 15. 2 章 モバイルNUI パラダイムの登場 デバイスの中の話（UIデザイン） 3 章 デンバーのピーナツバター 4 章 形態の変化 デバイスの外の話（UXデザイン） 5 章 モバイルUX パターン 6 章 モバイルプロトタイピング 7 章 モーションとアニメーション 8 章 感覚の目覚め 9 章 新しいモバイルのかたち デバイスの中と外の話（UIとUXのデザイン） デバイスの中の話（UIデザイン） デバイスの中も外も無い話
- 23. モバイルならではの体験
- 24. end-to-end experience モバイル モバイル (c) TV Everywhere – Thoughts on designing for multiple devices http://sherylyulin.com/2011/04/24/tv-everywhere-thoughts-on-designing-for-multiple-devices/
- 28. モバイルコンテクストの原則 いつでも、どこからでも な状況にのためのデザイン 1. モバイルならではの体験を作ることにフォーカスする 2. 注意散漫、行動が遮られることを前提にデザインする 3. 認知的負荷や機会費用を減らす
- 29. モバイルコンテクストの原則 どこでも な状況に対処するために 1. モバイルならではの体験を作ることにフォーカスする 2. 注意散漫、行動が遮られることを前提にデザインする 3. 認知的負荷や機会費用を減らす
- 35. 1. モバイルならではの体験 入力 I/F：テキスト、画像、音声 Google search
- 36. end-to-end experience モバイルならではの体験を作ることにフォーカスする 他のタッチポイントを活用してユーザーとの接点を増やす サービスエコシステム モバイル ならでは モバイル ならでは (c) TV Everywhere – Thoughts on designing for multiple devices http://sherylyulin.com/2011/04/24/tv-everywhere-thoughts-on-designing-for-multiple-devices/
- 39. 2013年4月刊行
- 49. P.119 ブライアン・リーガー氏 インタビュー より 「自分の仕事を『ウェブページをデザインする』と考えることを止 め、代わりに複数のコンテクストで表示されるコンテンツをデザイ ンすることだと考える」 P.115 より 「もはやPC上の体験を考慮するだけでは足りず、さらに言うなら ば、モバイル体験だけを考慮するだけでは足りません」 「モバイル端末はより大きなデバイスエコシステムの一部である」
- 51. セクション２ モバイルパターンの登場 Oct 26 2013 Hiroko NOZAWA@ HDIfes
- 52. 5.タスクベースのデザインよ、さようなら Oct 26 2013 Hiroko NOZAWA@ HDIfes
- 53. ３つのインタラクションモデル ・使い続けることで価値が増える ・察する ・いじりたくなる Oct 26 2013 Hiroko NOZAWA@ HDIfes
- 54. ３つのインタラクションモデル ・使い続けることで価値が増える ・察する ・いじりたくなる Oct 26 2013 Hiroko NOZAWA@ HDIfes
- 55. 察する • プリズムエフェクト • 同じエクスペリエンスを複製しない • デバイスの強みを活かす Oct 26 2013 Hiroko NOZAWA@ HDIfes
- 56. モバイルは小さいPCじゃない！ • PCのデザインパターンは積むこと。 • モバイルのデザインパターンは、広げること。直感。 Oct 26 2013 Hiroko NOZAWA@ HDIfes
- 57. モバイルならではの入力方法 Oct 26 2013 Hiroko NOZAWA@ HDIfes
- 58. ３つのインタラクションモデル ・使い続けることで価値が増える ・察する ・いじりたくなる Oct 26 2013 Hiroko NOZAWA@ HDIfes
- 64. 8%
- 65. × 毎日使いたくなる Photo by ali edwards
- 66. 毎回使いたくなる Photo by ali edwards
- 68. ? ? ?
- 70. ■ スクオッシュ（潰し）とストレッチ（伸ばし） ■ アンチシペーション（予備動作） ■ ステージング（舞台演出） ■ ストレート・アヘッド・アクション（逐次描き）と ポーズ・トゥ・ポーズ（原画による設計） ■ フォロー・スルーとオーバーラッピング・アクション （あと追いの工夫） ■ スロー・インとスロー・アウト（両端づめ） ■ アーク（運動曲線） ■ 副次アクション ■ タイミング ■ 誇張 ■ 実質感のある絵
- 76. GROWTH HACK ■ SNS で伝搬しやすい要素。アプリを使っていなくても楽しめる ■ バイラルループが 1-hop で終わらずに、広がり続ける要素 ■ Give & Take の関係が始められる要素。親切とおせっかい ■ ギフトを贈ったり、加入を誘い込める、インセンティブもあり ★ 何かの時間を奪ったら、いつか奪われる。新しい市場を作る ★ ゲームは最初の一回失敗して覚える。アプリは失敗したら辞める ■ ソーシャルアクションを各所に作る（コメント、共有、タグ） ■ ソーシャルだけでない、人に影響を与える、影響を受ける要素 ■ できるだけ登録しなくても多くの事ができると良い ★ ソーシャルすぎるアプリやサービスは、話題になりにくい
- 77. ★ 使っていない期間、時間も何かしてあげる : Argus ■ プッシュ通知で、きっかけづくり : Growth Push ■ 時間を浪費しない（夢中になってもいいがいつか離れる） ■ いつでも中断、いつでも再開できる。仮体験できる ★ 感情のピークポイントを作る（いいね！の瞬間、ランキング） ENGAGEMENT ■ 時間制限、特定時刻の出来事、一定期間等。時間のデザイン■ コンタクトポイントを増やす。使うきっかけを増やす ■ 想定外の使い方を許容する（ハッシュタグ、バルス） ■ バッジ数表示による、もどかしさと、モチベーションの維持 ★ 便利すぎない。ほどほどの手間と、焦燥感、心地よい達成感
- 78. ★ モバイルだけではない、連続した体験（PC, TV, Tablet, 紙）■ アプリ外でもサービスやブランドとの連携がとれている ■ いつでも中断、いつでも再開できる。いつも使わなくてもいい ■ サービスの負の要素を減らし、小さな改善を積み重ねる ■ サービスの成功の基準をシンプルに考える。無理に継続させない ■ しばらく使わなくなってからも、思い出すきっかけを ★ どんなアプリ、サービスもいつかは辞める。心地よい余韻を ★ バランスブレイカー、想定外のことが起これば、離れない ■ 簡単すぎない、偶然すぎないこと、飽きる（飽和）要素の排除 RETENTION
- 79. “Take a Human desire.” 人間の欲を つかむのだ！ Evan Williams (Twitter ex-CEO)
- 81. Customer Journey Map 朝起きる Activities ユーザー行動 寝起きに見てる 通勤する 仕事中 友だちのリストを リアルタイムのツイート チェックしてる 昼休み 友だちのリストを チェックしてる 事件・イベントごと 面白いねたを投稿する 自宅でWebを見てい カウントでログイン 給湯室でお茶を入れる隙にする たばこ休憩で見ている 就寝前 るときにTwitterア リストの情報 ハッシュタグを追う 帰宅 海外ネタのチェック イベント内容をチェック Feature & Contents 日本のツイートを見ている 天気もチェック 友だちの行動 写真＆説明ひとこと UX情報 別のサービス 利用するコンテンツ 便利 Insight 考えていること Feeling みんな楽しそう。。 Retweetされるとうれしい とりあえずチェックする あんまり考えてない 感じていること フォローしている友 だちがついてくる うらやましい。。 共有して、共感してもらいたい 楽・ラッキー 上司に見つからないようにしたい ドキドキ Key Experience 重要なデザイン要素 ・いろいろな使い方 ・フォローしている人によって、全くタイムラインが変わる ・いろいろな使い方 ・PCとモバイルでの使い分け ・ニュースのタイムライン ・自分のフィードを見る ・他のアプリとの連携；RSS Readerなど ・bot系のタイムライン ・継続利用、使い続けることで価値が出て ・フィードバック。ソーシャル。いつ来る ・TV等を見ながらフィードを見る ・継続利用、使い続けることで価値が出てくる。楽しくなる ・他のアプリとの連携；RSS ・PCとモバイルでの使い分け Readerなど ・アイドルのリスト ・旅行先で移動しながら見る くる楽しくなる か分からない情報を見続ける ・一日の中で使い続ける、変化する、価値が出てくる ・フィードバック。ソーシャル。いつ来るか分からない情報を見 ・災害時に役立つ ・たくさんあるTwitterクライアントについて 続ける ・140文字の制限がもたらす絶妙なバランス ・最近、Twitterを使わなくなった、何故 ・エコシステムについて ・フォローしている人によって、全くタイムラインが変わる