Case study · Smart workplace hardware

WCD from Sharp

The interface for a 70-inch meeting-room display that won Best of ISE 2019.

Client

Sharp, with Microsoft

Product

70" 4K interactive display

Focus

UX research, UI, design system, motion

Year

2019

WCD display on a dark meeting-room wall showing the time over a mountain landscape
Overview

The Windows Collaboration Display from Sharp is a 70-inch 4K touch display for meeting rooms. Built-in sensors read temperature, air quality and humidity, and it works with Microsoft Azure and Teams.

A team of fewer than ten built it end to end, so everyone wore several hats. Huy led UX research, journeys and information architecture, and delivered the full UI: design system, prototypes and animation.

Challenge

Design for a screen people stand in front of. With few references to copy, every call on visibility, reach and blocking came from research and testing in real rooms.

What we did
  • 01Studied reach, visibility and blocking in real rooms
  • 02Mapped user journeys and information architecture
  • 03Designed home, setup and settings
  • 04Built a design system sized for a 70-inch canvas
  • 05Prototyped and animated key interactions
  • 06Designed two platforms to manage displays remotely
Product designUX researchDesign systemMotion

One screen, a whole room.

Scope at a glance
70"4K touch display
<10People in the core team
4Global trade shows
2Industry awards in 2019

Product and award facts as published in the case on phamhuyds.com.

The room

Read from your seat, used up close.

At rest the display is part of the room: time, weather and room data, large enough to read from the table. Walk up, and controls sit where a hand lands.

Display in a bright concrete meeting room showing device settings over a lake scene
A team meeting in front of the display showing live room sensor cards

Room sensors on the home screen: temperature, humidity, CO₂ and noise.

Interface

Calm at rest, clear on touch.

Home shows the clock, weather and room data over a quiet landscape. Touch brings up Windows, Teams, Skype and settings as panels in one blue system.

Tilted grid of WCD screens: settings panels, dialogs and the home screen
Setup screens: security, network, welcome and done

Sensor home screen and first-run setup.

Quick settings, Skype and Bluetooth panels over the tulip wallpaper

Design system

Sized for distance first.

Type, spacing and panels were set for reading across a room, then checked at arm's length. Every home theme and dialog is built from the same parts.

Grid of home screen themes: desert, mountain, plant, and dark purple variants
Three displays side by side: tulip wallpaper, mountain home screen, Windows panel

One component set, many home themes.

Reach & ergonomics

Every control within reach.

We mapped easy, OK and stretch zones on the panel and moved primary actions into a side dock, so shorter and seated people never reach up or stand in front of the content.

Try the rule

Browser sketch of the reach-zone rule. Values are illustrative.

Impact

From a team of ten to the ISE stage.

The display launched at the biggest AV and tech shows of the year and came home with two awards.

Display on a dark wall with the system settings panel open over a lake scene
01

Best New Collaboration Board

Best of ISE Awards 2019, from rAVe [PUBS].

02

Top New Technology Award

TNT Award for displays at ISE 2019.

03

Shown at four global shows

ISE, InfoComm, Computex and Microsoft Ignite, in front of industry leaders and enterprise buyers.

04

Strong market feedback

A positive response from partners and buyers after launch.

Credits

Designed by Huy Pham as product designer at Soda Labs in Taipei, before founding PHAXIS Lab.

UX research & IA

Huy Pham

UI, system & motion

Huy Pham

Product team

Soda Labs

Partners

Sharp, Microsoft

Platform

Windows, Azure, Teams

Hardware

70" 4K touch, IoT sensors

Building hardware with a screen?

Get a design team that designs for the room.