$30 off During Our Annual Pro Sale. View Details »

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

yamacraft
August 30, 2022

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

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

yamacraft

August 30, 2022
Tweet

More Decks by yamacraft

Other Decks in Design

Transcript

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

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

  3. 自己紹介 • @yamacraft(YAMADA Wataru) • Androidアプリエンジニア • 合同会社ヤマダ印 代表社員 ◦

    アプリ開発のお手伝いしています ◦ 自社(個人)でもアプリ作って公開してます
  4. 宣伝 • 2022年12月以降で良いお仕事の話お待ちしています • 副業はいつでもお待ちしています • HometeというSNSアプリをリリースしました ◦ https://homete.yamaglo.jp/ ◦

    ちなみにデザインは自前です(ノンデザイナー)
  5. 本題 アプリのデザイン、それ自体も実装も うまくいかないことが多くありませんか? ※ 私はよく見ます

  6. 例えばこんなこと • デザインのOKがなかなか出ない/出せない ◦ 全体よりも細かい部分の修正が多くなりがち ◦ デザイン漏れの部分が見つかりがち • 上記の理由で想定より工数がかかってしまう •

    確定したはずなのに、正しく実装されていない箇所がある
  7. なぜこんなことが起きるのか • 上がってきたデザインの実装難易度が高い ◦ 想定する実装の工数を超えそうなので修正依頼をする • 実装してみると、思ったよりも難易度が高い/デザイン漏れが見つかる ◦ 単純な検収側の技量不足 ◦

    修正を依頼したいが、時間(金銭)上の都合でやむなく実装側の判断で修正 (正しくは改修)してしまう←最悪のパターン
  8. 起こりやすい状況 • デザインの内容に関して、デザイナーに一任してしまっている ◦ 99%上手くいかない • 別(Web、iOSなど)のデザインをそのまま流用している ◦ 上手くいくはずがない •

    検収側に技術方面でチェックできる人を用意しない • (お互い)デザインの工数を甘く見すぎている ◦ 経験が少ないほど、画面が多いほど細かなやり取りは発生する
  9. (対応策その1)デザインしてもらう上でルールを決める • 実装における難易度の緩和/デザイン漏れを防ぐ • 何もないのなら、Material Designをベースにしましょう ◦ https://material.io/ ◦ 現在はv2とv3があるので注意

    ◦ 見るだけではだめ、ちゃんと内容と理解しましょう(お互いに)
  10. 今回はここまで!(たぶん押している)

  11. (本当はこういう話もやる予定でした) • 利用頻度の高いViewごとのデザイン実装の難易度の例を紹介 ◦ ボタン(形状、フィードバック、タップ時の挙動など) ◦ リスト関連(境界線、項目表記など) ◦ 画像(アイコンや表示方法) ◦

    etc... • デザイン見逃しあるある(フィードバック、テーマ切り替えの考慮) • デザイン実装のすり合わせ用のプロジェクト開発の話
  12. もっと詳しく聞きたい!(今回の話or仕事方面) • https://yamacraft.github.io/#contact • meetyの枠もあります ◦ 「meety yamacraft」で検索 こちらからご連絡ください

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