• Principles
• Problems
• Why Tab(Accustomably, Affordance)
• Accustomably
• Affordance
• Case Studies: Apple Safari
• Why is too much space bad? (Visibility, Proximal, Bulky, Contextual)
• Visibility
• Proximal & Bulky
• Contextual
• Case Studies: Google Chrome
• Do icons help? (Clearly, Accessibility)
• Clearly & Accessibility
• Case Studies: 2023 Chrome Design Refresh
• Redesign Tabs
• Tab states
• Utilizing space
• Distributions
• Add icons and adjust padding
• Panel and context menus
• More cases
• Theme
• System default theme
• Improvement proton theme
• Interactions
• Helpful interactions
• Animations
• Illustrations
• Conclusion