Designing for people is hard
summary
Shiny’s default look updates from Bootstrap 3 to Bootstrap 5 via bslib, letting R code set colors, type, and hundreds of Sass variables without hand-editing HTML/CSS. A new card API produces equal-height cards, built-in accordions, button-group inputs, range sliders, full‑screen cards and value boxes; these components render consistently and reduce layout fiddling. The library approach ships pieces à la carte so dashboards look modern immediately and the demos run interactively.
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
20mTowards the Next Generation of Shiny UI
17mWe CAN have nice Shiny apps: What's new in Shiny's UI & UX
18mDesign of Everyday Shiny Apps
12mCreating a Design System for Shiny and RMarkdown
29mRethinking Design Practices
38mDesign for Developers
21mDesign Systems 101: The Developer Approach to Better Frontends
42mUnder the Hood of Modern CSS Frameworks