PROJECT:

Donor wall and touch screen display exhibit at VGH & UBC Hospital

ROLE:

As the Lead UI Designer for this project, I worked closely with the Creative Director and Software Engineers on the interface designs and implementation for the digital touch screen exhibit.

CHALLENGE:

Designing a seamless experience between the 42-inch digital touch kiosk screen and the physical donor wall with accessibility in mind with existing branding guidelines. The designs must be accessible for both the Chinese and Western demographics, and inclusive of wheelchair users. The design requires reusable user interface components for consistency and flexibility when adding more stories as the number of donors rise in the future.

BACKGROUND:

VGH & UBC Hospital Foundation has partnered with donors to provide the funds essential to ensure that our hospitals and health care teams can deliver BC’s best, most specialized care for adults. UBC Foundation recognizes those who have donated $10,000 or more on each of the walls located at VGH, GF Strong, and UBC Hospital.

______

UI ELEMENTS

Two sets of navigations were designed to suit the variety of demographics at the hospitals where screens were installed

The icon button is used to reference the location of a donor’s names on the physical wall

______

UI DESIGNS

______

EXHIBIT INSTALLED AT VGH

SOLUTION:

Designed the navigation bar located at bottom of the screen for wheelchair accessibility with a single click to give the ability to toggle between languages of Simplified Chinese and English. The home screen was designed using a card layout with vibrant colours that align with UBC & VGH Foundation’s branding guidelines so different categories and images can easily be replaced. From a user’s perspective, this gives consistency upon landing on the home screen where they can easily navigate to a point of interest. To encourage exploration on the kiosk, various donor stories were displayed along with navigation buttons accessible for users of various heights, and a drag-able touchscreen keyboard. A CRM was also integrated to allow the expansion of more donor names and stories to be displayed in the exhibit as the numbers grow.