テックヒルズ
- 1. アジャイル开発における鲍齿 Tech Hills- 2012.11.7 DeNA UX Design Dept. UX Designer / Director Tsubota Tomo
- 2. About : 坪田 朋 @tsubotax ? livedoor(現NHN Japan) → DeNA(2011/6～) ? Web Director → UX Designer
- 3. ミッション 1.UX Design部のマネジメント 2.comm プロダクトオーナー 3.mobage Platform UI/UX
- 4. I UX
- 5. クリエイティブグループ ↓ UX Design部
- 6. DeNAで手がけた仕事 SP mobage リニューアル ?メンバー 14名 ?Scrum初導入 -プロダクトオーナー
- 9. UI/UX ?UI = User Interface ?UX = User Experience
- 10. UXとは UX という分野は、システムの利用（あるいはシステムとの出会 い）を通じて人々が持つ経験について研究すること、その経験のた めにデザインすること、そしてその経験を評価することを扱ってい ます。この利用は、UX に影響を与えたり寄与したりする、ある特 定の文脈（context）において行われるものです。 UX は「現象（phenomenon）として」「研究分野（a ?eld of study）として」「実践（practice）として」などの異なった視点 から捉えることができます。これらの違いを理解するには、例えば 医療の分野であれば、「健康は現象」であり「医学は研究分野」で あり「医師の仕事は実務」である、と置き換えれば良いでしょう。 (UX白書出展)
- 11. UXとは 一つの定義で全てのUX視点を言い表す 事はできない ? UXという用語は広く使われるが、人によって解釈は 異なる ? 既存のUX定義は、幅広く存在する ? UXは、多くの概念を包括した用語として用いられてい る
- 13. UX TimeSpan エピソード的 予期的UX 一時的UX 累積的UX UX 利用前 利用中 利用後 全体 経験を想像 経験 経験の内省 経験の包括
- 14. UX 7つの要素 ユーザーエクスペリエンスハニカム構造 有用 使いやすい 魅力的 価値がある 見つけやすい 誰もが見れる 信頼できる
- 15. 本を読んで勉强してください
- 17. イケテナイUIが生まれる理由 ? ユーザーニーズの不理解 ? 市場の勉強不足 ? コミュニケーション不足 ? チューニング不足
- 18. イケテナイUIが生まれる理由 ? ユーザーニーズの不理解 ? 市場の勉強不足 ? コミュニケーション不足 ? チューニング不足
- 19. イケテナイUIが生まれる理由 ? ユーザーニーズの不理解 ? 市場の勉強不足 ? コミュニケーション不足 ? チューニング不足
- 20. UX Design
- 21. 顿别狈础の鲍滨/鲍齿开発プロセス 要件定義 リサーチ UI開発 テスト リリース リサーチ
- 22. 顿别狈础の鲍滨/鲍齿开発プロセス 要件定義 リサーチ UI開発 テスト リリース リサーチ
- 26. 定量調査 キャラクターの意向調査 ? ? 絵 絵 ワ 何 タ 相 間 使 同 柄 柄 ン る が ー 手 違 い じ う が ? ? 種 タ / 言 を が っ が た 絵 こ か キ キ 類 送 ッ 伝 い 見 ど て 面 い 柄 と わ ャ ャ が れ プ え た つ の 送 白 キ が が い ラ ラ 多 る で ら い け 機 っ い ャ 使 な い ク ク い 簡 れ か や 種 て ラ え い タ タ 単 る わ す で し ク る ー ー に か い も ま
- 28. 定性调査 ユーザーテスト@アイトラッカー ?競合サービス?ペルソナユーザーからのヒヤリング
- 29. 定性调査 ユーザーテスト@アイトラッカー ?競合サービス?ペルソナユーザーからのヒヤリング
- 30. 定性调査 Aさん Bさん Cさん Zさんはリストに表示 commアプリを されているのですぐ Aさんとどうやって電 起動して、 に見つかったが、 Zさんがリストに表示 話をして良いのかまっ トーク画面に遷移して されていたので、プロ チャットZさん たくわからない。ま も通話ボタンがない フィール画像を押して ずAさんが見つからな と無料通話して ので一瞬迷った。 電話できた。 かった。 ください。 プロフィールに遷移し たら通話できた。 時間(1分) タイムアップ 10秒 5秒
- 31. 競合調査 ? ターゲットユーザー ? プロモーション / マーケティング ? デザイン ? 設計
- 32. 要件定义/鲍滨开発 要件定義 リサーチ UI開発 テスト リリース リサーチ
- 34. ペーパープロト / UI設計
- 35. 実机でのモック作成/検証 ■プロトテスト ?html/cssで再現 ?実際に実機で触ってみる ?違和感を感じた部分は何 度も作り直す ?迷ったら機能を落とす
- 37. リリーステスト ユーザーテスト@アイトラッカー ?GUIまで実装したリリース版でユーザーテストを実施 ?テキスト/アイコンの直感性などの再確認
- 38. ようやくリリース
- 39. リリース后のリサーチ 要件定義 リサーチ UI開発 テスト リリース リサーチ
- 40. A/Bテスト ?一部のユーザーのみ公開 ?50% / 50% でだし分け ?特定セグメント公開
- 42. Scrum 開発
- 43. 厂肠谤耻尘とは
- 45. 現場に求めらている事 ? スピード。 ? スピード。 ? スピード。
- 46. 『スピード。スピード。スピー ド。』 マネジメント陣が、毛穴か らスピードに対する重要性 を滲み出し、現場の毛細血 管にまで浸透させる
- 47. 『スピード。スピード。スピー ド。』 マネジメント陣が、毛穴か で、数字は？ らスピードに対する重要性 を滲み出し、現場の毛細血 管にまで浸透させる
- 48. 爆速 × 品質 =
- 49. 爆速 × 品質 = Scrum
- 50. 厂肠谤耻尘による开発プロセスの最适 化 ?優先度?目的の可視化 ?役割の明確化 ?コミュニケーションコスト減
- 51. Scrum FrameWork Scrum ストーリー MTG 役割
- 52. Scrum FrameWork Scrum ストーリー MTG 役割 ?プロダクトバックログ ?スプリントバックログ
- 53. Scrum FrameWork Scrum ストーリー MTG 役割 ?プロダクトバックログ ?スプリントプランニング ?スプリントバックログ ?朝会 & スタンドアップ ?振り返り&レビュー
- 54. Scrum FrameWork Scrum ストーリー MTG 役割 ?プロダクトバックログ ?スプリントプランニング ?プロダクトオーナー ?スプリントバックログ ?朝会 & スタンドアップ ?スクラムマスター ?振り返り&レビュー ?チームメンバー
- 55. 1. ストーリー commにおいて友だち数を飛躍的に向上させたい、なぜならば友だちN人以上のユー ザーは、狈人以下のユーザーに比べて搁/搁が＊＊%以上だからだ。
- 56. 1. ストーリー commにおいて友だち数を飛躍的に向上させたい、なぜならば友だちN人以上のユー ザーは、狈人以下のユーザーに比べて搁/搁が＊＊%以上だからだ。 プロダクトバックログ スプリントバックログ ストーリー 高 ストーリー 高 タスク ストーリー タスク ストーリー 優 -ゴール/目的共有 タスク 優 先 -タスク分解 ストーリー ストーリー 先 ストーリー 度 -見積もり タスク 度 ストーリー -担当決め タスク ストーリー 低 タスク 低
- 57. 2. MTG 1Sprint = 2週間 月 火 水 木 金 月 火 水 木 金 朝会&スタンドアップ MTG プランニング MTG レビュー&振り返り
- 58. 3. 役割 product owner holder Scrum チーム ■Product Owner Mission ??プロダクトに入れるストーリーの決定権 UX Designer ??リリースに含めるストーリーの決定権 ??実装する機能のプライオリティ付け ■UX Designer Mission UI Markup ??リサーチ/ストーリー設計 Research Engineer Designer Engineer ??UI/仕様の意思決定 ■team ??ストーリーを適切なサイズに分解 QA Designer ??デザイン、開発、テストの実施 ??プロダクトオーナーへのデモレビュー 法務 QA Team CS
- 59. 3. 役割 product owner holder Scrum チーム ■Product Owner Mission ??プロダクトに入れるストーリーの決定権 UX Designer ??リリースに含めるストーリーの決定権 ??実装する機能のプライオリティ付け ■UX Designer Mission UI Markup ??リサーチ/ストーリー設計 Research Engineer Designer Engineer ??UI/仕様の意思決定 ■team ??ストーリーを適切なサイズに分解 QA Designer ??デザイン、開発、テストの実施 ??プロダクトオーナーへのデモレビュー 法務 QA Team CS
- 60. とあるプロダクトの体制 Markup Engineer UI Designer Direction Engineer CS 法務 QA
- 61. とあるプロダクトの体制 Markup Engineer 偉い人 UI Designer Direction Engineer CS 法務 QA
- 62. とあるプロダクトの时のカレンダー
- 63. とあるプロダクトの时のカレンダー 作業時間 とれるわけない
- 64. Scrumの体制 Scrum = Direction Markup Engineer Engineer UX Designer
- 65. Scrumの体制 Scrum = Direction Markup Engineer レビュー CS User 法務 Engineer UX Designer ステークホルダー
- 66. Scrumの体制 Scrum = Direction Markup Engineer レビュー CS User 法務 インプット Engineer UX Designer ステークホルダー
- 67. ディレクション行程のシステム化
- 68. ディレクション行程のシステム化 ? ガントチャート => 朝会
- 69. ディレクション行程のシステム化 ? ガントチャート => 朝会 ? MTG => Stand Up MTG
- 70. ディレクション行程のシステム化 ? ガントチャート => 朝会 ? MTG => Stand Up MTG ? タスク管理ツール => タスクボード
- 71. ディレクション行程のシステム化 ? ガントチャート => 朝会 ? MTG => Stand Up MTG ? タスク管理ツール => タスクボード ? パワポで書いたワイヤーフレーム => ホワイトボード
- 72. ディレクション行程のシステム化 ? ガントチャート => 朝会 ? MTG => Stand Up MTG ? タスク管理ツール => タスクボード ? パワポで書いたワイヤーフレーム => ホワイトボード ? 偉い人との調整 => レビュー
- 73. コミュニケーションコスト低减
- 74. コミュニケーションコスト低减 ? UX コンセプトの策定 = Goalの明確化
- 75. コミュニケーションコスト低减 ? UX コンセプトの策定 = Goalの明確化 ? 仕様改善/チューニングの意思決定は即決
- 76. コミュニケーションコスト低减 ? UX コンセプトの策定 = Goalの明確化 ? 仕様改善/チューニングの意思決定は即決 ? Sprint中はメンバーのみプロダクトにコミット
- 77. コミュニケーションコスト低减 ? UX コンセプトの策定 = Goalの明確化 ? 仕様改善/チューニングの意思決定は即決 ? Sprint中はメンバーのみプロダクトにコミット ? レビューは関係者全員同時に行う
- 79. 2. MTG 1Sprint = 2週間 月 火 水 木 金 月 火 水 木 金 チームレビュー&チューニング を繰り返す プランニング MTG レビュー&振り返り
- 80. Scrum まとめ ? コンセプト?優先順位を明文化する事で自 走するチーム作りを目指す ? スペシャリスト同士に特化したコミュニ ケーションコスト低減?巻き戻り回避
- 82. 今日のまとめ
- 85. 今日のまとめ ? サービスデザインはエンジニア/クリエ イターの領域 ? UI設計はリサーチ?テストが超大事 ? リリース后の効果分析は彻底的に行う
- 86. 最後に DeNAでは、UXを一緒にデザイン してくれる仲間を募集しています。 ? お問い合わせは ? @tsubotax or 弊社求人サイト
- 87. キーワード
- 91. ありがとうございました DeNA UX Design Dept. UX Designer / Director Tsubota Tomo
Editor's Notes
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n