WWDCのDesign Labが最高だった

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/

53e2d354b3299d64a54af680865516d5?s=128

Sato Takeshi

June 18, 2019
Tweet

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のアプリデザイナーと1対1で直接アプリデザインの相談ができる
 • リリース済み、プロトタイプは問わない
 • WWDCアプリから予約が必要
 • 時間は一人30分


    • 通訳あり

  5. フライングスター風水 • 自宅の間取り運勢を判定 • 間取り画像を読み込んで引越 し先の住宅運勢を判定

  6. 相談したこと
 • 引っ越し間取り画面の写真登録UIを改善したい
 • 問題:住宅の運勢を占うには以下の2つのタスクが必要
 a. 写真の北方向と端末画面上部を回転させて合わせる
 b. 玄関の方向に画像を回転させる
 •

    現状ユーザーが混乱しているのでうまいやり方ないのか?

  7. None
  8. 回答
 • まず登録操作を試すチュートリアル画面で慣れさせる
 • 次に実際に写真を登録させる
 • チュートリアルを出すタイミングは画像選択ボタンタップ時
 • 画面フローイメージはiPhoneアクティベートフロー
 北

    22°
 玄関
  9. None
  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へ