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
1
980
個人開発の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
2
660
Develop iOS apps with Neovim / vimconf_2024
uhooi
2
620
暴走のウホーレン 〜想いってのはvimrcにしないと伝わらないんだぜ〜 / iosdc_japan_2024
uhooi
1
530
SwiftLintのカスタムルールを作るための正規表現入門 / swiftlint_regex
uhooi
1
150
最古の関数型言語「Lisp」ことはじめ / lisp_in_kamiyama
uhooi
1
330
会社PCでrm -rf ~した話 / rm_rf_choron
uhooi
18
24k
クソアプリを作ってみた💩 / kusojaku
uhooi
0
620
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
2
290
"What's new in Swift"の要約 / swift_5_9_summary
uhooi
2
950
Other Decks in Programming
See All in Programming
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
1
220
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
240
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
1.1k
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
290
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
10k
中級グラフィックス入門~効率的なメッシュレット描画~
projectasura
2
1.2k
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜(奥田りさ)
risatube
PRO
1
480
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
180
AIコーディングエージェント全社導入とセキュリティ対策
hikaruegashira
11
6.8k
なぜあなたのオブザーバビリティ導入は頓挫するのか
ryota_hnk
0
350
Porting a visionOS App to Android XR
akkeylab
0
910
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
39
14k
Featured
See All Featured
Building an army of robots
kneath
306
45k
Designing Experiences People Love
moore
142
24k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Automating Front-end Workflow
addyosmani
1370
200k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Designing for humans not robots
tammielis
253
25k
It's Worth the Effort
3n
185
28k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Docker and Python
trallard
45
3.5k
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