Apple Watch Human Interface Guidelines 斜め読み



    • 身に付けるものなので装着者に気を配れ
    • 外の世界とソフトウェアの境界が区別できないようにしよう
    • quick で lightweight な interaction を。
    • anatomy

      • 2つのナビゲーション

        • 階層構造
        • ページ形式 swipe-horizontally with dot indicator
    • User interactions

      • Action-based event: tap
      • Vertical swipes => scroll current screen
      • Horizontal swipes => ページ間移動
      • Force touche: メニュー表示
      • The digital crown: 3rd party は scroll のみに使える
    • Glances

      • iPhoneアプリが利用する browsable content. quick view であるべき。bottom は dot indicator のために使われる。

        • template base
        • scroll しない
        • tap は single action に紐づく (iPhone 側でアプリを開くということ?)
        • すべての iPhone app が glance を持つわけではない
    • Notifications

      • local/remote push どちらも対応

        • short-look interface: 最初に表示されるもの。最小限の情報 privacy も考慮

          • template based

            • app icon
            • title
            • app name
        • long-look interface: short-look を tap もしくは手首が上がった状態が続いたら表示。より詳細な情報を表示
        • dynamic な content も可
    • Modal sheets

      • 普通のモーダルだね
    • Layout

      • text button は full width で。
      • 使う頻度が低いアクションはメインにボタンを入れるのではなくて context menu で。
      • Screen size はいくつかあるので relative sizing と spacing で。
    • Color and Typography

      • black background
      • text は high contrast な色を使う
      • 文字は判読可能であるべき
      • builtin text style を可能な限り使うこと
    • Animations

      • prerendered なアニメーションを使おう