Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SPAJAM2020予選 チームおひっこし プレゼン資料
Search
Inoue Noa
September 27, 2020
470
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
SPAJAM2020予選 チームおひっこし プレゼン資料
Inoue Noa
September 27, 2020
More Decks by Inoue Noa
See All by Inoue Noa
SPAJAM2020本戦 チームおひっこし プレゼン資料
noainoue
2
830
今日からはじめるデザインレビュー
noainoue
7
8.2k
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
370
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
The Curse of the Amulet
leimatthew05
2
14k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
290
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
Being A Developer After 40
akosma
91
590k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
430
First, design no harm
axbom
PRO
2
1.3k
Navigating Team Friction
lara
192
16k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
2.6k
Transcript
2020年9月27日 SPAJAM2020第2回予選 チームおひっこし カシャっと交流
課題と問題 01 課題と問題 01
コロナで外に遊びに行けない 友達との交流も減りまくり 慢性的な「離れてる感」 01 コロナ禍で交流に対する課題を感じている
カシャっと交流
課題と問題 01 デモ 02
課題と問題 01 アプリの詳細 03
03 離れている人と一緒に過ごした かのような写真をカシャっと 撮れるアプリ 撮る過程や写真を元に 知人との交流を深めます アプリの詳細
アプリ技術 04
想像以上に高いクオリティの交流写真をカシャっと生成! 深度情報を活用 04 技術でのこだわり1 元画像 切り抜き 深度情報
即座に誰かと交わる写真 FirebaseのStorageで写真を共有 即座に 04 技術でのこだわり2 速い!!
こだわり 05
05 こだわ架空の写真のリアリティを上げるために撮影時のガイドも工夫 ガイドがないと二人の写りにズレがで てしまう 真ん中にガイドを置くとピースが途切れ てしまったり、なんだか違和感がある
05 こだわ架空の写真のリアリティを上げるために撮影時のガイドも工夫 実際にふたりで自撮りした写真を 参考に️、ピースがおさまることなど リアルな自撮り感が出る条件を追求 より適切なガイド位置へ
写真を一緒に見ることでさらに交流を深めるために インスタのストーリーのようなタグも合成 ここ行きたいね〜などの話題作りに繋がります 05 タグで話題作りに #としまえん #金閣寺
デザインについて 06
06 アプリ名 想像 + 写真 イマージ イマジン イメージ
06 ロゴとアイコン ポジティブなもの ・ 優しく ・ 楽しく ・ ・ 二色の異なるカラー
・ デフォルメしたフォント 交流 テーマである「 」
06 UI / UX について UXもアプリの画面遷移図と ユーザーストーリーを何度も 照らし合わせ、 ユーザーの楽しい気持ちを 阻害しないようなユーザー体験
づくりを目指しました
06 UI / UX について #としまえん 角 角 人と人が交流するアプリ 文字通り「
」が立たないように このアプリはどこにも「 」がありません 自由なUIに見えて、グリッドで綺麗に管理 ユーザーにほどよい安心感を与えます https://www.figma.com/file/PrKauoP494cdgwb6s9zgDx/imerge?node-id=0%3A113
アプリの将来性 07
07 初対面の人との交流も進む ・ 友達はもちろん!歓迎会ができなかった大学1年生や新卒のオンラ イン交流のネタに ・気になるあの子と何話せばいいかわからない。そうだ!イマージ を使って話すきっかけを作ろう! ・ポージングと背景の組み合わせが面白かったら、友達とシェアし よう!
07 初対面の人との交流も進む イマージ 架空のアルバムを作れます あたかも昔から友達だったかのような 雰囲気で話し始めることもできます 最初は架空でも、「 」をきっかけに 未来のリアルな思い出もパシャッと作りませんか?
07 イマージを使えば他にもこんな可能性が イマージ 「 」で楽しい交流を !
2020年9月27日 SPAJAM2020第2回予選 チームおひっこし #ヒマラヤ山脈 カシャっと交流