SlideShare a Scribd company logo
「個」から「集」の 
デザインへ 
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

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