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
yamacraft
August 30, 2022
Design
0
200
なぜアプリのデザインとその実装はうまくいかないのか?
Mobile勉強会 Wantedly × チームラボ #6
https://wantedly.connpass.com/event/256518/
yamacraft
August 30, 2022
Tweet
Share
More Decks by yamacraft
See All by yamacraft
あんまり触れられてない気がする、Kotlin1.3の ありがたい追加機能
yamacraft
0
2.9k
ありがたいUIをもっと大事にしたい
yamacraft
2
2.3k
Quickstart-android/mlkitについて
yamacraft
2
4.6k
Firebase関連をCIでデプロイするときのTips
yamacraft
0
5k
開発用途で Realtime Databaseを 導入した話
yamacraft
2
4.6k
ciecleci/androidのOpenSSLに気をつけよう
yamacraft
0
700
Realtime Databaseに向いてる・向いてないサービス
yamacraft
0
920
社内用アプリでFirebaseを使っている話
yamacraft
2
2k
弊社のアプリ開発CI環境
yamacraft
0
1.2k
Other Decks in Design
See All in Design
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
310
今日から意識できるアクセシビリティ
fumiko
0
280
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.7k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.4k
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
150
minpaku-community-scrum-patterns
norinity1103
1
170
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.2k
「UXとUIの違い」v2
shirasu3
0
150
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
100
ポートフォリオ_webデザイナー
nami_webdesigner
0
120
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
380
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
210
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
What's in a price? How to price your products and services
michaelherold
246
12k
Docker and Python
trallard
45
3.5k
Practical Orchestrator
shlominoach
189
11k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
The World Runs on Bad Software
bkeepers
PRO
70
11k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Music & Morning Musume
bryan
46
6.7k
The Pragmatic Product Professional
lauravandoore
35
6.8k
Transcript
なぜアプリのデザインとその実装は うまくいかないのか? 試し読み版 山田航(YAMADA Wataru) 合同会社ヤマダ印 代表社員
諸注意 • 本来25〜40分想定の内容を5分に超圧縮しています • 完全版の作成と公開は、Twitter等での反応や反響を見て検討します
自己紹介 • @yamacraft(YAMADA Wataru) • Androidアプリエンジニア • 合同会社ヤマダ印 代表社員 ◦
アプリ開発のお手伝いしています ◦ 自社(個人)でもアプリ作って公開してます
宣伝 • 2022年12月以降で良いお仕事の話お待ちしています • 副業はいつでもお待ちしています • HometeというSNSアプリをリリースしました ◦ https://homete.yamaglo.jp/ ◦
ちなみにデザインは自前です(ノンデザイナー)
本題 アプリのデザイン、それ自体も実装も うまくいかないことが多くありませんか? ※ 私はよく見ます
例えばこんなこと • デザインのOKがなかなか出ない/出せない ◦ 全体よりも細かい部分の修正が多くなりがち ◦ デザイン漏れの部分が見つかりがち • 上記の理由で想定より工数がかかってしまう •
確定したはずなのに、正しく実装されていない箇所がある
なぜこんなことが起きるのか • 上がってきたデザインの実装難易度が高い ◦ 想定する実装の工数を超えそうなので修正依頼をする • 実装してみると、思ったよりも難易度が高い/デザイン漏れが見つかる ◦ 単純な検収側の技量不足 ◦
修正を依頼したいが、時間(金銭)上の都合でやむなく実装側の判断で修正 (正しくは改修)してしまう←最悪のパターン
起こりやすい状況 • デザインの内容に関して、デザイナーに一任してしまっている ◦ 99%上手くいかない • 別(Web、iOSなど)のデザインをそのまま流用している ◦ 上手くいくはずがない •
検収側に技術方面でチェックできる人を用意しない • (お互い)デザインの工数を甘く見すぎている ◦ 経験が少ないほど、画面が多いほど細かなやり取りは発生する
(対応策その1)デザインしてもらう上でルールを決める • 実装における難易度の緩和/デザイン漏れを防ぐ • 何もないのなら、Material Designをベースにしましょう ◦ https://material.io/ ◦ 現在はv2とv3があるので注意
◦ 見るだけではだめ、ちゃんと内容と理解しましょう(お互いに)
今回はここまで!(たぶん押している)
(本当はこういう話もやる予定でした) • 利用頻度の高いViewごとのデザイン実装の難易度の例を紹介 ◦ ボタン(形状、フィードバック、タップ時の挙動など) ◦ リスト関連(境界線、項目表記など) ◦ 画像(アイコンや表示方法) ◦
etc... • デザイン見逃しあるある(フィードバック、テーマ切り替えの考慮) • デザイン実装のすり合わせ用のプロジェクト開発の話
もっと詳しく聞きたい!(今回の話or仕事方面) • https://yamacraft.github.io/#contact • meetyの枠もあります ◦ 「meety yamacraft」で検索 こちらからご連絡ください
おしまい ご清聴ありがとうございました