「個」から「集」の
デザインへ
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では、それぞれの職能を持った
上で、全員がデザインに携わっています。
サービス・チームにマッチした、より
ベターな開発フローを模索して、ユーザー
によりよいサービスを届けましょう！

ありがとうございました！