No touch. No gestures. Can you still build a Great UX?
summary
A working Flutter TV-style app demonstrates that touchless UX is practical: the code uses FocusNode, FocusTraversalPolicy and built-in focus action detector widgets, changes tiles-per-row from mobile (2) to TV (7–9), and replaces the default reading-order traversal with four explicit direction methods (up/down/left/right) that pick the nearest fully visible tile. The result is predictable directional navigation (no rail-jumping), keyboard/remote handling via Shortcuts→Intent→Actions, and a debuggable focus tree that proves the approach works.
AI-written summary · about
chapters (12)
- 0:00Cross-platform UX challenges
- 1:03Mobile app for TV no touch
- 5:50Introduction
- 6:1010-foot UX design principles
- 10:10Focus in remote navigation
- 13:24Key events with focus widgets
- 18:24Focus action detector multi-platform
- 19:28Focus tree structure
- 23:02Debugging focus manager
- 25:06Focus traversal policy
- 30:32Predictable navigation policies
- 34:44Focus and UX takeaways
related talks
22mBuild Spectacular TV Apps with Flutter
37mGetting Focus Right on Apple Platforms
17mLearn about Flutter desktop
19mA humble approach to Flutter app architecture
37mFlutter for TV platforms
32mBeyond Mobile: Material Design, Adaptable UIs, and Flutter
30mCat-like Development: Flutter for Efficiency
41mCustom user interactions: building a desktop drawing app