Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
モバイルUIデザイン:「金沢手形」
Search
篠原 佑友
May 05, 2020
Design
120
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
モバイルUIデザイン:「金沢手形」
ReDesigner for Studentで行われたDMM.com コンペで作成したUIデザイン案です。
篠原 佑友
May 05, 2020
More Decks by 篠原 佑友
See All by 篠原 佑友
「シンクウオンパ」:指向性聴覚ゲーム
yutonton
3
140
GUIからのVUI⽣成による⼊⼒⼿順数の減少⼿法
yutonton
1
110
「ヨイ〜ネ」:お酒を飲みながら行うボードゲーム
yutonton
1
110
Other Decks in Design
See All in Design
decksh object reference
ajstarks
2
1.8k
Starfall (2025)
rezaline
0
160
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
150k
Webブラウザで動く VJツールをつくる
akirafukuoka
0
120
2026/8/20 Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり〜リビングラボの事例を通じて〜
a2k
0
100
Where Imagination Ends AI Begins
r5ni4
0
460
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
muture
PRO
0
310
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
290
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
iwaken71
0
130
信頼をデザインし、ブランドで市場を拓く。/ Designship2026
assuredjp
PRO
0
220
Saving_the_King_-_Storyboard.pdf
terencebasart
0
380
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
820
Featured
See All Featured
Are puppies a ranking factor?
jonoalderson
2
4k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
360
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
53
4k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.9k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
300
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
630
AI: The stuff that nobody shows you
jnunemaker
PRO
10
1.1k
Un-Boring Meetings
codingconduct
0
450
Designing for Timeless Needs
cassininazir
1
520
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