JHU Video Wall
November 2017
Video Wall designed for Johns Hopkins University
The Problem
Creation of a video news wall delivering topic-specific news to an engineering university.
Sketch from original briefing meeting.
Mock-up of the video wall at Johns Hopkins.
Screen grab of the video wall content.
Sketch from original briefing meeting.
UX Tools and Techniques
-
Prototyping
-
Sketching
-
Thematic Analysis
-
UI Design
-
Video Production
-
Wireframing
Also, in terms of soft skills, the project required:
-
Collaboration
-
Communication Skills
-
Stakeholder Management
The Client
Johns Hopkins University (JHU) is an American university based in Baltimore, Maryland. As part of a new wing of their Whiting School of Engineering they commissioned a video wall to display internal and external news content created by Form and Content Media (FAC-Media).
I was commissioned by FAC-Media to design the user interface for the video wall.
Designing the Video Wall
News stories related to fields of research at JHU are curated by FAC-Media for use on the Electrical and Computer Engineering website. As the stories are copyrighted, we are very limited to what we can use on the video wall. I conceived the idea of a "news tile" that we could create by scraping the story headline, a picture, and the first paragraph of text of the story. We could then add the logo of the publication, the publication date and and a four-figure code that people viewing the video wall could tap into an accompanying web app and directly link to the story.
Finalising the Design
After several tweaks to the design, and the addition of JHU's colour palette, fonts and logo, the following design was approved (this is a still from the live site)
Live Video Wall
The live video wall currently runs in in a communal area in the new Johns Hopkins wing, and the live feed can be seen here.
NB the design is responsive so that it can run on future video walls, and it is also optimised to run on a tablet devices for demonstration and monitoring purposes.
Web App Design
