Slide 1

Slide 1 text

新規事業における UIプロトタイピングの 実践例 第25回 ゆるはち.it 登壇資料 Twitter: @_akinen

Slide 2

Slide 2 text

あきねん 株式会社ビルディット/デザイナー 長野県諏訪市 出身 → 八王子市 在住 現在は「Stockr」のUI/UXデザイン (小澤 晶徳)

Slide 3

Slide 3 text

Stockrについて 気づきの習慣化をサポートするアプリ。 ・日々の「気づき」をストックして  時々ふりかえることで、  自己成長を促進するアプリ ・2020年10月にリリースし、  現在は機能を改善中 ・Figmaでデザインし、Flutterで開発

Slide 4

Slide 4 text

今回はFigmaでプロトタイピングした 事例をご紹介します

Slide 5

Slide 5 text

ありがちなこと これでいかがでしょうか?

Slide 6

Slide 6 text

デザイナーの脳内にはあるけど・・・ 画面を見せられただけでは どう動くかイメージできない! 想像で実装 → 修正箇所が増大 ありがちなこと

Slide 7

Slide 7 text

動作イメージも含めて議論することで、 実装前に検証できる & 認識を合わせられる 投稿を複数選択 →コピー/シェアができるUI (後ほど画面をお見せします) ・Figmaでプロトタイプを作成 ・URLをSlackに共有して触ってもらう Stockrの場合

Slide 8

Slide 8 text

実演Time

Slide 9

Slide 9 text

つくる前に分かる部分 ・複数画面に渡るデザインをつくる際、  動作イメージを共有するのにプロトタイプは効果的。 ・「つくってから考える」という方法もあるが、   は検証しておきたい。 まとめ

Slide 10

Slide 10 text

ご清聴 ありがとうございました