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
760
個人開発のiOSアプリでUI/UXを標準に寄せてみた / 20230919_orochi
社内勉強会「プロダクト開発部勉強会 〜桜花極彩大蛇斬〜」の資料を公開用に編集したものです。
uhooi
September 19, 2023
Tweet
Share
More Decks by uhooi
See All by uhooi
暴走のウホーレン 〜想いってのはvimrcにしないと伝わらないんだぜ〜 / iosdc_japan_2024
uhooi
1
250
SwiftLintのカスタムルールを作るための正規表現入門 / swiftlint_regex
uhooi
1
68
最古の関数型言語「Lisp」ことはじめ / lisp_in_kamiyama
uhooi
1
220
会社PCでrm -rf ~した話 / rm_rf_choron
uhooi
18
23k
クソアプリを作ってみた💩 / kusojaku
uhooi
0
490
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
2
220
"What's new in Swift"の要約 / swift_5_9_summary
uhooi
2
810
Neovimで好きなプラグイン5選 / my_5_favorite_neovim_plugins
uhooi
0
1.2k
AndroidアプリエンジニアがSwiftを読むときのギモン / swift_question
uhooi
1
920
Other Decks in Programming
See All in Programming
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
640
仮想ファイルシステムを導入して開発環境のストレージ課題を解消する
segadevtech
2
550
unique パッケージから学ぶ interning と weak reference @ Asakusa.go#3
karamaru
2
810
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
530
全部見せます! クラシルリワードのSwiftTesting移行プロジェクト
uetyo
0
210
Why Prism?
kddnewton
4
1.7k
【TID2024】模擬講義:プログラマと一緒にゲームをデザインしてみよう!
akatsukigames_tech
0
640
GenU導入でCDKに初挑戦し、悪戦苦闘した話
hideg
0
160
マルチモジュールにおけるテスト最適化
fxwx23
0
210
Ebitengineの1vs1ゲーム WebRTCの活用
ponyo877
0
380
Rechartsで楽にゴリゴリにカスタマイズする!
10tera
1
170
Prolog入門
qnighy
4
1k
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Rails Girls Zürich Keynote
gr2m
93
13k
Code Review Best Practice
trishagee
62
16k
Thoughts on Productivity
jonyablonski
66
4.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
36
1.7k
The World Runs on Bad Software
bkeepers
PRO
64
11k
It's Worth the Effort
3n
182
27k
Done Done
chrislema
180
16k
Statistics for Hackers
jakevdp
794
220k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
1
48
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Designing Experiences People Love
moore
138
23k
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