デザインから逆算して難易度を見積もるための観点

Slide 1

Slide 1 text

デザインから逆算して難易度を見積もるための観点 Fumiya Sakai 『みんなのアジャイル』発売記念LT大会 in 虎ノ門 @ 虎ノ門ヒルズビジネスタワー 2025/02/05 書籍ダイジェスト版 & 補足事項

Slide 2

Slide 2 text

自己紹介・Fumiya Sakai ・Mobile Application Engineer アカウント: ・Twitter: https://twitter.com/fumiyasac ・Facebook: https://www.facebook.com/fumiya.sakai.37 ・Github: https://github.com/fumiyasac ・Qiita: https://qiita.com/fumiyasac@github 発表者: ・Born on September 21, 1984 これまでの歩み: Web Designer 2008 ~ 2010 Web Engineer 2012 ~ 2016 App Engineer 2017 ~ Now iOS / Android / sometimes Flutter

Slide 3

Slide 3 text

iOSのUI実装本を執筆しています！書籍に掲載したサンプルのバージョンアップや続編等に現在着手中です。少しの工夫で実現できるTIPS集やライブラリ表現の活用集をはじめとした、iOSアプリ開発の中でも特にUI実装やUIKitを利用した画面の中で特徴を与える様な表現という題材に焦点を当てた書籍となっております。現在は電子書籍版のみとなります。こちらは全て¥1,000となっております。 https://just1factory.booth.pm/ 概要: https://book-tech.com/ 価格: 📖 Booth 📖 Book Tech

Slide 4

Slide 4 text

UI実装であると嬉しいレシピブックの最新情報 UI実装であると嬉しいレシピブックVol.3として2022年10月に商業化しました！ Still WIP これまでの同人誌として頒布したものに加えて、Vol.1及びVol.2に頒布したものの中で書籍に載せきれなかったものや表現や動きが特徴的でユーザーにもほんの少し遊び心を与える様なUI実装を紹介したものをVol.3としています。概要: これからの構想: こちらで購入可能です: Amazon / Google Play / Apple Books / KINOKUNIYA / Rakuten BOOKS etc.. 🏊 iOS: SwiftUIを利用したUI実装や動画関連の実装 🏊 Android: Jetpack Composeの基本やその他気になるUI表現の考察

Slide 5

Slide 5 text

技術書同人誌博覧会スタッフ＆デザイン協力もしてます（御礼）第11回技術書同人誌博覧会参加ありがとうございました！ 🍀 #9 一般参加募集チラシ 🍀 #10 次回案内チラシ 🍀 #11 次回案内チラシ 🍀 技書博 mini OSC案内（ちょっと宣伝）上記案内のデザインは私が作成しました。

Slide 6

Slide 6 text

デザインを基に実装難易度を見積もる重要性に関して iOS/Androidはそれぞれ異なるデザインガイドラインや技術的要件を持つ同じ様なデザインを実装する場合でも、異なるアプローチが必要になる。 1. モバイルアプリ開発において難易度を見積もる際に重要な観点を整理する：デザインから逆算して実装の難易度を正確に見積もることは、プロジェクトの円滑な進行に不可欠だと考えています。 2. iOS/AndroidそれぞれのUI実装観点からの重要性：デザイナーとの協業においても、これらの技術的な制約や可能性を共有することで、実装しやすく、かつユーザー体験の高いデザインの創出につながると考えています。 3. アジャイル開発の観点からiOS/Androidでの類似点・相違点を押さえる例： iOS/Android両方の違いを事前に把握することで、スプリント計画の制度向上によるリソースの最適配分やリスクの早期特定から適切な対策を立てることができるので、スムーズな開発支援にもつながると考えています。

Slide 7

Slide 7 text

モバイルアプリ開発において難易度を見積もる際に重要な観点を整理する(1) 観点は様々ありますが、見積もりの際に特に重要なものをピックアップしました 😀 1. UIコンポーネントの複雑さ 2. プラットフォーム間の差異 3. データフローとステート管理 4. パフォーマンスへの影響 5. API連携とデータ同期標準のまま or カスタムの必要 / AnimationやLayoutの複雑さ / 複雑なInteraction / 階層構造 UIガイドライン / プラットフォーム固有機能 / デバイス毎の画面やアスペクト比データフローと状態管理の複雑さ（※複数の依存関係がどの様に絡むか？）大量データの取り扱い / 画像処理 / 動画再生（重い処理）、Background処理 / Push通知（応答性）必要なAPI呼び出し数・データの同期方法（ネットワーク不安定時・オフライン時・データ競合防止）特にUI実装に直結するような項目を列挙 ※本書でフォーカスしている点 ※本書でフォーカスしている点

Slide 8

Slide 8 text

モバイルアプリ開発において難易度を見積もる際に重要な観点を整理する(2) 観点は様々ありますが、見積もりの際に特に重要なものをピックアップしました 🧐 6. セキュリティ要件 7. アクセシビリティ対応 8. ローカライゼーション 9. テスト容易性 10. メンテナンス性と拡張性ユーザー認証 / データ暗号化 / Secure Storage（実装の複雑さに影響を及ぼす可能性がある点）色コントラスト比 / 音声読み上げ機能 / Touch Target Size（使いやすさの考慮に関する要件）多言語対応 / RTL / 地域ごとの法的要件や文化的配慮（グローバル展開を視野に入れた場合）ユニットテスト / UIテスト（実装のしやすさ）・エッジケースや異常系（テストシナリオ設計）コードの再利用性 / 将来的な機能追加や変更のしやすさ（長期的なプロジェクト成功の想定）機能要件や仕様次第ではUI実装に影響する可能性がある項目を列挙

Slide 9

Slide 9 text

iOS/AndroidそれぞれのUI実装観点からの重要性 iOS/Android両方の難易度を見積もる上で重要な観点をピックアップしました 1. コンポーネント単位で見た時の方針選択 2. iOS/Android間における考え方の相違点 3. カスタムUIコンポーネントの実装 4. アニメーションとトランジション 5. システムUIとの統合一見すると同じ様な見た目や体験が同じ様に見えても注意が必要。・UIコンポーネントの複雑さ・プラットフォーム間の差異 6. アプリのライフサイクルの違い iOS/Androidの両方のUIガイドライン（iOS: Human Interface Guideline/Android: Material Design）、レイアウトエンジン、ナビゲーションパターン等の違いを事前に把握することによって、各プラットフォームに応じた開発タスクの見積もりを正確に行う際の手助けになる。

Slide 10

Slide 10 text

アジャイル開発の観点からiOS/Androidでの類似点・相違点を押さえるこの様な動きをするために普段から心がけておくと良いポイント 1. 定期的な公式ドキュメントの確認・新機能やデザインの変更点の共有 2. 両プラットフォームに共通する部分と独自に調整すべき部分の明確化 3. プロトタイプ段階でアニメーション・インタラクションの確認 4. iOS/AndroidのUI処理における相違点やアプリケーションとの調和の確認 5. 定期的なデザインレビューやユーザビリティテストの実施チームで実際に発生した問題や事例を共有する機会を積極的に創出・スプリント計画の精度向上・リスク早期特定と問題対処 6. 各プラットフォームにおける実装の課題や成功事例の共有 - 各プラットフォームのガイドラインやベストプラクティスにできるだけ従う - 同じ機能でもプラットフォームによって実装アプローチが異なる場合がある点に注意する - ユーザー体験を損なわないよう、各プラットフォームの特性を理解した上で設計・実装する