--- title: Delivering Great Experiences in WebRTC Applications – WebRTC.ventures description: A technically-sound WebRTC application is insufficient if it doesn't provide a positive user experience. Our COO, also a skilled UX designer with years of experience building real time applications, shares best practices for delivering great experiences in WebRTC applications. image: https://blog.webrtc.ventures/hubfs/Imported_Blog_Media/Delivering-Great-Experiences-in-WebRTC-Applications.png --- [Skip to content](https://blog.webrtc.ventures/2023/05/delivering-great-experiences-in-webrtc-applications#main-content) ![WebRTC.ventures](https://blog.webrtc.ventures/hubfs/logo-main-light.svg) - [WebRTC Services](https://webrtc.ventures/webrtc-development-services/) Show submenu for WebRTC Services - [Assess](https://webrtc.ventures/services/assess/) - [Build](https://webrtc.ventures/services/build/) - [Integrate](https://webrtc.ventures/services/integrate/) - [Test](https://webrtc.ventures/services/test/) - [Manage](https://webrtc.ventures/services/manage/) - [Migrating From Twilio Video](https://webrtc.ventures/twilio-video/) - Our Partners Show submenu for Our Partners - [Amazon Chime SDK](https://webrtc.ventures/partners/amazon-chime-sdk/) - Stories of Success Show submenu for Stories of Success - [Remote Video Interpreting Platform with Agent Routing](https://webrtc.ventures/successes/remote-video-translation-platform/) - [WebRTC to SIP Gateway for ASL Interpreters](https://webrtc.ventures/successes/webrtc-to-sip-gateway-for-asl-interpreters/) - [Audio Listening Device to Improve Surgical Outcomes](https://webrtc.ventures/successes/audio-listening-device-to-improve-surgical-outcomes/) - [Albania’s First Telemedicine Platform](https://webrtc.ventures/successes/albanias-first-telemedicine-platform/) - [Automated Video Storytelling with the Amazon Chime SDK](https://webrtc.ventures/successes/automated-video-storytelling-with-the-amazon-chime-sdk/) - [Large Scale Video Conferencing](https://webrtc.ventures/successes/large-scale-video-conferencing/) - [Broadcasting and Webcast Control Room](https://webrtc.ventures/successes/live-video-broadcasting-and-webcast-control-room/) - WebRTC Resources Show submenu for WebRTC Resources - [WebRTC Live](https://webrtc.ventures/webrtc-live/) - [WebRTC Tips](https://www.youtube.com/playlist?list=PLayYqdnyegt3QvxX-Rt6wbFIK8727Z5Oz) - [WebRTC.ventures Blog](https://webrtc.ventures/blog/) - [Migrating From Twilio Video](https://webrtc.ventures/twilio-video/) - [WebRTC.ventures Training Program](https://webrtc.ventures/webrtc-ventures-training-program/) - [About Us](https://webrtc.ventures/our-team/) Show submenu for About Us - [Blog](https://webrtc.ventures/blog/) - [Our Team](https://webrtc.ventures/our-team/) - [Jobs](https://webrtc.ventures/jobs/) Open main navigation Close main navigation - [WebRTC Services](https://webrtc.ventures/webrtc-development-services/) Show submenu for WebRTC Services - [Assess](https://webrtc.ventures/services/assess/) - [Build](https://webrtc.ventures/services/build/) - [Integrate](https://webrtc.ventures/services/integrate/) - [Test](https://webrtc.ventures/services/test/) - [Manage](https://webrtc.ventures/services/manage/) - [Migrating From Twilio Video](https://webrtc.ventures/twilio-video/) - Our Partners Show submenu for Our Partners - [Amazon Chime SDK](https://webrtc.ventures/partners/amazon-chime-sdk/) - Stories of Success Show submenu for Stories of Success - [Remote Video Interpreting Platform with Agent Routing](https://webrtc.ventures/successes/remote-video-translation-platform/) - [WebRTC to SIP Gateway for ASL Interpreters](https://webrtc.ventures/successes/webrtc-to-sip-gateway-for-asl-interpreters/) - [Audio Listening Device to Improve Surgical Outcomes](https://webrtc.ventures/successes/audio-listening-device-to-improve-surgical-outcomes/) - [Albania’s First Telemedicine Platform](https://webrtc.ventures/successes/albanias-first-telemedicine-platform/) - [Automated Video Storytelling with the Amazon Chime SDK](https://webrtc.ventures/successes/automated-video-storytelling-with-the-amazon-chime-sdk/) - [Large Scale Video Conferencing](https://webrtc.ventures/successes/large-scale-video-conferencing/) - [Broadcasting and Webcast Control Room](https://webrtc.ventures/successes/live-video-broadcasting-and-webcast-control-room/) - WebRTC Resources Show submenu for WebRTC Resources - [WebRTC Live](https://webrtc.ventures/webrtc-live/) - [WebRTC Tips](https://www.youtube.com/playlist?list=PLayYqdnyegt3QvxX-Rt6wbFIK8727Z5Oz) - [WebRTC.ventures Blog](https://webrtc.ventures/blog/) - [Migrating From Twilio Video](https://webrtc.ventures/twilio-video/) - [WebRTC.ventures Training Program](https://webrtc.ventures/webrtc-ventures-training-program/) - [About Us](https://webrtc.ventures/our-team/) Show submenu for About Us - [Blog](https://webrtc.ventures/blog/) - [Our Team](https://webrtc.ventures/our-team/) - [Jobs](https://webrtc.ventures/jobs/) - [Contact us](https://webrtc.ventures/contact/) [Contact us](https://webrtc.ventures/contact/) May 12, 2023 12:00:00 AM # Delivering Great Experiences in WebRTC Applications [Mariana Lopez](https://blog.webrtc.ventures/author/mariana-lopez) Share: [linkedin-in icon](http://www.linkedin.com/shareArticle?mini=true&url=https://blog.webrtc.ventures/2023/05/delivering-great-experiences-in-webrtc-applications) [X Twitter icon](https://twitter.com/intent/tweet?url=https://blog.webrtc.ventures/2023/05/delivering-great-experiences-in-webrtc-applications) [envelope icon](mailto:?body=https://blog.webrtc.ventures/2023/05/delivering-great-experiences-in-webrtc-applications) At WebRTC.ventures, we believe that a [technically-sound WebRTC application](https://webrtc.ventures/) is insufficient if it doesn’t provide a positive user experience. We prioritize great experiences above all else, recognizing that even the most advanced application is a failure if it doesn’t meet the user’s needs. We have a talented team of UX designers to make an experience that is: - Seamless and intuitive - Clear and timely with regard to feedback  - Optimized for differences - Conquers the tricky terrain of network, bandwidth and connecting with other people - As private and secure as possible As a skilled UX designer with experience building real time applications, I have some tips for building applications that involve a WebRTC component. ## WebRTC apps must be seamless and intuitive [![](https://blog.webrtc.ventures/hs-fs/hubfs/Imported_Blog_Media/IMG_5527.png?width=500&height=328&name=IMG_5527.png) ![](https://blog.webrtc.ventures/hs-fs/hubfs/Imported_Blog_Media/IMG_5527.png?width=500&height=328&name=IMG_5527.png)](https://blog.webrtc.ventures/hubfs/Imported_Blog_Media/IMG_5527.png) Technology is great, as are all the amazing things we can do with WebRTC. However, we should be intuitive and human centric. The focus of the experience should be on the communication and collaboration that is happening between people, not with the next shiny new feature.  How can we make collaboration the star of the show? By making interactions seamless and allowing users to interact without distraction. We do this by creating intuitive controls that blend into the background until they are needed. For instance, we can build controls for common actions during video calls such as muting, sharing video, sharing screen, raising your hand, and chatting that meet the user’s mental model and expected behavior. Our ultimate aim is to make these actions so effortless that users don’t even have to think about them. The icons used for the controls are equally as important, so you do not get confused as to which is used for what function and if they are turned on or off. ## WebRTC apps must provide clear and timely feedback  [![](https://blog.webrtc.ventures/hs-fs/hubfs/Imported_Blog_Media/IMG_5529.png?width=500&height=347&name=IMG_5529.png) ![](https://blog.webrtc.ventures/hs-fs/hubfs/Imported_Blog_Media/IMG_5529.png?width=500&height=347&name=IMG_5529.png)](https://blog.webrtc.ventures/hubfs/Imported_Blog_Media/IMG_5529.png) “It looks like you are speaking, but I can see you are on mute.” You might think hearing these words are a UX failure, but it’s actually quite the opposite.  Feedback is important in any type of web or application design. However, WebRTC applications require an additional layer of feedback. You do not only need feedback on your state, you also need information on the other people in your call or chat. Is someone trying to join the call? Is the reason that you cannot hear someone because their microphone is muted? Is someone sharing their screen?  Visual indicators or audio cues that let users (and others) know they are connected, muted, or experiencing technical issues can make or break the UX. This is especially important in a live application. Users will always blame the application for the problem, when it is often a networking issue or similar problem on their end. [As we incorporate more AI](https://webrtc.ventures/2023/04/a-non-technical-guide-to-ai-powered-webrtc-applications/) and ML into our WebRTC applications, we can even take this a step further and ask questions like, “We see your background is dark. Would you like us to apply a filter to improve the brightness?” ## WebRTC apps must optimize for differences [![](https://blog.webrtc.ventures/hs-fs/hubfs/Imported_Blog_Media/IMG_5528.png?width=500&height=197&name=IMG_5528.png) ![](https://blog.webrtc.ventures/hs-fs/hubfs/Imported_Blog_Media/IMG_5528.png?width=500&height=197&name=IMG_5528.png)](https://blog.webrtc.ventures/hubfs/Imported_Blog_Media/IMG_5528.png) Users are always going to be connecting with different network connections, different bandwidth, and different quality.  When building a WebRTC application, we think ahead and optimize for these differences.  For example, how and when should we downgrade video quality for poor connections? How do we show someone sharing their video on a mobile device vs. a desktop computer? For example, that square viewport may become a rectangle on a peer’s screen, showing things in their periphery that you did not expect!  Accessibility is also crucial. End users come from all walks of life. Functionality such as live captioning should be considered.  ## WebRTC apps must conquer a tricky terrain of network, bandwidth and connections To enable a great experience in WebRTC, you need to think of everything that can go wrong – because it will!  - Issues entering a call (permissions!) - Reconnecting after failure (feedback and good technology!) - Connection drops (feedback and graceful degradation!) - Gaps in video/audio (feedback and good sampling technology!) - Incoming phone calls (feedback and good reconnection experience!) - No audio being shared (feedback!) - Bad quality audio (feedback and graceful degradation!) ## WebRTC apps must strive for privacy  Whenever we are talking about video and audio applications, privacy is a concern. We can preserve a user’s privacy by: 1. Reducing audio noise, so you cannot hear everything that us going on around a user 2. Blurring backgrounds, so you cannot see everything that us going on around a user 3. Confirming device connections, so no one uses a back camera instead of a front camera 4. Waiting rooms, so you can do a [pre-call check](https://webrtc.ventures/2020/12/pre-call-tests-live-video-apps/) before joining a call, so you can control who is let into a call, so you can get consent for [recording](https://webrtc.ventures/2021/03/adding-recording-to-your-webrtc-application/), and so much more. ## Parting words As more and more people use live video applications, they’ve certainly become more forgiving of the experience, as well as more comfortable with the things that can and will go wrong. But that doesn’t mean we shouldn’t strive for greatness.  **WebRTC technology is cool … but users don’t care if it is cutting edge or not! They care about their experience. Based on our years of experience building video applications, we can help you create the best possible experience for your WebRTC application. ** **Getting complaints about your UI? We can also [assess your application](https://webrtc.ventures/services/assess/) and provide actionable recommendations, as well as an estimate should you want us to do the work. [Contact us today! ](https://webrtc.ventures/contact/)** [CPaaS](https://blog.webrtc.ventures/tag/cpaas), [Managed Services](https://blog.webrtc.ventures/tag/managed-services), [Events](https://blog.webrtc.ventures/tag/events), [Video Conferencing](https://blog.webrtc.ventures/tag/video-conferencing), [Real Time Weekly](https://blog.webrtc.ventures/tag/real-time-weekly), [WebRTC Architecture](https://blog.webrtc.ventures/tag/webrtc-architecture), [Broadcasting](https://blog.webrtc.ventures/tag/broadcasting), [Medical](https://blog.webrtc.ventures/tag/medical), [WebRTC Live](https://blog.webrtc.ventures/tag/webrtc-live), [Showcase](https://blog.webrtc.ventures/tag/showcase), [Thoughts](https://blog.webrtc.ventures/tag/thoughts), [Vonage](https://blog.webrtc.ventures/tag/vonage), [Daily](https://blog.webrtc.ventures/tag/daily), [Jobs](https://blog.webrtc.ventures/tag/jobs), [Contact Centers](https://blog.webrtc.ventures/tag/contact-centers), [Telehealth](https://blog.webrtc.ventures/tag/telehealth), [Education](https://blog.webrtc.ventures/tag/education), [Technical](https://blog.webrtc.ventures/tag/technical), [General](https://blog.webrtc.ventures/tag/general), [Story of success](https://blog.webrtc.ventures/tag/story-of-success), [The WebRTC.ventures Blog](https://blog.webrtc.ventures/tag/the-webrtc-ventures-blog), [Testing](https://blog.webrtc.ventures/tag/testing), [Gaming](https://blog.webrtc.ventures/tag/gaming), [DevOps](https://blog.webrtc.ventures/tag/devops), [Symbl.ai](https://blog.webrtc.ventures/tag/symbl-ai) ## Related posts [![](https://blog.webrtc.ventures/hs-fs/hubfs/Imported_Blog_Media/How-Can-WebRTC_ventures-Help-You-4.png?height=200&name=How-Can-WebRTC_ventures-Help-You-4.png)](https://blog.webrtc.ventures/2019/08/how-can-webrtc-ventures-help-you) ## [How Can WebRTC.ventures Help You?](https://blog.webrtc.ventures/2019/08/how-can-webrtc-ventures-help-you) [Paige Long](https://blog.webrtc.ventures/author/paige-long) Aug 7, 2019 12:00:00 AM WebRTC.ventures builds and licenses custom video and voice applications for all sorts of industries... [Read more](https://blog.webrtc.ventures/2019/08/how-can-webrtc-ventures-help-you) [![](https://blog.webrtc.ventures/hs-fs/hubfs/Imported_Blog_Media/Hiring-a-QA-Functional-Tester.png?height=200&name=Hiring-a-QA-Functional-Tester.png)](https://blog.webrtc.ventures/2022/08/hiring-qa-functional-tester) ## [WebRTC.Ventures is Hiring a QA Functional Tester](https://blog.webrtc.ventures/2022/08/hiring-qa-functional-tester) ![Picture of Jen Oppenheimer](https://blog.webrtc.ventures/hs-fs/hubfs/Our-Team-Jen.jpg?width=50&name=Our-Team-Jen.jpg) [Jen Oppenheimer](https://blog.webrtc.ventures/author/jen-oppenheimer) Aug 8, 2022 12:00:00 AM WebRTC.ventures, a leading integrator of WebRTC into live video applications, is continuing to grow... [Read more](https://blog.webrtc.ventures/2022/08/hiring-qa-functional-tester) [![](https://blog.webrtc.ventures/hs-fs/hubfs/Imported_Blog_Media/Arin-Sime-and-Alberto-Gonzalez-to-Present-at-TADSummit-2021.png?height=200&name=Arin-Sime-and-Alberto-Gonzalez-to-Present-at-TADSummit-2021.png)](https://blog.webrtc.ventures/2021/10/arin-sime-and-alberto-gonzalez-to-present-at-tadsummit-2021) ## [Arin Sime and Alberto Gonzalez to Present at TADSummit 2021](https://blog.webrtc.ventures/2021/10/arin-sime-and-alberto-gonzalez-to-present-at-tadsummit-2021) ![Picture of Jen Oppenheimer](https://blog.webrtc.ventures/hs-fs/hubfs/Our-Team-Jen.jpg?width=50&name=Our-Team-Jen.jpg) [Jen Oppenheimer](https://blog.webrtc.ventures/author/jen-oppenheimer) Oct 28, 2021 12:00:00 AM WebRTC.ventures CEO/Founder Arin Sime and CTO Alberto Gonzalez will team up at TADSummit EMEA... [Read more](https://blog.webrtc.ventures/2021/10/arin-sime-and-alberto-gonzalez-to-present-at-tadsummit-2021) ### WebRTC.Ventures Services ... - Assess - Build - Integrate - Test - Deploy & Manage ### Contact Us ... **Video should be an opportunity, not a headache.** We’re here to build, integrate, assess and optimize, test, and even deploy and manage your live video application. [Contact us](https://blog.webrtc.ventures/2023/05/delivering-great-experiences-in-webrtc-applications#contact) ### WebRTC Live ... View [past episodes](https://blog.webrtc.ventures/webrtc-live/) of our webinar interview series about the latest webRTC use cases and technical updates. Join our mailing list to learn about upcoming episodes! ![WebRTC Live](https://blog.webrtc.ventures/hs-fs/hubfs/Template%20Images/widged-bannet.webp?height=90&name=widged-bannet.webp) ![logo-main-light](https://blog.webrtc.ventures/hubfs/logo-main-light.svg "logo-main-light") We’re one of the few agencies in the world dedicated to WebRTC development. This dedication and experience is why so many people trust us to help bring live video application dreams to life.   ### Let's get started! ###### **[Contact us today](https://webrtc.ventures/contact/)** **[info@webrtc.ventures](mailto:info@webrtc.ventures)** ### Join our mailing list We don't e-mail often (a few times a month max), and it will be worth it when we do! Of course, we respect your privacy and will not share your contact information. © 2023 WebRTC.ventures, an [AgilityFeat](https://agilityfeat.com/) company / [Privacy Policy](https://webrtc.ventures/privacy-policy//) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Mariana Lopez", "url" : "https://blog.webrtc.ventures/author/mariana-lopez" }, "dateModified" : "2024-04-03T18:21:24.171Z", "datePublished" : "2023-05-12T04:00:00.000Z", "headline" : "Delivering Great Experiences in WebRTC Applications – WebRTC.ventures", "image" : [ "https://blog.webrtc.ventures/hubfs/Imported_Blog_Media/Delivering-Great-Experiences-in-WebRTC-Applications.png" ], "mainEntityOfPage" : { "@id" : "https://blog.webrtc.ventures/2023/05/delivering-great-experiences-in-webrtc-applications", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.webrtc.ventures/hubfs/logo-main-light.svg" } } } ```