Designing for people is hard
summary
Shiny gets a modern default by switching from Bootstrap 3 to Bootstrap 5 via bslib, letting apps match brand colors and access new components without hand‑coding HTML/CSS. A new card API yields uniformly sized dashboards with headers, bodies, footers, tabbed content and cards same height by default; cards and value boxes support full‑screen drilldown. Accordions, button‑group inputs and range sliders arrive as built components to reduce layout fiddling and cognitive load.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:32Shiny apps need better design
- 4:45Updating Shiny with Bootstrap 5
- 7:35Design principles for apps
- 9:22Gestalt principles proximity and order
- 12:35Automating layout with bslib cards
- 14:43Building dashboards with UI toolkit
- 16:09Prioritizing content with IA
- 17:32Live demo of bslib
- 20:18Closing remarks
related talks
18mDesign of Everyday Shiny Apps
18mFlexing the rules of material design
53mIndispensable Principles of Crafting Complex Interfaces
35mApplied Psychology: Psychology based UI improvements
42mIndispensable Principles for Designing Complex User Interfaces
49mDesigning Accessible Apps
18mGood design is invisible
01h 06m“Full-Featured Art Direction for the Web”