ux design | strategy | leadership

project4 resized 2.png

International Monetary Fund

At the International Monetary Fund, I was part of a team service design project to create a digital signage strategy.
imf screen on wall.jpg
 
 

INTERNATIONAL MONETARY FUND

• service design
• user interviews
• stakeholder interviews
• heuristic evaluation
• contextual inquiry
• comparative analysis
• wireframing/sketching
• high fidelity prototyping with Sketch

 

overview

CLIENT

The International Monetary Fund (IMF) is a an international organization headquartered in Washington, DC, consisting of "189 countries working to foster global monetary cooperation, secure financial stability, facilitate international trade, promote high employment and sustainable economic growth, and reduce poverty around the world."

TIMEFRAME

2 weeks

ROLE

Research Lead and Design

 
 

MISSION

My team was asked to redesign the digital signage at the International Monetary Fund (IMF). The goal was to use the signage as a means of sharing event information and increasing the sense of community at the IMF. We were asked to evaluate the current screens, their content and formatting, interactivity and engagement, and placement.

Problem

IMF staff are overwhelmed by event information. In contrast, they are unaware of what is happening throughout the IMF because they are siloed in their departments. They need an improved means of information dissemination to more deeply engage with the IMF community.

PROPOSED SOLUTION

Digital screens can be used to spread awareness of news and events within the IMF and increase a sense of community.

We made recommendations for screen content in different locations throughout the IMF and designed screen templates tailored to each location to meet the goals on engagement and awareness within the IMF.

the process

user interviews

We interviewed 6 staff members at the IMF, asking them questions about digital signage, how they find out about and distribute information about events and their use of the IMF intranet. After our interviews we completed affinity mapping to synthesize our insights. Our key takeaways were:

affinity mapping.jpg
  • Most people were rarely or never looking at the current digital signage.

  • People report being in too much of a hurry when passing screens to take in any information.

  • Font sizes and contrast levels are insufficient to enable viewing at a glance.

stakeholder interviews

We also completed stakeholder interviews to learn about the business needs of our clients. Our key takeaways were that staff would like to increase engagement with digital signage, decrease reliance on email and paper posters for event information, increase awareness of internal news and increase engagement with social media.

contextual inquiry

A diagram of traffic flow in the lobby area shows that the majority of staff are not facing the screen as they pass by. Though there is a lot of traffic in the area, only 12% of staff even glanced at the screen.

A diagram of traffic flow in the lobby area shows that the majority of staff are not facing the screen as they pass by. Though there is a lot of traffic in the area, only 12% of staff even glanced at the screen.

We conducted contextual inquiries of the digital signage in two locations at the IMF, a lobby and a cafe. We learned:

  • Only 12–15% of people were looking at the digital signage for even a brief period.

  • The placement of screens currently does not offer a wide viewing area. 

Evaluation of current screens

Finally, we evaluated the current screen layouts. We found that there was too much information being displayed at one time. Contrast was too low in sections, font size was too small, and the video was too small, especially for reading the closed captioning. Additionally, placement of screens was not ideal with many screens located well above eye level.

Screen shot representing the current digital signage layout.

Screen shot representing the current digital signage layout.

Digital signage in one of the visitor entries.

Digital signage in one of the visitor entries.

Secondary research

We conducted a comparative analysis of digital screens being used at a nearby university, at the World Bank, at Cisco and Transit Screens being used throughout the city. We found that screens tended to be either highly complex with lower legibility or more static, single content screens with increased legibility but low cycling and low interest.

We also researched best practices for digital screens to inform our design. We determined that a medium-level of complexity with cycling content and different types of content depending on location was ideal for drawing viewers. Motion would be used selectively for transitions to draw the eye but not decrease readability.

Design Studio

IMG_4720.jpg

We started with a design studio on the whiteboards to begin sketching out what our screens should look like. While we started with a variety of screens, we decided that a combination of two content types with primary (2/3 screen) and secondary (1/3 screen) content areas was our desired layout. This allows for different content types to attract people with a variety of interests and more rotation of content to draw the eyes of passers-by. We would also include a call to action at the bottom of each content area to let people know where they could find more information and to encourage engagement.

Following our design studio, we began wireframing single content areas in Sketch.

Content Strategy

We determined that the following content types should be included to address user and stakeholder needs:

  • To increase a sense of community and engagement:

    • Internal photo sharing app — Foko

    • Event posters to announce upcoming events, including a QR code that can be scanned to take users to an intranet event page

    • Daily events listing

  • To increase awareness of what is happening in other departments and what IMF is doing in the world:

    • External social media — Twitter and Instagram

    • Articles produced by IMF for an internal and external audience

    • Videos produced by IMF for an internal and external audience

Additionally, we determined which content types to make available as primary and secondary content, and in which areas.

Location Zoning

We broke the spaces down into 4 targeted zones. For each zone, we made recommendations on content, cycling, and screen locations.

  • Transitional areas—High-traffic areas where people are passing by quickly such as lobbies. Opportunity for capturing a large audience. Content must be highly relevant and readable at a glance. Focus on news and events.

  • Bistros—Screens are at eye level and most visible, but current placement allows only a limited viewing area in the space. People have a little more time in this space for viewing content. Move screens for larger viewing area. Focus content on social media, internal news and events.

  • Visitor/waiting areas—There is a captive audience in these areas, but screen placement is not currently oriented toward viewers. Move screens to eye level. Add screens to department waiting areas to capitalize on another captive audience. Content should be filtered for external or internal consumption and include articles, videos and social media.

  • Social/gathering areas—Places such as cafeterias where people are spending a longer time in view of a screen and have more attention to pay to content on screens. There are essentially no screens in this type of area. This is is a big missed opportunity. Add digital signage to dining areas in both buildings, to seating areas outside of bistros and any other areas that allow more leisurely consumption of content. Focus content on social media, internal news and videos.

All Templates.jpg

Once we had made decisions about which content to include where, we created digital signage templates with a variety of primary and secondary content types.

Next we created recommended screen flows for each of the areas.

Social Gathering.png
Recommended screen flow for a social/gathering area.

Recommended screen flow for a social/gathering area.

design iterations

Low-fidelity wireframe I created in Sketch for news articles as a primary content block.

Low-fidelity wireframe I created in Sketch for news articles as a primary content block.

We started with our design studio whiteboard sketches, then moved on to single-content block wireframes in Sketch. Once decisions had been made about combining content types into templates, we built high fidelity prototypes of each digital signage template in Sketch.

Throughout the process we conducted user testing and iterated our designs. Changes made included changing the background from a dark grey to the blue seen below. Additionally, content was made into cards to tie headers, content items and call to actions together for quicker comprehension. This also allows for easier rotation of primary and secondary content on the screens.

Final Prototype

While we worked together throughout the process to design screens, I was responsible for creating the cards for content, for the final design decisions and ensuring consistency and branding across all screen templates. Below are some of our final screens:

B - Poster Twitter 1.png
I - Articles Instagram.png
D - Calendar Article 1.png
J - Foko Calendar 1.png

The animation below gives a sense of the screen transitions that would occur. Content cards slide up and off the screen, drawing the eye and letting users know that new information will be appearing regularly.

This is an animation of the digital screens designed for the IMF. For more information, visit: https://lauriebreen-design.com.

At our presentation, the IMF team expressed their gratitude for our research and design work and immediately began discussing implementation

I was responsible for compiling a style guide for hand-off of the designs. It included all fonts and text styles, colors and backgrounds, screen templates, specifications for layouts components, and content blocks, as well as recommended content and screen flows for each area.

challenges and what I learned

  • The IMF is very bureaucratic and moves slowly. It was a challenge to get them to work with us at a pace that allowed us to complete a project in 2 weeks. We succeeded by communicating frequently and by working on a lot of things in parallel. For example, we conducted user interviews and contextual inquiries and began our initial designs and comparative analysis while we waited for delivery of IMF assets and for a stakeholder focus group to be set up.

  • Different stakeholders had competing interests and some unrealistic expectations. We managed this by prioritizing needs and coming up with an MVP. It was also critical for us to communicate clearly and manage expectations. In the end, everyone was very happy with the product we delivered.

want to know more?

Let’s talk.

 
 

You can read my full case study on Medium by clicking here.


< Previous project
Family Fail

 

Next project >
RECENT WORK