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
210
なぜアプリのデザインとその実装はうまくいかないのか?
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
3k
ありがたいUIをもっと大事にしたい
yamacraft
2
2.3k
Quickstart-android/mlkitについて
yamacraft
2
4.7k
Firebase関連をCIでデプロイするときのTips
yamacraft
0
5k
開発用途で Realtime Databaseを 導入した話
yamacraft
2
4.6k
ciecleci/androidのOpenSSLに気をつけよう
yamacraft
0
710
Realtime Databaseに向いてる・向いてないサービス
yamacraft
0
930
社内用アプリでFirebaseを使っている話
yamacraft
2
2k
弊社のアプリ開発CI環境
yamacraft
0
1.2k
Other Decks in Design
See All in Design
Yumika Yamada Portfolio
yumii
0
1.9k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
640
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
420
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
190
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
310
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
380
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
120
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
160
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
870
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
320
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
730
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.7k
Featured
See All Featured
A designer walks into a library…
pauljervisheath
209
24k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
The Invisible Side of Design
smashingmag
302
51k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Typedesign – Prime Four
hannesfritz
42
2.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Code Review Best Practice
trishagee
72
19k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Rails Girls Zürich Keynote
gr2m
95
14k
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」で検索 こちらからご連絡ください
おしまい ご清聴ありがとうございました