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
720
個人開発のiOSアプリでUI/UXを標準に寄せてみた / 20230919_orochi
社内勉強会「プロダクト開発部勉強会 〜桜花極彩大蛇斬〜」の資料を公開用に編集したものです。
uhooi
September 19, 2023
Tweet
Share
More Decks by uhooi
See All by uhooi
最古の関数型言語「Lisp」ことはじめ / lisp_in_kamiyama
uhooi
1
190
会社PCでrm -rf ~した話 / rm_rf_choron
uhooi
17
23k
クソアプリを作ってみた💩 / kusojaku
uhooi
0
480
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
2
190
"What's new in Swift"の要約 / swift_5_9_summary
uhooi
2
770
Neovimで好きなプラグイン5選 / my_5_favorite_neovim_plugins
uhooi
0
1.1k
AndroidアプリエンジニアがSwiftを読むときのギモン / swift_question
uhooi
1
900
SwiftPMのPlugin入門 / introduction_to_swiftpm_plugin
uhooi
3
650
新規アプリの単体テスト戦略 / unit_tests_strategy_of_new_app
uhooi
3
770
Other Decks in Programming
See All in Programming
Jetpack for KMP
fornewid
1
290
How to use Macrobenchmark
veronikapj
0
160
Play Billing Library 7.0.0 変更点まとめ@potatotips#88
kako351
0
160
Async Await: Mastering Python's Time-Bending Tricks - EuroPython2024
yanbo
1
290
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
uenitty
29
13k
Exploring the Gradually Lost Technical Skills in the Cloud Native Era
hwchiu
2
3.9k
リハビリmruby
kishima
1
160
データカタログ運用物語 〜令和6年夏の理想と現実〜
kuro_kurorrr
0
110
さきがけから振り返るアーキテクチャ刷新 / Reflecting on the Architectural Renewal from the Vanguard
nrslib
2
780
feature環境をGitHub ActionsとCloudFormationでいい感じに管理する
nealle
2
310
AWSでゲームサーバーを運用! Amazon GameLiftのお話
iriikeita
0
200
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
28
2.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
The Invisible Customer
myddelton
117
13k
A Philosophy of Restraint
colly
200
16k
The Cult of Friendly URLs
andyhume
75
5.9k
Build your cross-platform service in a week with App Engine
jlugia
227
17k
Bash Introduction
62gerente
607
210k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
Being A Developer After 40
akosma
72
580k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
Docker and Python
trallard
37
2.9k
How GitHub (no longer) Works
holman
305
140k
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