design by us

101 | Multiplayer Web Apps - Designing for Connected Experiences


Listen Later

In this episode, Luigi and Ravi dive into the world of multiplayer web apps, exploring how they revolutionize online interactions such as Figma, Google Docs, Notion, Call of Duty, and Mario Kart, highlighting the core networking components crucial for multiplayer live online experiences.

They discuss the complexities of maintaining synchronization among players and ensuring accurate representation of game events. They explore how making design decisions on networking architectures and protocols impact the trade-off between reliability and speed, making the difference in your user experience. Drawing insights from Call of Duty's "Favour the Shooter" rule, they illustrate how delayed data impacts the experience. Finally, Luigi and Ravi celebrate the immense value of multiplayer online experiences has brought to our society. Next time you encounter a multiplayer app experience, you will not look at it the same way.


  • Support Design By Us:

    • Check out: byus.design

    • Follow designbyus on Twitter/X: https://twitter.com/designbyus_fm

    • Find more content and support us on Patreon: https:/www.patreon.com/designbyus


    • Where to find Luigi and Ravi:

      • Follow Luigi on Twitter: https://twitter.com/luigi_dintrono

      • Follow Ravi on Twitter: https://twitter.com/raviisoccupied


      • Referenced:

        Arcade Font Design By Us episode: https://open.spotify.com/episode/76uPu7kAqcU4bvJinTg3dt?si=1ovwAup8QKGAMHPZnt1p5w

        What happens when you click undo (ctrl+Z): https://liveblocks.io/blog/how-to-build-undo-redo-in-a-multiplayer-environment

        Figma as a file editor: https://digest.browsertech.com/archive/browsertech-digest-figma-is-a-file-editor/

        The mother of all demos: https://en.wikipedia.org/wiki/The_Mother_of_All_Demos

        How Figma works: https://www.figma.com/blog/how-figmas-multiplayer-technology-works/

        Liveblocks: https://liveblocks.io

        Reflect: https://reflect.net/

        ...more
        View all episodesView all episodes
        Download on the App Store

        design by usBy Luigi + Ravi