Syntax - Tasty Web Development Treats

Thinking Ahead for Emergency UI When Building a Website

Apr 15, 2020
The hosts dive into the critical need for emergency user interfaces to swiftly convey vital information during crises. They discuss innovative concepts like 'snow day UI' for unexpected interruptions and share personal anecdotes about virtual gatherings. Effective web alerts are also explored, balancing urgent communication with user experience. Emphasizing proactive design strategies, they highlight the importance of managing updates and securing online accounts to enhance overall website resilience.
Ask episode
AI Snips
Chapters
Transcript
Episode notes
ADVICE

Emergency UI Elements

  • Implement a dismissible banner or popup for emergency announcements on the homepage.
  • Consider its interference, positioning, and mobile responsiveness.
ADVICE

Dismissal and Re-display Logic

  • Store dismissal status in a cookie or local storage, but be mindful of Safari's seven-day limit.
  • Use a hash or content length to trigger re-display when content updates.
ADVICE

Styling Emergency UI

  • Control styling in WYSIWYGs to maintain brand consistency during emergencies.
  • Limit options or provide strong default styles to prevent poor design choices.
Get the Snipd Podcast app to discover more snips from this episode
Get the app