Cybozu GoogleI/O 2022 LT会 - Input for all screens

Transcript

1. Input for all screens // あらゆる画面への入力 by Jake
2. Keyboard Mouse Pen
3. Touch以外の各Inputに合わせる 適切なアクセス方法をサポートする必要
4. 「Jetpack Compose」から 多様な入力方法を実現するかについて
6. Implement accessibility for keyboards // キーボードの入力方法を実装する時の確認事項 Keyboard
7. キーボードの場合、 1. ショットカットを注意 2. 可能であれば、仮装キーボードだけじゃなくて、ハードウェアーも テスト Keyboard
8. Jetpack ComposeのEditTextは、CopyhPasteなどの基本的 なショットカットに対応 Keyboard
9. しかし、Ctrl＋OなどをFile Open機能に対応する必要も https://youtu.be/XtImpP23uhE?t=319 Keyboard
10. そして、Enterキ⑲やEscapeキ⑲がよく作動するように対応する必要も https://youtu.be/XtImpP23uhE?t=350 Keyboard
11. Tab、→キーで画⾯内ナビゲーションが可能なことが⼀般的 Keyboard
12. キーボードナビゲーションの実装のための確認事項 1. ユーザーが必要なすべての要素にアクセス可能か 2. その要素が適切な順番で並んでいるか 3. そのナビゲーションが効果的か Keyboard
13. テスト キーボードナビゲーションの実装のための確認事項 1. ユーザーが必要なすべての要素にアクセス可能か 2. その要素が適切な順番で並んでいるか 3. そのナビゲーションが効果的か Keyboard
14. Tabで移動することは以下の修正で対応可能 https://youtu.be/XtImpP23uhE?t=525 Keyboard
15. ComposeならfocusPropertiesを利用して https://youtu.be/XtImpP23uhE?t=534 Keyboard
16. Implement accessibility for mouses // マウスの入力方法を実装する時の確認事項 Mouse
17. マウスの場合、 ホバーステートを考えてみましょう Mouse
18. マウスオーバーの時、 適切なレベルで対象を強調する必要 Mouse
19. ホーバーステートを適切に実装 https://youtu.be/XtImpP23uhE?t=636 Mouse
20. Composeなら、以下のhoverable modifierを使って実装可能！ https://youtu.be/XtImpP23uhE?t=650 Mouse
21. Implement accessibility for stylus // スタイラスペンの入力方法を実装する時の確認事項 Pen
22. スタイラスペンを対応する？ // スクロール、クリックがよくできるかを確認 // 描く、オブジェクトの移動などの機能は対応しなくても、 タッチやドラグする⾏動と同じように実装する必要 Pen
23. その以外にも 1. ファイルブラウザーなどを対応する場合は、 Drag & Dropを対応する必要 2. ビデオプレイヤーなどを対応する場合は、 キーボードのMultimediaキーを対応する必要 。。。
24. ユーザーインプット経験はUXの直接影響を上げます。 良い品質のため、適切な対応を通じて改善しましょう！
25. Reference https://io.google/2022/program/a55aec14-5bda-47e0-b259-7a1f7bb366b8/intl/ja/ ありがとうございます！