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
910
社内用アプリでFirebaseを使っている話
yamacraft
2
2k
弊社のアプリ開発CI環境
yamacraft
0
1.2k
Other Decks in Design
See All in Design
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
240
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
150
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
290
オープンデータを利用して色々なものを作った話
hjmkth
1
110
PF_濵村ひろみ_202503
maru_design78
0
180
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.7k
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.7k
「デザイン」を信じるには
iflection
0
280
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
300
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
sugiyama_sukedachi
0
130
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
610
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Bash Introduction
62gerente
614
210k
Docker and Python
trallard
44
3.5k
Music & Morning Musume
bryan
46
6.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Optimizing for Happiness
mojombo
379
70k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
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」で検索 こちらからご連絡ください
おしまい ご清聴ありがとうございました