WebRTC UX/UI Design Challenges - WebRTC Global Summit 2016

•

2 likes•531 views

The document discusses challenges in designing user experiences for WebRTC applications. It recommends defining business goals and features, gathering user feedback through engagement tracking and listening, and iterating designs quickly. Key considerations include camera previews, initiating and joining calls, notifications, differences between web and mobile apps, understanding user needs beyond video chat, simplifying for key requirements, seamless cross-device transitions, and designing for variable connectivity.

Technology

WebRTC UX/UI Challenges
Presented by:
Lantre Barr, Founder & CEO
Blacc Spot Media, Inc.

Bblaccspot.com
Founded 2011 • Mobile & Web • UX/UI Design • Agile Development
Web Real-Time Communications (WebRTC) Focus

Bblaccspot.com
Designing for WebRTC
Real-Time Communication Provides Enhanced User Experiences

Bblaccspot.com
Deﬁne Business Goals & Objectives
Deﬁne Feature Set
• Video & Audio
• Messaging
• File Sharing
• Whiteboard
• Screen Sharing
• Recording
Gather Feedback
• Track User Engagement
• Listen to Users
Iterate Quickly
• Deﬁne Implementation Plan
• Notify Users of New
Improvements

Bblaccspot.com
Design Considerations
Things to Keep at the Forefront of your User Experience

Bblaccspot.com
Getting Started
First Consideration
• Camera Preview for Video
Starting a Session
• How to initiate a call?
• Inviting a participant
• What to do while waiting?
Joining a Session
• Guided Experience
Notiﬁcations
• Indications to participants
• Clear Device Statuses (mic)

Bblaccspot.com
Mobile vs Web
Web Apps
• Permissions
• Browsers Compatibility
• Device Hijacking
• Screen Sharing Extension
Native Apps
• Device Permissions
• Limited Screen Size
• Network Connectivity
• Processing Power

Bblaccspot.com
Understanding the User
Real-Time Communications is More Than Video Chat

Bblaccspot.com
What’s Most Important
Simplify Designs
• Focus on Key Requirements
Cross Device
• Web to Mobile
• Web to Tablet
• Mobile to Tablet
Transition
• Shift Focus to Feature
• Interfaces Should Change
Seamlessly
• Provide Visual Helpers

Bblaccspot.com
Best Practices
User Experience Spans Beyond Beautiful Interfaces

Bblaccspot.com
Design for Function
High Video Usage
• 1-to-1
• Multiparty
• Multi Source
Consider the Following
• Device Types
• Screen Real Estate
Low Video Usage
• Messaging
• Whiteboard
• Screen Sharing

Bblaccspot.com
Design for Connectivity
Initialization
• Establishing a Connection
• Waiting to Connect
• Connected
• Failed Connection
Network Changes
• Signal Strength
• Interrupted Connections
• Reconnections

Bblaccspot.com
Questions
Lantre Barr • lbarr@blaccspot.com • @blaccspotmedia

Browsers are changing their WebRTC implementations; shifting from their approximation of a WebRTC spec implementation to what will end up being WebRTC 1.0. This change will not take a day, and probably continue well into 2019. How can developers and QA teams prepare towards that goal, to make sure their WebRTC applications will work throughout this transition? In this session, Tsahi Levent-Levi, author of BlogGeek.me; CEO and Co-founder and testRTC will give actionable tips on how to prepare for WebRTC 1.0.

Introduction to Veeting.com - General Assembly 2014 of Bitcoin Association Sw...

VeetingCom

Launch Presentation of Veeting.com @ the General Assembly 2014 of Bitcoin Association Switzerland. Veeting Rooms offers a virtual meeting environment with audio and video conferencing, business-class slideshow presentation, document sharing, text chat, and tools to take your meetings virtual. Veeting Rooms allows secure communication for teams with hosting in Switzerland, Swiss SLL Certificat Provider and even a Swiss payment provider.

WebRTC Standards & Implementation Q&A - WebRTC NV planning face-to-face meeting

Amir Zmora

WebRTC Standards & Implementation Q&A - The Future is Now!

Amir Zmora

Kamailio World 2017: Getting Real with WebRTC

Chad Hart

There are different applications for getting the raw PCM audio on the client side. One can be client side recording, others can be for machine learning applications, call analysis, and automatic speech recognition. In September, the W3C released the Media Stream Recording draft (https://www.w3.org/TR/mediastream-recording/). In this session we will review the capabilities the draft provides and status of implementation in the different browsers.

Web rtc standards live session #13 - The Browser-Standards Gap

Amir Zmora

Voxeo Summit Day 2 - Real-time communications with WebRTCVoxeo Corp

WebRTC and Telecommunications

AVOXI

WebRTC is a Google created set of standards for enabling realtime communications in a browser. More and more companies are looking towards WebRTC enabled applications enabling them to have voice, video and messaging just a login away, no matter the browser, no matter the operating system. This presentation is by AVOXI with guest Ben Klang from Mojo Lingo, a premier telephony services firm in Atlanta, GA.

The Future of SIP in WebRTC

Bangladesh Network Operators Group

WebRTC Live Q&A Session #4 - WebRTC in WebKit and the story around Apple and ...

Amir Zmora

WebRTC Transforming Communications

Christina Inge

ShowNTell: An easy-to-use tool for answering students’ questions with voice-o...

Anand Bhojan

The use of recording applications for teaching is increasingly popular, with tools such as Ink2Go and ShowMe being available on many platforms and at reasonable cost. However, most recording applications available are typically native applications and do not work within the web browser. In this work, we study the feasibility of implementing a recording solution in the web browser environment. The design details of ShowNTell can be found in the paper (http://www.comp.nus.edu.sg/~bhojan/papers/ShowNTell15.pdf) published in IEEE ASEE 45th Frontiers In Education 2015 Conference. Please use it for all the references of this ShowNTell project. Poster: http://www.comp.nus.edu.sg/~bhojan/papers/showNtell15.png Details and Demo @ www.sntboard.com NB:- There are new features such as real-time collaborative drawing and non-linear editing are added in the latest versions. Register at www.sntboard.com to get regular updates. "The greatest challenge of education in the digital world is to train the mind to focus with a strong feeling of purpose where the time shrinks and to re-focus at will" - Dr Bhojan Anand

WebRTC on Mobile Devices: Challenges and Opportunities

Vladimir Beloborodov

Introduction to WebRTC

Arjun Varma

test

Igor Pavlov

Improve customer engagement and productivity with conversational ai

CodeOps Technologies LLP

Tailwind Traders recent internal employee survey showed their employees are frustrated with lengthy processes for simple actions, such as booking vacation and other company benefits. They want to reduce the friction of reviewing and booking vacation so it’s a simple, easy and pleasant process for their employees. In this session you will see how Tailwind Traders applied Conversational AI best practices to simplify the vacation process for their employees. Using the Bot Framework Composer tooling you can quickly build conversation flows, incorporate intelligence services such as Q&A maker and LUIS, test and deploy your virtual assistant to the cloud and embed it where your customers and employees spend their time.

Bridging_WebRTC_with_SIP_Alberto_WebRTCventures_Cluecon2023_NoVideo.pptx

Alberto González Trastoy

WebRTC enables real-time communication through the web, while SIP is a protocol commonly used for initiating and maintaining real-time communication sessions, particularly in telephony networks. Bridging WebRTC with SIP is essential in many industries, such as remote healthcare, education, and customer support, where current modern video solutions must communicate with telephony infrastructure at scale. The integration of WebRTC-based video conferencing with legacy SIP-based systems enables seamless communication across platforms and devices. In this presentation, we will talk about lessons learned and explore different approaches to bridging WebRTC and SIP, discussing their advantages and disadvantages.

WebRTC and Mobile IntegrationGiorgio Natili

VAST 8.0

ESUG

Kranky Geek - Virtual Collaboration - Igor Pavlov

Igor Pavlov

WebRTC Webinar & Q&A - W3C WebRTC JS API Test Platform & Updates from W3C Lis...

Amir Zmora

On September 19-23 there was the W3C TPAC meeting in Lisbon. Dan will cover some of the highlights of the recent Lisbon WebRTC meeting, including what items are the sticking points, where work is focusing, progress estimates, and thoughts on what might go into the next version of WebRTC after 1.0 is finished. Alex will cover the W3C testing platform: "Test The Web Forward". W3C, unlike IETF, is developing and maintaining a complete test suite for all its JS APIs. No specification is actually accepted by W3C and final without the corresponding test suite. Topics that will be addressed include what this testing platform implements, its status with respect to WebRTC and now it is used by different browser vendors as an indication of their compliance with the standards. As always, we encourage you to submit your general WebRTC related questions beforehand in the Questions & Topics section to make sure we answer them during the session. Event sponsored by WebRTC.Ventures & Blacc Spot Media

Video-chat.pptx

SayanGoswami25

Fun and Creative Ideas to Energize Your Video Conference Meetings

Harriet Davis

What is Video Conferencing? • Video conferencing enables individuals or groups in different locations to conduct face-to-face meetings without needing to move to a single location. • It utilizes audio and video technology to connect participants virtually. ❖ Evolution of Video Conferencing • Video conferencing has significantly evolved over the years, from traditional hardware-based systems to cloud-based solutions. • Advancements in technology have made video conferencing more accessible, affordable, and user-friendly.

TADS Developer Summit WebRTC Dan Burnett

Alan Quayle

Mind map of terminologies used in context of Generative AI

Kumud Singh

Removing Uninteresting Bytes in Software Fuzzing

Aftab Hussain

Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process. In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds. - These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.

Similar to WebRTC UX/UI Design Challenges - WebRTC Global Summit 2016

WebRTC Webinar & Q&A - W3C WebRTC W3C MediaStream Recording

Amir Zmora

Web rtc standards live session #13 - The Browser-Standards Gap

Amir Zmora

Voxeo Summit Day 2 - Real-time communications with WebRTCVoxeo Corp

WebRTC and Telecommunications

AVOXI

The Future of SIP in WebRTC

Bangladesh Network Operators Group

WebRTC Live Q&A Session #4 - WebRTC in WebKit and the story around Apple and ...

Amir Zmora

WebRTC Transforming Communications

Christina Inge

ShowNTell: An easy-to-use tool for answering students’ questions with voice-o...

Anand Bhojan

WebRTC on Mobile Devices: Challenges and Opportunities

Vladimir Beloborodov

Introduction to WebRTC

Arjun Varma

test

Igor Pavlov

Improve customer engagement and productivity with conversational ai

CodeOps Technologies LLP

Bridging_WebRTC_with_SIP_Alberto_WebRTCventures_Cluecon2023_NoVideo.pptx

Alberto González Trastoy

WebRTC and Mobile IntegrationGiorgio Natili

VAST 8.0

ESUG

Kranky Geek - Virtual Collaboration - Igor Pavlov

Igor Pavlov

WebRTC Webinar & Q&A - W3C WebRTC JS API Test Platform & Updates from W3C Lis...

Amir Zmora

Video-chat.pptx

SayanGoswami25

Fun and Creative Ideas to Energize Your Video Conference Meetings

Harriet Davis

TADS Developer Summit WebRTC Dan Burnett

Alan Quayle

Similar to WebRTC UX/UI Design Challenges - WebRTC Global Summit 2016 (20)

WebRTC Webinar & Q&A - W3C WebRTC W3C MediaStream Recording

Web rtc standards live session #13 - The Browser-Standards Gap

Voxeo Summit Day 2 - Real-time communications with WebRTC

WebRTC and Telecommunications

The Future of SIP in WebRTC

WebRTC Live Q&A Session #4 - WebRTC in WebKit and the story around Apple and ...

WebRTC Transforming Communications

ShowNTell: An easy-to-use tool for answering students’ questions with voice-o...

WebRTC on Mobile Devices: Challenges and Opportunities

Introduction to WebRTC

test

Improve customer engagement and productivity with conversational ai

Bridging_WebRTC_with_SIP_Alberto_WebRTCventures_Cluecon2023_NoVideo.pptx

WebRTC and Mobile Integration

VAST 8.0

Kranky Geek - Virtual Collaboration - Igor Pavlov

WebRTC Webinar & Q&A - W3C WebRTC JS API Test Platform & Updates from W3C Lis...

Video-chat.pptx

Fun and Creative Ideas to Energize Your Video Conference Meetings

TADS Developer Summit WebRTC Dan Burnett

Recently uploaded

Mind map of terminologies used in context of Generative AI

Kumud Singh

Removing Uninteresting Bytes in Software Fuzzing

Aftab Hussain

Generative AI Deep Dive: Advancing from Proof of Concept to Production

Aggregage

Microsoft - Power Platform_G.Aspiotis.pdf

Uni Systems S.M.S.A.

zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs

Alex Pruden

This paper presents Reef, a system for generating publicly verifiable succinct non-interactive zero-knowledge proofs that a committed document matches or does not match a regular expression. We describe applications such as proving the strength of passwords, the provenance of email despite redactions, the validity of oblivious DNS queries, and the existence of mutations in DNA. Reef supports the Perl Compatible Regular Expression syntax, including wildcards, alternation, ranges, capture groups, Kleene star, negations, and lookarounds. Reef introduces a new type of automata, Skipping Alternating Finite Automata (SAFA), that skips irrelevant parts of a document when producing proofs without undermining soundness, and instantiates SAFA with a lookup argument. Our experimental evaluation confirms that Reef can generate proofs for documents with 32M characters; the proofs are small and cheap to verify (under a second). Paper: https://eprint.iacr.org/2023/1886

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

DanBrown980551

Do you want to learn how to model and simulate an electrical network from scratch in under an hour? Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)! During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook. PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides: - A fully editable and extendable library for grid component modelling; - Visualization tools to display your network; - Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses; The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well. What you will learn during the webinar: - For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills; - For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.

Climate Impact of Software Testing at Nordic Testing Days

Kari Kakkonen

My slides at Nordic Testing Days 6.6.2024 Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.

Pushing the limits of ePRTC: 100ns holdover for 100 days

Adtran

20240609 QFM020 Irresponsible AI Reading List May 2024

Matthew Sinclair

Epistemic Interaction - tuning interfaces to provide information for AI support

Alan Dix

Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024 https://alandix.com/academic/papers/synergy2024-epistemic/ As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.

Building RAG with self-deployed Milvus vector database and Snowpark Container...

Zilliz

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf

Malak Abu Hammad

Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers: * What is Vector Search? * Importance and benefits of vector search * Practical use cases across various industries * Step-by-step implementation guide * Live demos with code snippets * Enhancing LLM capabilities with vector search * Best practices and optimization strategies Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications. #MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology

Elizabeth Buie - Older adults: Are we really designing for our future selves?

Nexer Digital

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

James Anderson

Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management. The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM). Speakers: Bob Boule Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle. Gopinath Rebala Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.

GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024

Neo4j

UiPath Test Automation using UiPath Test Suite series, part 6

DianaGray10

Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI. UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities. Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes. What will you get from this session? 1. Insights into integrating generative AI. 2. Understanding how this integration enhances test automation within the UiPath platform 3. Practical demonstrations 4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath Topics covered: What is generative AI Test Automation with generative AI and Open AI. UiPath integration with generative AI Speaker: Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

DevOps and Testing slides at DASA Connect

Kari Kakkonen

Large Language Model (LLM) and it’s Geospatial Applications

Rohit Gautam

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Paige Cruz

Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack. While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack. I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:

Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI

Vladimir Iglovikov, Ph.D.

Presented by Vladimir Iglovikov: - https://www.linkedin.com/in/iglovikov/ - https://x.com/viglovikov - https://www.instagram.com/ternaus/ This presentation delves into the journey of Albumentations.ai, a highly successful open-source library for data augmentation. Created out of a necessity for superior performance in Kaggle competitions, Albumentations has grown to become a widely used tool among data scientists and machine learning practitioners. This case study covers various aspects, including: People: The contributors and community that have supported Albumentations. Metrics: The success indicators such as downloads, daily active users, GitHub stars, and financial contributions. Challenges: The hurdles in monetizing open-source projects and measuring user engagement. Development Practices: Best practices for creating, maintaining, and scaling open-source libraries, including code hygiene, CI/CD, and fast iteration. Community Building: Strategies for making adoption easy, iterating quickly, and fostering a vibrant, engaged community. Marketing: Both online and offline marketing tactics, focusing on real, impactful interactions and collaborations. Mental Health: Maintaining balance and not feeling pressured by user demands. Key insights include the importance of automation, making the adoption process seamless, and leveraging offline interactions for marketing. The presentation also emphasizes the need for continuous small improvements and building a friendly, inclusive community that contributes to the project's growth. Vladimir Iglovikov brings his extensive experience as a Kaggle Grandmaster, ex-Staff ML Engineer at Lyft, sharing valuable lessons and practical advice for anyone looking to enhance the adoption of their open-source projects. Explore more about Albumentations and join the community at: GitHub: https://github.com/albumentations-team/albumentations Website: https://albumentations.ai/ LinkedIn: https://www.linkedin.com/company/100504475 Twitter: https://x.com/albumentations

Recently uploaded (20)

Mind map of terminologies used in context of Generative AI

Removing Uninteresting Bytes in Software Fuzzing

Generative AI Deep Dive: Advancing from Proof of Concept to Production

Microsoft - Power Platform_G.Aspiotis.pdf

zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

Climate Impact of Software Testing at Nordic Testing Days

Pushing the limits of ePRTC: 100ns holdover for 100 days

20240609 QFM020 Irresponsible AI Reading List May 2024

Epistemic Interaction - tuning interfaces to provide information for AI support

Building RAG with self-deployed Milvus vector database and Snowpark Container...

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf

Elizabeth Buie - Older adults: Are we really designing for our future selves?

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024

UiPath Test Automation using UiPath Test Suite series, part 6

DevOps and Testing slides at DASA Connect

Large Language Model (LLM) and it’s Geospatial Applications

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI

WebRTC UX/UI Design Challenges - WebRTC Global Summit 2016

1. WebRTC UX/UI Challenges Presented by: Lantre Barr, Founder & CEO Blacc Spot Media, Inc.

2. Bblaccspot.com Founded 2011 • Mobile & Web • UX/UI Design • Agile Development Web Real-Time Communications (WebRTC) Focus

3. Bblaccspot.com Designing for WebRTC Real-Time Communication Provides Enhanced User Experiences

4. Bblaccspot.com Define Business Goals & Objectives Define Feature Set • Video & Audio • Messaging • File Sharing • Whiteboard • Screen Sharing • Recording Gather Feedback • Track User Engagement • Listen to Users Iterate Quickly • Define Implementation Plan • Notify Users of New Improvements

5. Bblaccspot.com Design Considerations Things to Keep at the Forefront of your User Experience

6. Bblaccspot.com Getting Started First Consideration • Camera Preview for Video Starting a Session • How to initiate a call? • Inviting a participant • What to do while waiting? Joining a Session • Guided Experience Notiﬁcations • Indications to participants • Clear Device Statuses (mic)

7. Bblaccspot.com Mobile vs Web Web Apps • Permissions • Browsers Compatibility • Device Hijacking • Screen Sharing Extension Native Apps • Device Permissions • Limited Screen Size • Network Connectivity • Processing Power

8. Bblaccspot.com Understanding the User Real-Time Communications is More Than Video Chat

9. Bblaccspot.com What’s Most Important Simplify Designs • Focus on Key Requirements Cross Device • Web to Mobile • Web to Tablet • Mobile to Tablet Transition • Shift Focus to Feature • Interfaces Should Change Seamlessly • Provide Visual Helpers

10. Bblaccspot.com

11. Bblaccspot.com

12. Bblaccspot.com

13. Bblaccspot.com Best Practices User Experience Spans Beyond Beautiful Interfaces

14. Bblaccspot.com Design for Function High Video Usage • 1-to-1 • Multiparty • Multi Source Consider the Following • Device Types • Screen Real Estate Low Video Usage • Messaging • Whiteboard • Screen Sharing

15. Bblaccspot.com

16. Bblaccspot.com Design for Connectivity Initialization • Establishing a Connection • Waiting to Connect • Connected • Failed Connection Network Changes • Signal Strength • Interrupted Connections • Reconnections

17. Bblaccspot.com Questions Lantre Barr • lbarr@blaccspot.com • @blaccspotmedia

WebRTC UX/UI Design Challenges - WebRTC Global Summit 2016

Recommended

Recommended

More Related Content

Similar to WebRTC UX/UI Design Challenges - WebRTC Global Summit 2016

Similar to WebRTC UX/UI Design Challenges - WebRTC Global Summit 2016 (20)

Recently uploaded

Recently uploaded (20)

WebRTC UX/UI Design Challenges - WebRTC Global Summit 2016