なぜアプリのデザインとその実装はうまくいかないのか？

Mobile勉強会 Wantedly × チームラボ #6
https://wantedly.connpass.com/event/256518/

Transcript

1. なぜアプリのデザインとその実装は
   うまくいかないのか？
   試し読み版
   山田航（YAMADA Wataru）
   合同会社ヤマダ印 代表社員
   

   View Slide

2. 諸注意
   ● 本来25〜40分想定の内容を5分に超圧縮しています
   ● 完全版の作成と公開は、Twitter等での反応や反響を見て検討します
   

   View Slide

3. 自己紹介
   ● @yamacraft（YAMADA Wataru）
   ● Androidアプリエンジニア
   ● 合同会社ヤマダ印 代表社員
   ○ アプリ開発のお手伝いしています
   ○ 自社（個人）でもアプリ作って公開してます
   

   View Slide

4. 宣伝
   ● 2022年12月以降で良いお仕事の話お待ちしています
   ● 副業はいつでもお待ちしています
   ● HometeというSNSアプリをリリースしました
   ○ https://homete.yamaglo.jp/
   ○ ちなみにデザインは自前です（ノンデザイナー）
   

   View Slide

5. 本題
   アプリのデザイン、それ自体も実装も
   うまくいかないことが多くありませんか？
   ※ 私はよく見ます
   

   View Slide

6. 例えばこんなこと
   ● デザインのOKがなかなか出ない／出せない
   ○ 全体よりも細かい部分の修正が多くなりがち
   ○ デザイン漏れの部分が見つかりがち
   ● 上記の理由で想定より工数がかかってしまう
   ● 確定したはずなのに、正しく実装されていない箇所がある
   

   View Slide

7. なぜこんなことが起きるのか
   ● 上がってきたデザインの実装難易度が高い
   ○ 想定する実装の工数を超えそうなので修正依頼をする
   ● 実装してみると、思ったよりも難易度が高い／デザイン漏れが見つかる
   ○ 単純な検収側の技量不足
   ○ 修正を依頼したいが、時間（金銭）上の都合でやむなく実装側の判断で修正
   （正しくは改修）してしまう←最悪のパターン
   

   View Slide

8. 起こりやすい状況
   ● デザインの内容に関して、デザイナーに一任してしまっている
   ○ 99%上手くいかない
   ● 別（Web、iOSなど）のデザインをそのまま流用している
   ○ 上手くいくはずがない
   ● 検収側に技術方面でチェックできる人を用意しない
   ● （お互い）デザインの工数を甘く見すぎている
   ○ 経験が少ないほど、画面が多いほど細かなやり取りは発生する
   

   View Slide

9. （対応策その１）デザインしてもらう上でルールを決める
   ● 実装における難易度の緩和／デザイン漏れを防ぐ
   ● 何もないのなら、Material Designをベースにしましょう
   ○ https://material.io/
   ○ 現在はv2とv3があるので注意
   ○ 見るだけではだめ、ちゃんと内容と理解しましょう（お互いに）
   

   View Slide

10. 今回はここまで！（たぶん押している）
    

    View Slide

11. （本当はこういう話もやる予定でした）
    ● 利用頻度の高いViewごとのデザイン実装の難易度の例を紹介
    ○ ボタン（形状、フィードバック、タップ時の挙動など）
    ○ リスト関連（境界線、項目表記など）
    ○ 画像（アイコンや表示方法）
    ○ etc...
    ● デザイン見逃しあるある（フィードバック、テーマ切り替えの考慮）
    ● デザイン実装のすり合わせ用のプロジェクト開発の話
    

    View Slide

12. もっと詳しく聞きたい！（今回の話or仕事方面）
    ● https://yamacraft.github.io/#contact
    ● meetyの枠もあります
    ○ 「meety yamacraft」で検索
    こちらからご連絡ください
    

    View Slide

13. おしまい
    ご清聴ありがとうございました
    

    View Slide