design·4 min read·Medium

Unifying Mobile and Desktop Design Systems at Discord

AI Summary

Discord has updated its mobile application to align with desktop design standards, focusing on visual consistency and user experience. Key changes include the introduction of desktop-parity themes like 'Ash' and 'Onyx' (true AMOLED black), improved accessibility controls, and a standardized shape language where users are represented by circles and objects by squircles. The update also optimizes the chat interface by relocating secondary actions to a '+' menu while introducing a long-press shortcut to maintain efficiency.

Key Takeaways

  • Onyx theme provides true AMOLED black, offering potential battery savings on OLED displays.
  • The 'squircle' design pattern helps users visually distinguish between people (circles) and servers/apps (squircles).
  • Chat bar UI cleanup prioritizes thumb-accessible actions while using long-press gestures to mitigate the impact of moving features to sub-menus.

Why it matters

Maintaining a unified design system across platforms reduces cognitive load for users and simplifies cross-platform feature development for engineering teams.

# design systems# ui ux# mobile development# accessibility

Conversation 0

Be the first to share your perspective.