「個」から「集」の 
デザインへ 
2014/11/11(Tsu) 
NANAPI STUDY 01 
nanapi@木村真理
自己紹介 
木村 真理 mari kimura 
株式会社 nanapi デザイナー 
• Web制作会社5年ちょい 
• 2011年10月nanapi入社
emosi 
emosi 
2014年10月リリース 
ポジティブ 
コミュニケーション 
アプリ
今日のお話 
「emosi」の開発フローを通して、 
チームでデザインすることの重要性や 
仕組みづくりのポイントについて 
お話します
一般的なWebサービスの開発フローと 
emosiの開発フロー
よくあるフロー 
D 
戦略・要件定義 
De 
UI・ビジュアル 
ESS EFE 
実装
よくあるフロー 
デザイナーDe 
サービスの見た目を専門で 
担当するスタッフ 
D EFE ESS デザインフェーズに携わらない
よくあるフロー 
ポイント 
• 分業制(考える人/作る人) 
• やることが決まっていれば 
合理的でスピーディー 
• 方向転換・出戻りに弱い
emosiチーム 
De ESS EFE 
戦略・要件定義・UI 
ビジュアル実装
emosiチーム 
デザイナー 
チームの中でたまたまデザ• • • • 
インが一番得意なスタッフ 
De 
EFE ESS 全員でデザイン!
emosiチーム 
ポイント 
• 全員が考える人 
デザイナー×3!!! 
• プロトタイプを大量に試せる 
• アンチパターンをみつけやすい 
方向転換・出戻りに強い
「個」から「集」のデザイン
「個」から「集」のデザイン 
チームでデザイン 
• ペーパープロトタイプは全員で 
• UI改善も全員で 
• 自走すべきところは任せる
ペーパープロトタイプは全員で
ペーパープロトタイプは全員で 
emosiではエンジニアも 
ペーパープロトタイプに参加 
• 誰がやってもあまり差がでない
ペーパープロトタイプは全員で 
Q.どれがデザイナーのプロトタイプ?
ペーパープロトタイプは全員で 
Q.どれがデザイナーのプロトタイプ?
emosiチームのポイント 
メリット 
• 活発な意見が飛び交う 
デザイナーに遠慮なくUIの話ができる 
De 
• 早い段階でアンチパターンをつぶせる 
ESS 
アイコンこんなに一度に 
読み込んだらクソ重いですよ!!! 
Oh...
UI改善も全員で
UI改善も全員で 
ex.初回チュートリアル達成率向上施策 
全員でファンネル分析・仮説検証
UI改善も全員で 
メリット 
• 検討すべき有用なアイデアの総数が増える 
• 数値に基づいた仮説の上でUIの話ができる 
・問題点をだれでも見つけられる 
・「なんとなく」を排除できる 
・効果検証しやすい
自走すべきところは任せる
自走すべきところは任せる 
チーム全員の確認取っていたのでは、 
なにをするにも時間がかかりすぎる。 
方向性だけすりあわせたら、自走すべき 
専門性の高いところは個々人に任せる。
自走すべきところは任せる 
たとえば… 
• ビジュアルデザイン 
• フィードバックアニメーション 
• モックアップツールの導入 
• 開発環境の自動化
自走すべきところは任せる 
メリット 
• 開発スピードとクオリティの担保 
コミュニケーションコストの軽減 
• 最終アウトプットがブレない
まとめ
まとめ 
emosiでは、それぞれの職能を持った 
上で、全員がデザインに携わっています。 
サービス・チームにマッチした、より 
ベターな開発フローを模索して、ユーザー 
によりよいサービスを届けましょう!
ありがとうございました!

More Related Content

PDF
グラフィックデザインソフトをアンインストールしよう
PDF
デザインのためのデザイン
PDF
サービスにおけるビジュアルデザインの役割
PDF
Uxマップを使ったサービス改善
PDF
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
PDF
風呂場で考えるUIデザイナーの未来
PDF
エクスペリエンス・デザイン
PDF
ブランディングを意識したサービス開発の一歩
グラフィックデザインソフトをアンインストールしよう
デザインのためのデザイン
サービスにおけるビジュアルデザインの役割
Uxマップを使ったサービス改善
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
風呂場で考えるUIデザイナーの未来
エクスペリエンス・デザイン
ブランディングを意識したサービス開発の一歩

What's hot (20)

PDF
デザイナーの私と サービスをつくる私
PDF
いいデザインのために組織の一人ひとりができること
PDF
DeNAでのサービスの作り方
PDF
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
PDF
共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -
PDF
デザイナーとエンジニアの良い関係
PDF
IxD of AWA - インタラクションの考え方
PDF
はじめてのアプリUI、実践的プロトタイピング
PDF
デザインのための経営のデザイン
PDF
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
PDF
これからのWebデザイナーのキャリアプラン
PDF
デザインに自信がつく、タイポグラフィの基本
PDF
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
PDF
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
PDF
0からのウェブディレクション講座:制作・開発編 ver 3.00
PPTX
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
PDF
UIデザイナー最終防衛マニュアル
PDF
UX思考の組織づくりと、その課題
PDF
デザイナーからみた仕事をしやすいディレクター
PDF
Sketchで変わるワークフロー
デザイナーの私と サービスをつくる私
いいデザインのために組織の一人ひとりができること
DeNAでのサービスの作り方
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -
デザイナーとエンジニアの良い関係
IxD of AWA - インタラクションの考え方
はじめてのアプリUI、実践的プロトタイピング
デザインのための経営のデザイン
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
これからのWebデザイナーのキャリアプラン
デザインに自信がつく、タイポグラフィの基本
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
0からのウェブディレクション講座:制作・開発編 ver 3.00
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
UIデザイナー最終防衛マニュアル
UX思考の組織づくりと、その課題
デザイナーからみた仕事をしやすいディレクター
Sketchで変わるワークフロー
Ad

Viewers also liked (20)

PDF
外部から組織に加わるデザイン
PDF
成長するデザイン組織
PDF
デザイン組織に本気で取り組む
PDF
受託側UXデザインの分解と構築 | "RIDE" UX Sketch SUMMER 2016
PDF
社内スタートアップによる組織の成長に伴い発生する痛みとその解決策(スクラム&リーンスタートアップ導入)について #devlove #devlove創
PDF
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
PDF
デザインプロセス重視の「組織づくり」「ものづくり」
PDF
某外資系企業でデザインチームを作った話 〜デザイナーが組織の中での価値を最大化させるために〜
PDF
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
PPTX
UX0,1,100
PDF
UX TOKYO Jam 2014 Closing Keynote
PDF
HOW TO MAKE GLOBAL MEDIA
PDF
Rethinking hx uxtokyo_jam
PDF
How to achieve the Goals of Designing?
PDF
Materialism for UX Design
PPTX
[Uxtokyojam]2014 final public
PDF
企業をデザインシフトさせる方法と今後のデザイン戦略
PPTX
0から始めるUXデザイン(UXデザインの組織を作る)
PDF
カヤックHTMLファイ部のUI・UX (第57回 HTML5とか勉強会 / 2015.5.19)
PDF
Design Sprint 概要 / デザインスプリント概要
外部から組織に加わるデザイン
成長するデザイン組織
デザイン組織に本気で取り組む
受託側UXデザインの分解と構築 | "RIDE" UX Sketch SUMMER 2016
社内スタートアップによる組織の成長に伴い発生する痛みとその解決策(スクラム&リーンスタートアップ導入)について #devlove #devlove創
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
デザインプロセス重視の「組織づくり」「ものづくり」
某外資系企業でデザインチームを作った話 〜デザイナーが組織の中での価値を最大化させるために〜
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
UX0,1,100
UX TOKYO Jam 2014 Closing Keynote
HOW TO MAKE GLOBAL MEDIA
Rethinking hx uxtokyo_jam
How to achieve the Goals of Designing?
Materialism for UX Design
[Uxtokyojam]2014 final public
企業をデザインシフトさせる方法と今後のデザイン戦略
0から始めるUXデザイン(UXデザインの組織を作る)
カヤックHTMLファイ部のUI・UX (第57回 HTML5とか勉強会 / 2015.5.19)
Design Sprint 概要 / デザインスプリント概要
Ad

Similar to 「個」から「集」のデザイン (20)

PDF
もしも素人営業ウーマンが UI/UXデザイナーになったら
PDF
デザインに騙されないデザイン
PDF
効果音管理でラクしたい人のための Unity実装テクニック
PPTX
【SDNJ】Ligtning talk on sdnj meetup#4
PDF
Schoo講演資料130409
PDF
Schoo講演資料130409
PDF
福井で「しあわせデザイナー」になるために
PDF
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
PDF
20140913 ディレクション講演資料(山盛り)
PDF
Magimon 20120426(公演用) dango
PPTX
【UX STRAT2014】conference report
PDF
エンジニア集団によるゼロからの新規事業開発
PDF
20121117 01 dir-mtgスライド01
PDF
サイトリニューアル時のコンセプト設計
PDF
ぼくのかんがえたさいきょうのアンサー管理画面 at 管理画面チラ見せナイト#2
PDF
ヘルプサイトの制作プロセス
PDF
Lifemalpplan
PDF
Business designer
PDF
失敗から学ぶUXへの取り組み
PPT
信頼されるWeb担当者の仕事術120421
もしも素人営業ウーマンが UI/UXデザイナーになったら
デザインに騙されないデザイン
効果音管理でラクしたい人のための Unity実装テクニック
【SDNJ】Ligtning talk on sdnj meetup#4
Schoo講演資料130409
Schoo講演資料130409
福井で「しあわせデザイナー」になるために
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
20140913 ディレクション講演資料(山盛り)
Magimon 20120426(公演用) dango
【UX STRAT2014】conference report
エンジニア集団によるゼロからの新規事業開発
20121117 01 dir-mtgスライド01
サイトリニューアル時のコンセプト設計
ぼくのかんがえたさいきょうのアンサー管理画面 at 管理画面チラ見せナイト#2
ヘルプサイトの制作プロセス
Lifemalpplan
Business designer
失敗から学ぶUXへの取り組み
信頼されるWeb担当者の仕事術120421

「個」から「集」のデザイン