新規事業におけるUIプロトタイピングの実践例 / Examples of UI prototyping practices for new businesses
by
Akinen
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
ご清聴 ありがとうございました