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
98
「ヨイ〜ネ」:お酒を飲みながら行うボードゲーム
yutonton
1
91
Other Decks in Design
See All in Design
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
1
260
文化のデザイン - Soft Impact of Design
atsushihomma
0
140
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
9
3k
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
390
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5.1k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
900
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
0
490
mount_company_profile
mount_inc
0
5k
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.4k
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
kumanoayumi
6
870
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
730
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.9k
Featured
See All Featured
First, design no harm
axbom
PRO
2
1.1k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
HDC tutorial
michielstock
1
390
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
110
Darren the Foodie - Storyboard
khoart
PRO
2
2.4k
What does AI have to do with Human Rights?
axbom
PRO
0
2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Prompt Engineering for Job Search
mfonobong
0
160
Typedesign – Prime Four
hannesfritz
42
3k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
130
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