Webdev:Design Gotchas

• Variable content
  • Different languages have longer or short text lengths, this affects height and width of elements
  • Content changes over time, design should be flexible enough to handle changes
  • Form field labels can't be next to form fields
• Error states and messaging
  • Every form needs to have error styling and messaging for error conditions
• Interaction states/flows
  • Many UI elements have hover/up/down states that need to be designed
• Link colors, underlines
• Color palette
• Base font sizes and styling for headers, links, lists, bold, etc.