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
86
Other Decks in Design
See All in Design
NAHO SHIMONO_Portfolio2025
nahohphp
0
720
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.7k
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
1.9k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
3.8k
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
1
1k
マズロー安達の弟子2期生、成功事例集(17人中17人が3ヶ月平均140万受注)
maslow_akkun
0
5k
デザイナーとPMの両ロール_3つのポイント
toy1618
1
310
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.4k
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
590
Haley's adventure chase
ivettetwin
0
200
Featured
See All Featured
A Tale of Four Properties
chriscoyier
159
23k
Automating Front-end Workflow
addyosmani
1370
200k
How GitHub (no longer) Works
holman
314
140k
Optimizing for Happiness
mojombo
379
70k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Designing for humans not robots
tammielis
253
25k
Statistics for Hackers
jakevdp
799
220k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
The Language of Interfaces
destraynor
158
25k
The Cult of Friendly URLs
andyhume
79
6.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
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