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
個人開発のiOSアプリでUI/UXを標準に寄せてみた / 20230919_orochi
Search
uhooi
September 19, 2023
Programming
0
670
個人開発のiOSアプリでUI/UXを標準に寄せてみた / 20230919_orochi
社内勉強会「プロダクト開発部勉強会 〜桜花極彩大蛇斬〜」の資料を公開用に編集したものです。
uhooi
September 19, 2023
Tweet
Share
More Decks by uhooi
See All by uhooi
会社PCでrm -rf ~した話 / rm_rf_choron
uhooi
17
23k
クソアプリを作ってみた💩 / kusojaku
uhooi
0
450
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
2
170
"What's new in Swift"の要約 / swift_5_9_summary
uhooi
2
690
Neovimで好きなプラグイン5選 / my_5_favorite_neovim_plugins
uhooi
0
1k
AndroidアプリエンジニアがSwiftを読むときのギモン / swift_question
uhooi
1
680
SwiftPMのPlugin入門 / introduction_to_swiftpm_plugin
uhooi
3
560
新規アプリの単体テスト戦略 / unit_tests_strategy_of_new_app
uhooi
3
730
リモートワークで楽しむコツ / remote_work_is_fun
uhooi
0
350
Other Decks in Programming
See All in Programming
ServerAction で Progressive Enhancement はどこまで頑張れるか? / progressive-enhancement-with-server-action
takefumiyoshii
6
480
Snowflakeで眠ったデータを起こそう!
estie
0
170
Introducing Kotlin Multiplatform in an existing mobile app - Workshop Edition | AndroidMakers Paris
prof18
0
170
Webアプリをできるだけコードを手書きしないで作ってみる
tomokusaba
2
220
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
360
Go製Webアプリケーションのエラーとの向き合い方大全、あるいはやっぱりスタックトレース欲しいやん / Kyoto.go #50
utgwkk
6
1.9k
The Cutting Edge Of Versioning (LambdaConf 2024)
chriskrycho
0
230
デフォルトにして至高、RubyMineの大好きな所
ruzia
0
1.2k
Ruby on Fails - effective error handling with Rails conventions
talyssonoc
0
220
使ってみよう Azure AI Document Intelligence
kosmosebi
2
380
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
150
哲学史とモデリング
tanakahisateru
2
290
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
[RailsConf 2023] Rails as a piece of cake
palkan
28
4k
Agile that works and the tools we love
rasmusluckow
325
20k
Building Better People: How to give real-time feedback that sticks.
wjessup
356
18k
Building Your Own Lightsaber
phodgson
100
5.7k
Automating Front-end Workflow
addyosmani
1357
200k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
26
2.3k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
How STYLIGHT went responsive
nonsquared
92
4.8k
Infographics Made Easy
chrislema
238
18k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
Designing for Performance
lara
601
67k
Transcript
© DeNA Co., Ltd. 1 個人開発の iOS アプリで UI/UX を標準に寄せてみた
2023/09/19 (火) 18:00 - 19:00 プロダクト開発部勉強会 〜桜花極彩大蛇斬〜 技術統括部 プロダクト開発部 モバイルグループ 川口 真央 / uhooi
© DeNA Co., Ltd. 2 自己紹介
© DeNA Co., Ltd. 3 個人 iOS アプリ「Loki」1.7.0 リリース🚀 https://x.com/the_uhooi/status/1703778381026963524
App Store で「uhooi」と 検索してインストールしよう!
© DeNA Co., Ltd. 4 個人 iOS アプリの UI/UX で
標準に寄せたところを 3 つ紹介するよ
© DeNA Co., Ltd. 5 1 サ活(サウナ活動)一覧画面の下部の UI を更新した
© DeNA Co., Ltd. 6 1 標準のメモやリマインダーを参考にした
© DeNA Co., Ltd. 7 1 SwiftUI で簡単に実装できる 「簡単に実装できる ⇒
推奨されている」 と考えられる
© DeNA Co., Ltd. 8 2 サ活登録画面の閉じるボタンを「×」→「キャンセル」にした
© 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. 11 3 設定画面への遷移をモーダルからプッシュに変更した
© DeNA Co., Ltd. 12 (HIG の「シート」ページのスクリーンショット) 3 モーダルを2つ以上重ねるのを避けるため 引用:
https://developer.apple.com/jp/design/human-interface-guidelines/sheets
© DeNA Co., Ltd. 13 3 ライセンス画面をシートで表示したかった 入力がないので 「×」で閉じている
© DeNA Co., Ltd. 14 1. Apple が提供しているアプリを参考にしよう ← 全員
2. HIG を読もう ← 全員 3. SwiftUI を素直に使おう ← エンジニア 4. WWDC でデザインに関するビデオを観よう ← エンジニア まとめ 〜標準っぽい UI/UX にするには〜
© DeNA Co., Ltd. 15 1. 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