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
940
個人開発のiOSアプリでUI/UXを標準に寄せてみた / 20230919_orochi
社内勉強会「プロダクト開発部勉強会 〜桜花極彩大蛇斬〜」の資料を公開用に編集したものです。
uhooi
September 19, 2023
Tweet
Share
More Decks by uhooi
See All by uhooi
snacks.nvim内のセットアップ不要なプラグインを紹介 / introduce_snacks_nvim
uhooi
0
470
Develop iOS apps with Neovim / vimconf_2024
uhooi
1
560
暴走のウホーレン 〜想いってのはvimrcにしないと伝わらないんだぜ〜 / iosdc_japan_2024
uhooi
1
490
SwiftLintのカスタムルールを作るための正規表現入門 / swiftlint_regex
uhooi
1
130
最古の関数型言語「Lisp」ことはじめ / lisp_in_kamiyama
uhooi
1
310
会社PCでrm -rf ~した話 / rm_rf_choron
uhooi
18
24k
クソアプリを作ってみた💩 / kusojaku
uhooi
0
600
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
2
280
"What's new in Swift"の要約 / swift_5_9_summary
uhooi
2
920
Other Decks in Programming
See All in Programming
M5UnitUnified 最新動向 2025/05
gob
0
140
状態と共に暮らす:ステートフルへの挑戦
ypresto
3
1.2k
The New Developer Workflow: How AI Transforms Ideas into Code
danielsogl
0
120
MySQL初心者が311個のカラムにNot NULL制約を追加していってALTER TABLEについて学んだ話
hatsu38
2
120
iOSアプリで測る!名古屋駅までの 方向と距離
ryunakayama
0
160
今話題のMCPサーバーをFastAPIでサッと作ってみた
yuukis
0
130
KANNA Android の技術的課題と取り組み
watabee
1
430
generative-ai-use-cases(GenU)の推しポイント ~2025年4月版~
hideg
1
390
AIコーディングの本質は“コード“ではなく“構造“だった / The essence of AI coding is not “code” but "structure
seike460
PRO
0
210
Rubyの!メソッドをちゃんと理解する
alstrocrack
1
270
AIコーディングの理想と現実
tomohisa
37
39k
生成AIで知るお願いの仕方の難しさ
ohmori_yusuke
1
120
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
223
9.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Statistics for Hackers
jakevdp
799
220k
How to train your dragon (web standard)
notwaldorf
91
6k
Scaling GitHub
holman
459
140k
Embracing the Ebb and Flow
colly
85
4.7k
Designing for Performance
lara
608
69k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
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