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
170
なぜアプリのデザインとその実装はうまくいかないのか?
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.8k
ありがたいUIをもっと大事にしたい
yamacraft
2
2.3k
Quickstart-android/mlkitについて
yamacraft
2
4.5k
Firebase関連をCIでデプロイするときのTips
yamacraft
0
4.9k
開発用途で Realtime Databaseを 導入した話
yamacraft
2
4.5k
ciecleci/androidのOpenSSLに気をつけよう
yamacraft
0
680
Realtime Databaseに向いてる・向いてないサービス
yamacraft
0
880
社内用アプリでFirebaseを使っている話
yamacraft
2
1.9k
弊社のアプリ開発CI環境
yamacraft
0
1.2k
Other Decks in Design
See All in Design
Rayout Pattern 01
one0
0
1.5k
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
160
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
380
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
780
portfolio2025_kanakoohata
kanako106
0
660
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
370
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
980
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
360
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
720
Museum Heist
allykae
0
120
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3k
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
4.1k
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Six Lessons from altMBA
skipperchong
27
3.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Agile that works and the tools we love
rasmusluckow
328
21k
Docker and Python
trallard
44
3.3k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
A Philosophy of Restraint
colly
203
16k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Adopting Sorbet at Scale
ufuk
74
9.2k
GitHub's CSS Performance
jonrohan
1030
460k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
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」で検索 こちらからご連絡ください
おしまい ご清聴ありがとうございました