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
Cybozu GoogleI/O 2022 LT会 - Input for all screens
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Jake
June 24, 2022
Programming
0
1.7k
Cybozu GoogleI/O 2022 LT会 - Input for all screens
Jake
June 24, 2022
Tweet
Share
Other Decks in Programming
See All in Programming
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
610
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
petamoriken
0
210
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
mulyu
3
410
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
200
CSC307 Lecture 07
javiergs
PRO
1
560
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
masahiro_nishimi
5
510
Lambda のコードストレージ容量に気をつけましょう
tattwan718
0
140
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
tjjh89017
0
170
Architectural Extensions
denyspoltorak
0
300
疑似コードによるプロンプト記述、どのくらい正確に実行される?
kokuyouwind
0
390
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
460
AgentCoreとHuman in the Loop
har1101
5
240
Featured
See All Featured
Designing Powerful Visuals for Engaging Learning
tmiket
0
240
Utilizing Notion as your number one productivity tool
mfonobong
3
220
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
220
Between Models and Reality
mayunak
1
190
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
The browser strikes back
jonoalderson
0
390
Odyssey Design
rkendrick25
PRO
1
500
Mobile First: as difficult as doing things right
swwweet
225
10k
Evolving SEO for Evolving Search Engines
ryanjones
0
130
WENDY [Excerpt]
tessaabrams
9
36k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
450
Navigating Team Friction
lara
192
16k
Transcript
Input for all screens // あらゆる画面への入力 by Jake
Keyboard Mouse Pen
Touch以外の各Inputに合わせる 適切なアクセス方法をサポートする必要
「Jetpack Compose」から 多様な入力方法を実現するかについて
None
Implement accessibility for keyboards // キーボードの入力方法を実装する時の確認事項 Keyboard
キーボードの場合、 1. ショットカットを注意 2. 可能であれば、仮装キーボードだけじゃなくて、ハードウェアーも テスト Keyboard
Jetpack ComposeのEditTextは、CopyhPasteなどの基本的 なショットカットに対応 Keyboard
しかし、Ctrl+OなどをFile Open機能に対応する必要も https://youtu.be/XtImpP23uhE?t=319 Keyboard
そして、Enterキ⑲やEscapeキ⑲がよく作動するように対応する必要も https://youtu.be/XtImpP23uhE?t=350 Keyboard
Tab、→キーで画⾯内ナビゲーションが可能なことが⼀般的 Keyboard
キーボードナビゲーションの実装のための確認事項 1. ユーザーが必要なすべての要素にアクセス可能か 2. その要素が適切な順番で並んでいるか 3. そのナビゲーションが効果的か Keyboard
テスト キーボードナビゲーションの実装のための確認事項 1. ユーザーが必要なすべての要素にアクセス可能か 2. その要素が適切な順番で並んでいるか 3. そのナビゲーションが効果的か Keyboard
Tabで移動することは以下の修正で対応可能 https://youtu.be/XtImpP23uhE?t=525 Keyboard
ComposeならfocusPropertiesを利用して https://youtu.be/XtImpP23uhE?t=534 Keyboard
Implement accessibility for mouses // マウスの入力方法を実装する時の確認事項 Mouse
マウスの場合、 ホバーステートを考えてみましょう Mouse
マウスオーバーの時、 適切なレベルで対象を強調する必要 Mouse
ホーバーステートを適切に実装 https://youtu.be/XtImpP23uhE?t=636 Mouse
Composeなら、以下のhoverable modifierを使って実装可能! https://youtu.be/XtImpP23uhE?t=650 Mouse
Implement accessibility for stylus // スタイラスペンの入力方法を実装する時の確認事項 Pen
スタイラスペンを対応する? // スクロール、クリックがよくできるかを確認 // 描く、オブジェクトの移動などの機能は対応しなくても、 タッチやドラグする⾏動と同じように実装する必要 Pen
その以外にも 1. ファイルブラウザーなどを対応する場合は、 Drag & Dropを対応する必要 2. ビデオプレイヤーなどを対応する場合は、 キーボードのMultimediaキーを対応する必要 。。。
ユーザーインプット経験はUXの直接影響を上げます。 良い品質のため、適切な対応を通じて改善しましょう!
Reference https://io.google/2022/program/a55aec14-5bda-47e0-b259-7a1f7bb366b8/intl/ja/ ありがとうございます!