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
デザイナーから見たモバイルアプリ開発
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Isoda
July 31, 2023
Design
0
220
デザイナーから見たモバイルアプリ開発
先日、クラスメソッド大阪オフィスにて行ったモバイルアプリ開発で発表させていただいた資料です。
Isoda
July 31, 2023
Tweet
Share
More Decks by Isoda
See All by Isoda
受託案件でクライアントと体験を作った話
iso
0
890
Other Decks in Design
See All in Design
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
0
1.2k
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
380
Drawing for Animation
lynteo
2
190
第18回サイゼミ
lw
1
3.3k
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.9k
デザインするために「多様性」について考える
iflection
0
190
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
680
mount_company_profile
mount_inc
0
5k
Storyboard Assignment: Storyboard from Comic Strip
lynteo
3
190
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
240
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
900
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.8k
Featured
See All Featured
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
70
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
Being A Developer After 40
akosma
91
590k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
430
Why Our Code Smells
bkeepers
PRO
340
58k
sira's awesome portfolio website redesign presentation
elsirapls
0
150
Everyday Curiosity
cassininazir
0
130
Exploring anti-patterns in Rails
aemeredith
2
250
A Soul's Torment
seathinner
5
2.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
170
Fireside Chat
paigeccino
41
3.8k
Transcript
デザイナーから見た モバイルアプリ開発 2023/7/28 isoda 1
2 自己紹介 isoda • 2021年8月入社 • Delivery部デザインチーム デザイナー • ウェブアプリ、モバイルアプリ
• 前々職は菓子屋でデザイン含め色々(長い) 前職は少しだけWebデザイン
3 この登壇内容の趣旨 デザイナーがモバイルアプリ開発について語る ふわっとした社内体験談
4 今回の登壇内容 • クラメソで関わった案件と現状 • デザイナーとして大切だと思うこと • モバイルアプリデザインで使うツールについて • アジャイル開発に参加してみた
5 クラメソで関わった案件と現状
6 クラメソで関わったモバイル案件 クラメソで関わった案件 • オンラインストア プリセ1件 • モバイルアプリ プリセ1件 •
モバイルアプリ 継続開発1件 • モバイルアプリ 新規開発PoC 2件 (他、ウェブアプリ開発案件2件) 現在:モバイルアプリ継続開発1件と新規開発PoC1件
7 クラメソに来るデザイン案件の傾向 数年前:ガッツリモバイルアプリ開発案件が大半 現在:ガッツリ開発案件とPoC すでにメインサービスのアプリは稼働中、社内新規事業や研究開発の 目的でアプリを作る話が多い印象 ↓ ただ作るだけの案件から一緒にサービスを考える案件へ 🔨 から 🤝
8 デザイナーとして大切だと思うこと
9 デザイナーとして大切にしてること 昔からデザイナーは 自分がいいと思うものを たくさん見るように言われてきた 👓
10 デザイナーとして大切にしてること デザイナーは 現場を知るべし
11 現場を知るべし • 開発中のアプリを触る ◦ 実際にユーザーになって利用する ◦ 実店舗に赴く ◦ 企業の情報を調べる
• 開発中のアプリを使う人を観察 • 他社アプリも触る
12 現場を知ることで… デザイナーは ユーザーを意識する 🧑
13 ユーザーを意識する • 今のプロダクトとユーザー像は合致しているか ◦ 継続開発だとアプリの役割もペルソナも変わる • プロトペルソナ ◦ 口コミや来店顧客、立地から
ユーザ調査ができず取得可能なデータが無く、本来のペルソナが作れない場合の簡易的なペルソナで あり、スタートアップなどで利用されることが多い。ペルソナ作成のために必要な調査・費用や時間が無 い場合に利用するための代替手段ではなく、あくまで情報源となる既存のユーザが存在していない場合 に、ペルソナの効果を活用するために作成し、基本は本来のペルソナを利用すべきである。 https://uxdaystokyo.com/articles/glossary/proto-persona/
14 ユーザーを意識する ユーザーを意識した上で アイコンのテイスト、色、文字サイズ、文言 etc… テイストを考慮→デザイン作成 📱
15 とはいえモバイルアプリUIの基本は Human Interface Guidelines Material Design いつもエンジニアさんに 助けられています ❤
16 モバイルアプリデザインで使う ツールについて
17 使うツール類
18 Figmaっていいよね これからのFigmaはますます便利に… 開発モードBeta版のアップデート (vsコードとの連携) Adobe社の買収
19 Figmaで重宝している機能1 ライブ修正が可能 お客様との会議中に 画面共有しながら修正可能 ブラウザでの操作が可能 アプリとブラウザで 使用感に差が少ない
20 Figmaで重宝している機能2 セクション機能 • フレームを囲んでグルー ピングが可能 • データ整理に役立つ
21 Figmaで重宝している機能3 オートレイアウト コンポーネント プロパティ神
22 アジャイル開発に参加してみた
23 実際の開発の話 ウォーターフォール アジャイル 両案件を兼務中 👭
24 実際の開発の話 アジャイルは未経験 イメージは 「忙しい」 「一気に画面を作らなくてはいけない」 「しんどい」
25 デザイナーのアジャイル開発体験談 アジャイル + オフショア スピードが早い 開発着手前にデザインFixを目指す 1週間スプリントなので結構大変…
26 デザイナーのアジャイル開発体験談 Figmaだと即反映ができるので 意外と対応できる ミーティングの場で修正、Fixもあり コンポーネントは神
27 デザイナーから見たアジャイル開発困りごと 開発着手中の画面と デザイン作成中の画面が頻繁に混在する コンポーネント管理が難しい
28 アジャイル開発の個人的な感想 開発工数のためにデザインすることも しかし開発時の一員感は強い チーム相談の機会も多く チームで働いている感がある
29 実際の開発の話 アジャイルに鍛えられる毎日
30 今後のUI/UXデザイナーに求められそう ビジネス理解 サービスや事業を一緒に考える 素早いアウトプット 世の中の流れの速さ コミュニケーション ユーザーインタビューやファシリテーション 💬
31 終わり ご清聴ありがとうございました