kranky geek webrtc 2015 - a closer look at the webrtc ux/ui api

The UX of WebRTC @ArinSime

WebRTC.ventures KrankyGeek Sept 2015

Technology is cool… but users don’t care!

but we can’t stop there! Metaphors are cool too...

Experience Users only care about the

WebRTC provides some Interactions out of the box

@ArinSime KrankyGeek.com 2015

UX Terminology

UX

Micro- Interactions The little stuff that matters

Information Hierarchy Structure and placement convey importance

Feedback Make it obvious what’s happening

Pre-call check

To show or

Φ Φ Φ Φ Φ Φ

not to show your own camera?

Subtle controls for web browsers

Larger Controls for Mobile apps

Mute Flip Camera

Record Exit

Use overlays wisely, and temporarily

Φ Φ Φ

Multiparty placement

Provide feedback before and during

Testing the call quality

Maintain Focus Everything else should be de-emphasized

@ArinSime KrankyGeek.com 2015

Everything matters more with mobile

More than a video tag • Information Hierarcy

• Most important features dominate, don’t distract

• Feedback • Connection status, automatic

downgrades, pre-call screening • Micro-interactions

• Placement/size of controls, following mobile best practices

@ArinSime WebRTC.ventures