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
モバイルUIデザイン:「金沢手形」
Search
篠原 佑友
May 05, 2020
Design
1
110
モバイルUIデザイン:「金沢手形」
ReDesigner for Studentで行われたDMM.com コンペで作成したUIデザイン案です。
篠原 佑友
May 05, 2020
Tweet
Share
More Decks by 篠原 佑友
See All by 篠原 佑友
「シンクウオンパ」:指向性聴覚ゲーム
yutonton
3
130
GUIからのVUI⽣成による⼊⼒⼿順数の減少⼿法
yutonton
1
96
「ヨイ〜ネ」:お酒を飲みながら行うボードゲーム
yutonton
1
88
Other Decks in Design
See All in Design
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
730
Findyのプロデチームの 歩みとこれから
satty9556
0
220
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
760
7 Core Values of Round-L
wired888
0
1.1k
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
470
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
450
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
740
株式会社Muture_ソーシャル推進事業
muture
PRO
0
130
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
240
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
350
株式会社バクタム 会社説明資料
bactum
0
280
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
1
140
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
54
11k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Code Reviewing Like a Champion
maltzj
524
40k
How GitHub (no longer) Works
holman
314
140k
Navigating Team Friction
lara
188
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Transcript
None
コンセプト デジタル通行手形によって、金沢の新しい観光体験を生み出す アプリの機能 ①歩行距離、拾ったアイテムに応じてポイントである「石」を貯める ②「石」と引き換えに金沢の店舗にてサービスクーポンを発行する 課題 他の観光地との差別化 ターゲット COVID-19収束後に起こった観光ブームの最中の人々 解決法
土地の個性を活かしたストーリーテリング
観光アプリ「金沢手形」 「加賀百万石」と謳われたことに習い、ユーザーは 金沢手形で百万石の大名を目指します。百万石にた どりつく過程で、金沢中を歩き回ったり、金沢に縁 があるアイテムを収集し地元を知ることで割引など のサービスを受けることができます。
UI設計 - 3つの画面での操作 ホーム、アイテム、プロフィールの3つをモーダルビューに ホーム アイテム プロフィール
UI設計 - 「ホーム」 主に位置情報を表示する。探索目的の機能が集約。 QRコードを撮る 名所やお店などにあるアイテムをQRコードとして読むこと で、「石」を貯めることができる。アイテムは金沢に縁があるもの。 歩みを知る 現時点での「石」数、金沢に滞在した時間、今の階級を知ることが できる。
位置を知る 自分、付近のアイテムの位置をマップ上で知ることができる。
UI設計 - 「アイテム」 主にアイテムを表示する。金沢について学べる。 金沢について学ぶ 収集したアイテムが写っているカードをタップすると、収集した時間 や場所、説明文を読むことができる。 一覧で眺める 収集したアイテムを一覧で見ることができる。
UI設計 - 「プロフィール」 主にアカウント情報を表示する。「石」の引き換えも行う。 QRコードを表示する 提携店との間で、「石」と引き換えに割引などのサービスを受けるこ とができる。 10000石
以上で提案を終わります
参考文献 https://www.kanazawa-kankoukyoukai.or.jp/photo/index.html 金沢物語 金沢市観光公式サイト ー 写真素材 Creativebooster ー iPhone8モックアップ https://creativebooster.net/products/free-iphone-8-mockup-in-a-white-hand