UI Design for Small Screen Devices
summary
Argues that porting a desktop UI is a redesign not a shrink, and recommends building focused mobile cores (example: make it possible to post a picture in two key presses), cut text input using GPS and lists, and redesign cluttered apps (demoed an IRC mockup that removes scrollbars and moves core buttons to the bottom). Uses Qt Quick and QML viewer via Qt Creator for rapid prototypes, times blocking animations under ~250 ms and favors easing curves for natural motion. Test on real devices.
AI-written summary · about
chapters (7)
- 0:00Introduction to mobile UI design
- 6:46Finding the essence of your app
- 13:03Designing an awesome mobile app
- 22:12Handling user input correctly
- 29:14Using animations effectively
- 38:14Key takeaways and testing tips
- 41:00Q&A session
related talks
01h 08mDesigning UIs with Qt Quick 1/6 - Design Workflow Part 1
58mQt Quick Components for Designers
01h 03mDesigning UIs with Qt Quick 6/6, Practical Sketching
01h 10mDesigning UIs with Qt Quick 3/6, Visual Elements
30mDesigning UIs with Qt Quick, 2/6, Design-Workflow Part 2
28mA Desktop UI with Qt Quick
23mDesigning UIs with Qt Quick 5/6, Animations Part 2
14mDesigning UIs without a UI designer