Download as KEY, PPTX
Recommended
![[UX]は投げ捨てろ！](/image.pl?url=https%3a%2f%2fcdn.slidesharecdn.com%2fss_thumbnails%2fsendai-150131020702-conversion-gate01-thumbnail.jpg%3fwidth%3d640%26amp%3bheight%3d640%26amp%3bfit%3dbounds&f=jpg&w=240)
More Related Content
What's hot
Viewers also liked
Similar to テックヒルズ
![[ESM_CM セミナー]小さく作って大いに役立つスマートフォンアプリ(CYCLONE)公開用](/image.pl?url=https%3a%2f%2fcdn.slidesharecdn.com%2fss_thumbnails%2fwithesmsmartphoneapplicationandcyclonecodename1000-111207215903-phpapp01-thumbnail.jpg%3fwidth%3d640%26amp%3bheight%3d640%26amp%3bfit%3dbounds&f=jpg&w=240)
テックヒルズ
- 1.アジャイル開発におけるUX Tech Hills- 2012.11.7DeNA UX Design Dept.UX Designer / DirectorTsubota Tomo
- 2.About : 坪田朋 @tsubotax• livedoor(現NHN Japan) → DeNA(2011/6∼)• Web Director → UX Designer
- 3.ミッション1.UX Design部のマネジメント2.comm プロダクトオーナー3.mobagePlatform UI/UX
- 4.
- 5.クリエイティブグループ ↓ UX Design部
- 6.DeNAで手がけた仕事SP mobage リニューアル・メンバー14名・Scrum初導入-プロダクトオーナー
- 7.
- 8.
- 9.UI/UX•UI = UserInterface•UX = User Experience
- 10.UXとはUX という分野は、システムの利用（あるいはシステムとの出会い）を通じて人々が持つ経験について研究すること、その経験のためにデザインすること、そしてその経験を評価することを扱っています。この利用は、UX に影響を与えたり寄与したりする、ある特定の文脈（context）において行われるものです。UXは「現象（phenomenon）として」「研究分野（a field ofstudy）として」「実践（practice）として」などの異なった視点から捉えることができます。これらの違いを理解するには、例えば医療の分野であれば、「健康は現象」であり「医学は研究分野」であり「医師の仕事は実務」である、と置き換えれば良いでしょう。 (UX白書出展)
- 11.UXとは一つの定義で全てのUX視点を言い表す事はできない• UXという用語は広く使われるが、人によって解釈は 異なる•既存のUX定義は、幅広く存在する• UXは、多くの概念を包括した用語として用いられてい る
- 12.
- 13.UX TimeSpan エピソード的予期的UX 一時的UX 累積的UX UX利用前 利用中 利用後 全体経験を想像 経験 経験の内省 経験の包括
- 14.UX 7つの要素ユーザーエクスペリエンスハニカム構造 有用 使いやすい 魅力的 価値がある 見つけやすい 誰もが見れる 信頼できる
- 15.
- 16.
- 17.イケテナイUIが生まれる理由• ユーザーニーズの不理解• 市場の勉強不足•コミュニケーション不足• チューニング不足
- 18.イケテナイUIが生まれる理由• ユーザーニーズの不理解• 市場の勉強不足•コミュニケーション不足• チューニング不足
- 19.イケテナイUIが生まれる理由• ユーザーニーズの不理解• 市場の勉強不足•コミュニケーション不足• チューニング不足
- 20.
- 21.DeNAのUI/UX開発プロセス 要件定義 リサーチ UI開発 テスト リリース リサーチ
- 22.DeNAのUI/UX開発プロセス 要件定義 リサーチ UI開発 テスト リリース リサーチ
- 23.
- 24.
- 25.
- 26.定量調査キャラクターの意向調査 絵 絵 ワ 何 タ 相 間 使 同 柄 柄 ン る が ー 手 違 い じ う が ・ ・ 種 タ / 言 を が っ が た 絵 こ か キ キ 類 送 ッ 伝 い 見 ど て 面 い 柄 と わ ャ ャ が れ プ え た つ の 送 白 キ が が い ラ ラ 多 る で ら い け 機 っ い ャ 使 な い ク ク い 簡 れ か や 種 て ラ え い タ タ 単 る わ す で し ク る ー ー に か い も ま
- 27.
- 28.定性調査 ユーザーテスト@アイトラッカー・競合サービス・ペルソナユーザーからのヒヤリング
- 29.定性調査 ユーザーテスト@アイトラッカー・競合サービス・ペルソナユーザーからのヒヤリング
- 30.定性調査 Aさん Bさん Cさん Zさんはリストに表示commアプリを されているのですぐ Aさんとどうやって電 起動して、 に見つかったが、 Zさんがリストに表示 話をして良いのかまっ トーク画面に遷移して されていたので、プロチャットZさん たくわからない。ま も通話ボタンがない フィール画像を押して ずAさんが見つからなと無料通話して ので一瞬迷った。 電話できた。 かった。 ください。 プロフィールに遷移し たら通話できた。 時間(1分) タイムアップ 10秒 5秒
- 31.競合調査• ターゲットユーザー• プロモーション/ マーケティング• デザイン • 設計
- 32.要件定義/UI開発 要件定義リサーチ UI開発 テストリリース リサーチ
- 33.
- 34.
- 35.実機でのモック作成/検証 ■プロトテスト ・html/cssで再現 ・実際に実機で触ってみる ・違和感を感じた部分は何 度も作り直す ・迷ったら機能を落とす
- 36.
- 37.リリーステスト ユーザーテスト@アイトラッカー・GUIまで実装したリリース版でユーザーテストを実施・テキスト/アイコンの直感性などの再確認
- 38.
- 39.リリース後のリサーチ 要件定義リサーチ UI開発 テストリリース リサーチ
- 40.A/Bテスト・一部のユーザーのみ公開・50% / 50%でだし分け・特定セグメント公開
- 41.
- 42.
- 43.
- 44.
- 45.現場に求めらている事• スピード。• スピード。• スピード。
- 46.『スピード。スピード。スピー ド。』マネジメント陣が、毛穴からスピードに対する重要性を滲み出し、現場の毛細血管にまで浸透させる
- 47.『スピード。スピード。スピー ド。』マネジメント陣が、毛穴かで、数字は？らスピードに対する重要性を滲み出し、現場の毛細血管にまで浸透させる
- 48.
- 49.爆速 × 品質= Scrum
- 50.Scrumによる開発プロセスの最適 化•優先度・目的の可視化•役割の明確化•コミュニケーションコスト減
- 51.Scrum FrameWork Scrumストーリー MTG 役割
- 52.Scrum FrameWork Scrum ストーリー MTG 役割•プロダクトバックログ•スプリントバックログ
- 53.Scrum FrameWork Scrum ストーリー MTG 役割•プロダクトバックログ •スプリントプランニング•スプリントバックログ •朝会 & スタンドアップ •振り返り&レビュー
- 54.Scrum FrameWork Scrum ストーリー MTG 役割•プロダクトバックログ •スプリントプランニング •プロダクトオーナー•スプリントバックログ •朝会 & スタンドアップ •スクラムマスター •振り返り&レビュー •チームメンバー
- 55.1. ストーリーcommにおいて友だち数を飛躍的に向上させたい、なぜならば友だちN人以上のユー ザーは、N人以下のユーザーに比べてR/Rが＊＊%以上だからだ。
- 56.1. ストーリーcommにおいて友だち数を飛躍的に向上させたい、なぜならば友だちN人以上のユー ザーは、N人以下のユーザーに比べてR/Rが＊＊%以上だからだ。プロダクトバックログ スプリントバックログ ストーリー 高 ストーリー 高 タスク ストーリー タスク ストーリー 優 -ゴール/目的共有 タスク 優 先 -タスク分解 ストーリー ストーリー 先 ストーリー 度 -見積もり タスク 度 ストーリー -担当決め タスク ストーリー 低 タスク 低
- 57.2. MTG1Sprint =2週間 月 火 水 木 金 月 火 水 木 金 朝会&スタンドアップ MTGプランニング MTG レビュー&振り返り
- 58.3. 役割 product owner holderScrum チーム ■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 holderScrum チーム ■Product Owner Mission ・プロダクトに入れるストーリーの決定権 UX Designer ・リリースに含めるストーリーの決定権 ・実装する機能のプライオリティ付け ■UX Designer Mission UI Markup ・リサーチ/ストーリー設計 Research Engineer Designer Engineer ・UI/仕様の意思決定 ■team ・ストーリーを適切なサイズに分解 QA Designer ・デザイン、開発、テストの実施 ・プロダクトオーナーへのデモレビュー 法務 QA Team CS
- 60.とあるプロダクトの体制 Markup EngineerUI Designer Direction Engineer CS 法務 QA
- 61.とあるプロダクトの体制 Markup Engineer 偉い人UI Designer Direction Engineer CS 法務 QA
- 62.
- 63.とあるプロダクトの時のカレンダー 作業時間 とれるわけない
- 64.Scrumの体制Scrum = Direction Markup EngineerEngineer 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中はメンバーのみプロダクトにコミット• レビューは関係者全員同時に行う
- 78.
- 79.2. MTG1Sprint =2週間 月 火 水 木 金 月 火 水 木 金 チームレビュー&チューニング を繰り返すプランニング MTG レビュー&振り返り
- 80.Scrum まとめ• コンセプト・優先順位を明文化する事で自走するチーム作りを目指す• スペシャリスト同士に特化したコミュニ ケーションコスト低減・巻き戻り回避
- 81.
- 82.
- 83.
- 84.
- 85.今日のまとめ• サービスデザインはエンジニア/クリエイターの領域• UI設計はリサーチ・テストが超大事•リリース後の効果分析は徹底的に行う
- 86.最後に DeNAでは、UXを一緒にデザイン してくれる仲間を募集しています。•お問い合わせは • @tsubotax or 弊社求人サイト
- 87.
- 88.
- 89.
- 90.
- 91.ありがとうございましたDeNA UX DesignDept.UX Designer / DirectorTsubota Tomo
Editor's Notes
- #2 \n
- #3 \n
- #4 \n
- #5 \n
- #6 \n
- #7 \n
- #8 \n
- #9 \n
- #10 \n
- #11 \n
- #12 \n
- #13 \n
- #14 \n
- #15 \n
- #16 \n
- #17 \n
- #18 \n
- #19 \n
- #20 \n
- #21 \n
- #22 \n
- #23 \n
- #24 \n
- #25 \n
- #26 \n
- #27 \n
- #28 \n
- #29 \n
- #30 \n
- #31 \n
- #32 \n
- #33 \n
- #34 \n
- #35 \n
- #36 \n
- #37 \n
- #38 \n
- #39 \n
- #40 \n
- #41 \n
- #42 \n
- #43 \n
- #44 \n
- #45 \n
- #46 \n
- #47 \n
- #48 \n
- #49 \n
- #50 \n
- #51 \n
- #52 \n
- #53 \n
- #54 \n
- #55 \n
- #56 \n
- #57 \n
- #58 \n
- #59 \n
- #60 \n
- #61 \n
- #62 \n
- #63 \n
- #64 \n
- #65 \n
- #66 \n
- #67 \n
- #68 \n
- #69 \n
- #70 \n
- #71 \n
- #72 \n
- #73 \n
- #74 \n
- #75 \n
- #76 \n
- #77 \n
- #78 \n