社内勉強会「プロダクト開発部勉強会 〜桜花極彩大蛇斬〜」の資料を公開用に編集したものです。
© DeNA Co., Ltd. 1個人開発の iOS アプリでUI/UX を標準に寄せてみた2023/09/19 (火) 18:00 - 19:00プロダクト開発部勉強会 〜桜花極彩大蛇斬〜技術統括部 プロダクト開発部 モバイルグループ川口 真央 / uhooi
View Slide
© DeNA Co., Ltd. 2自己紹介
© DeNA Co., Ltd. 3個人 iOS アプリ「Loki」1.7.0 リリース🚀https://x.com/the_uhooi/status/1703778381026963524App Store で「uhooi」と検索してインストールしよう!
© DeNA Co., Ltd. 4個人 iOS アプリの UI/UX で標準に寄せたところを 3 つ紹介するよ
© DeNA Co., Ltd. 51 サ活(サウナ活動)一覧画面の下部の UI を更新した
© DeNA Co., Ltd. 61 標準のメモやリマインダーを参考にした
© DeNA Co., Ltd. 71 SwiftUI で簡単に実装できる 「簡単に実装できる ⇒ 推奨されている」と考えられる
© DeNA Co., Ltd. 82 サ活登録画面の閉じるボタンを「×」→「キャンセル」にした
© DeNA Co., Ltd. 9(WWDC のビデオのキャプチャ)2 「×」だとアクション(何が起きるか)が不明瞭なため引用: https://developer.apple.com/videos/play/wwdc2022/10001
© DeNA Co., Ltd. 10(WWDC のビデオのキャプチャ)2 「×」はユーザー入力がない画面に使うのが望ましい引用: https://developer.apple.com/videos/play/wwdc2022/10001没入型のコンテンツに有効だよ!
© DeNA Co., Ltd. 113 設定画面への遷移をモーダルからプッシュに変更した
© DeNA Co., Ltd. 12(HIG の「シート」ページのスクリーンショット)3 モーダルを2つ以上重ねるのを避けるため引用: https://developer.apple.com/jp/design/human-interface-guidelines/sheets
© DeNA Co., Ltd. 133 ライセンス画面をシートで表示したかった入力がないので「×」で閉じている
© DeNA Co., Ltd. 141. Apple が提供しているアプリを参考にしよう ← 全員2. HIG を読もう ← 全員3. SwiftUI を素直に使おう ← エンジニア4. WWDC でデザインに関するビデオを観よう ← エンジニアまとめ 〜標準っぽい UI/UX にするには〜
© DeNA Co., Ltd. 151. Apple が提供しているアプリを参考にしよう ← 全員2. HIG を読もう ← 全員3. SwiftUI を素直に使おう ← エンジニア4. WWDC でデザインに関するビデオを観よう ← エンジニアまとめ 〜標準っぽい UI/UX にするには〜みんなで協力して使いやすい UI/UX にしよう!
© DeNA Co., Ltd. 16● https://github.com/uhooi/Loki/pull/187● https://github.com/uhooi/Loki/pull/189対応 PR
© DeNA Co., Ltd. 17