Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Prott’s Design
小林 幸弘
Web App, iOS App
野上 彩子
Android
1. 今のUIができるまで
2. 今後のPrott
1. 今のUIができるまで
2. 今後のPrott
最初のデザインは?
遷移作成のスピードが遅い
プロトタイピング
してたのに…
ユーザーの使い方を
想像しきれていなかった
1. 今のUIができるまで
2. 今後のPrott
なぜインタラクションより
構造設計なのか?
Demo
構造設計
構造設計
Web App
チームメンバー全員が構造設計を理解
構造設計
Web App
チームメンバー全員が構造設計を理解
↓
遷移図の書き出し機能
チーム
チーム
Web App
コラボレーションの質を高め、活発にする
チーム
Web App
コラボレーションの質を高め、活発にする
↓
コメントの状態管理、レビュー申請ボタン
最後に…
構造設計
Mac App(開発中)
デザイナーが遷移を意識しながら遷移作成
↓
遷移図の自動生成機能
スクリーン自由配置
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Prott's design
Upcoming SlideShare
Loading in …5
×

Prott's design

9,285 views

Published on

Prott 1st year Anniversary

Published in: Design
  • Be the first to comment

Prott's design

  1. 1. Prott’s Design
  2. 2. 小林 幸弘 Web App, iOS App
  3. 3. 野上 彩子 Android
  4. 4. 1. 今のUIができるまで 2. 今後のPrott
  5. 5. 1. 今のUIができるまで 2. 今後のPrott
  6. 6. 最初のデザインは?
  7. 7. 遷移作成のスピードが遅い
  8. 8. プロトタイピング してたのに…
  9. 9. ユーザーの使い方を 想像しきれていなかった
  10. 10. 1. 今のUIができるまで 2. 今後のPrott
  11. 11. なぜインタラクションより 構造設計なのか?
  12. 12. Demo
  13. 13. 構造設計
  14. 14. 構造設計 Web App チームメンバー全員が構造設計を理解
  15. 15. 構造設計 Web App チームメンバー全員が構造設計を理解 ↓ 遷移図の書き出し機能
  16. 16. チーム
  17. 17. チーム Web App コラボレーションの質を高め、活発にする
  18. 18. チーム Web App コラボレーションの質を高め、活発にする ↓ コメントの状態管理、レビュー申請ボタン
  19. 19. 最後に…
  20. 20. 構造設計 Mac App(開発中) デザイナーが遷移を意識しながら遷移作成 ↓ 遷移図の自動生成機能 スクリーン自由配置

×