WWDCのDesign Labが最高だった

potatotips #62 (iOS/Android開発Tips共有会) の発表資料です。

https://potatotips.connpass.com/event/129207/

ブログ版
https://blog.personal-factory.com/2019/06/18/design-lab-report-in-wwdc19/

Transcript

1. WWDCのDesign Labが
 最高だった
 potatotips 62
 
 佐藤剛士 2019 年 6 月 18 日
 

2. Who am I
 • Name
 • 佐藤剛士(さとうたけし) 
 • Company
 • Merpay, Inc.(2019/01 ~) 
 • Role
 • Software Engineer (iOS) 
 • Account
 • Twitter: @hatakenokakashi 
 • Facebook: 佐藤剛士 
 • GitHub: SatoTakeshiX 

3. WWDC19にいってきました

4. Design Lab
 • Appleのアプリデザイナーと１対１で直接アプリデザインの相談ができる
 • リリース済み、プロトタイプは問わない
 • WWDCアプリから予約が必要
 • 時間は一人30分
 • 通訳あり

5. フライングスター風水 • 自宅の間取り運勢を判定 • 間取り画像を読み込んで引越 し先の住宅運勢を判定
6. 相談したこと
 • 引っ越し間取り画面の写真登録UIを改善したい
 • 問題：住宅の運勢を占うには以下の２つのタスクが必要
 a. 写真の北方向と端末画面上部を回転させて合わせる
 b. 玄関の方向に画像を回転させる
 • 現状ユーザーが混乱しているのでうまいやり方ないのか？

8. 回答
 • まず登録操作を試すチュートリアル画面で慣れさせる
 • 次に実際に写真を登録させる
 • チュートリアルを出すタイミングは画像選択ボタンタップ時
 • 画面フローイメージはiPhoneアクティベートフロー
 北 22°
 玄関
10. Human Interface Guidelines Modality https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/modality/
11. 相談したこと2
 • 画面がごちゃごちゃしているのをスッキリさせたい

12. 回答
 • カレンダーアプリのようにナビ ゲーションバーにボタンを配置 しよう
 • ナビゲーションバーとタブバー の間の領域は基本みるだけの 領域にしたほうがいい

13. ボタンをナビゲーションバー に移動 青枠コンテンツ部分は みるだけのデザインがよい
14. その他
 • アイコンつかっているならSF Symbleつかったほうがいいよ！

15. 感想
 • UIデザインに迷っていたので本当に助かった
 • 相談は具体的にしたほうが的確に返答してくれる
 ◦ デザインを好き嫌いの問題にしないような質問がよい
 ▪ ❌ 漠然とした「これどう思う？」
 • アドバイスはHuman Interface Guidelinesを体現
 • Apple純正アプリに学ぶこと多し

16. WWDCにいったらDesign Labへ