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

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

2014/11/11(Tsu) NANAPI STUDY 01 nanapi@木村真理

自己紹介

•Web制作会社5年ちょい • 2011年10月nanapi入社

木村真理　mari kimura

株式会社 nanapi デザイナー

emosi

2014年10月リリース

ポジティブコミュニケーションアプリ

emosi

今日のお話

「emosi」の開発フローを通して、チームでデザインすることの重要性や仕組みづくりのポイントについて

お話します

一般的なWebサービスの開発フローと emosiの開発フロー

よくあるフロー

戦略・要件定義

D

UI・ビジュアル

De

実装

EFEESS


サービスの見た目を専門で担当するスタッフ

デザイナーDe

デザインフェーズに携わらないD EFE ESS


•分業制（考える人/作る人） • やることが決まっていれば合理的でスピーディー

• 方向転換・出戻りに弱い

ポイント

emosiチーム

実装ビジュアル

戦略・要件定義・UI

De EFEESS

emosiチーム

デザイナー

チームの中でたまたまデザ• • • •

インが一番得意なスタッフDe

全員でデザイン！EFE ESS

emosiチーム

•全員が考える人デザイナー×3!!!

• プロトタイプを大量に試せる • アンチパターンをみつけやすい方向転換・出戻りに強い

ポイント

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

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

•ペーパープロトタイプは全員で • UI改善も全員で • 自走すべきところは任せる

チームでデザイン

ペーパープロトタイプは全員で


•誰がやってもあまり差がでない

emosiではエンジニアもペーパープロトタイプに参加


Q.どれがデザイナーのプロトタイプ？

emosiチームのポイント

•活発な意見が飛び交うデザイナーに遠慮なくUIの話ができる

メリット

DeESS

アイコンこんなに一度に読み込んだらクソ重いですよ !!!

Oh...

•早い段階でアンチパターンをつぶせる

UI改善も全員で


全員でファンネル分析・仮説検証ex.初回チュートリアル達成率向上施策


•検討すべき有用なアイデアの総数が増える • 数値に基づいた仮説の上でUIの話ができる・問題点をだれでも見つけられる・「なんとなく」を排除できる・効果検証しやすい

メリット

自走すべきところは任せる


チーム全員の確認取っていたのでは、なにをするにも時間がかかりすぎる。

方向性だけすりあわせたら、自走すべき専門性の高いところは個々人に任せる。


•ビジュアルデザイン • フィードバックアニメーション • モックアップツールの導入 • 開発環境の自動化

たとえば…

•開発スピードとクオリティの担保コミュニケーションコストの軽減

• 最終アウトプットがブレない

メリット


まとめ

まとめ

emosiでは、それぞれの職能を持った上で、全員がデザインに携わっています。

サービス・チームにマッチした、よりベターな開発フローを模索して、ユーザーによりよいサービスを届けましょう！

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

Design