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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
篠原 佑友
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
100
「ヨイ〜ネ」:お酒を飲みながら行うボードゲーム
yutonton
1
96
Other Decks in Design
See All in Design
AIスライド生成を進化させるMDファイル
kenichiota0711
1
1.5k
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
350
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
280
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
150
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
230
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
450
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
420
Of Ordination and Rebellion exploration sketches
rezaline
0
190
【CEDEC2026】派手さと見やすさは両立できる!『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
cygames
PRO
0
370
開閉UIのアニメーション設計
hiro0218
2
910
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
890
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
790
Featured
See All Featured
A designer walks into a library…
pauljervisheath
211
24k
Visualization
eitanlees
152
17k
Un-Boring Meetings
codingconduct
0
360
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.5k
The untapped power of vector embeddings
frankvandijk
2
1.8k
Docker and Python
trallard
47
4k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
200
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.4k
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