GatherVoicesSignIn.png
 

Video Interface Design

The Ask

Gather Voices is a B2B company that uses technology to help organizations produce and share high quality marketing videos that tell their clients unique story. They came to us with the ask to make the experience of their new video kiosk easy, usable, and delightful for their clients.

Working with a team of three designers, we researched, prototyped and tested our designs over the span of a three week sprint.

Solution

While designing the on-boarding system, we narrowed the scope of the project to three key objectives:

  • Make it easy for the operator to set up, start and end video recording for each video.

  • Ensure the kiosk is intuitive for the operator and helps the end user feel comfortable in the process.

  • Make it easy for the end user to enter their name, email and agree to the terms of service.

Our solution combined training materials and streamlined UI in order to make the video process more efficient and lead to quality content being produced.

 

Role

Researcher, UI Designer, Information Architect

Activities

User Interviews, Ideation + Sketching, Stakeholder Interviews, Prototyping, Usability Testing

Deliverables

Project plan, Wireframes, Persona, User Journey, High-Fidelity Prototype

Tools

Sketch, InVision, Pen + Paper

Research

User Testing with Gather Voices Video Kiosk

The team needed to plan, discover, and explore in order to develop a deeper understanding of the priorities of the client and begin to dive into the experience of the video kiosk users.

Discovery

Goal: Learn of the priorities and goals of the client and evaluate existing products within the market.

Research Methods Used

  • Project Plan

  • Landscape Analysis

  • Stakeholder Interviews (n=4)

  • Demonstration of Video Equipment

Findings

Provided vital information regarding target audience, process of utilizing the video kiosk, and goals of Gather Voices. This drove insight moving forward and allowed the team to gain a deeper understanding of the landscape.

Exploration

Goal: Examine the motivations, pain-points, and provide contextual clues to the Gather Voices video experience.

Research Methods Used

  • Ethnographic Observation

  • Guerrilla Interviews (n=12)

  • User Testing with Video kiosk (n=10)

Findings

Supplied the team with firsthand knowledge of users needs, motivations, feelings, and opportunities for improvement. The comfort level, or lack thereof, for the participants as well as the importance of the operator in facilitating a positive experience began to emerge. The whiteboard was our best friend. Multiple whiteboard sessions were held to extract motivations, feelings, patterns, incentives, pain points, and opportunities from our discovery and exploratory research.

 

The team developed empathy maps. We utilized these evolving artifacts to both communicate with the client and remind ourselves of the users pain points and motivations.

 

Define and Synthesize

The team needed to make sense of the mess. We organized the information into logical groups at a broad level. Four major players emerged from our research:

  • Gather Voices

  • The client (who purchases Gather Voices platform and kiosk)

  • The operator or point person (employed by the client) who facilitates the kiosk recording experience

  • The participant or subject of the video

We first used affinity mapping to categorize the patterns, incentives, pain points, and opportunities. Out of this we developed empathy maps and a user journey to illustrate the experiences of all stakeholders and to better convey our findings.

The motivations of Gather Voices and the client are clear. To collect high quality video content and provide a platform to do so. However, through our research, the reliance on the kiosk operator emerged as well as the hesitation of the subject of the video. Therefore, the importance of the operator to facilitate the video kiosk became apparent. While the comfort level of the participant and their willingness to approach the video kiosk appeared as a major roadblock.

The team needed to further understand the journey of the client. What thoughts, feelings, and questions emerge at each stage of the process. Further, the map provided us with an organizational tool that guided us moving forward.

 

Insights

Insights that emerged from of our research and synthesis

  • The importance of utilizing relationships (business and personal) prior to event for the client to connect with participants of the video

  • Subjects of the video content can be overwhelmed by the experience - Participants want to make sure they sound articulate and look great

  • Current stressors on operator (equipment setup, garnering users, instructions, facilitating recording) is formidable. for a seamless user flow as there is often a learning curve from the experienced operator to a beginner

Some of the top priorities that emerged from our insights that we incorporated into the design principles

 

Design Principles

Once we compiled a more thorough understanding of the Gather Voices video experience. We developed our design mandates. The video operator is imperative to the success of collecting high quality content for the client. Therefore, the design solutions should:

  • Empower the operator to create a seamless user flow at an event with any experience level

  • Bridge the gap between the goals of the subject and the client

  • Make users comfortable while recording and consenting to the video upload

 

Solutions

Ideate and Sketching

Initial broad concepts sketched on post-it notes at a rapid pace

It was time to sketch. The team began to ideate concepts. First, we completed a design workshop. We each sketched 8 broad concepts in 8 minutes. Each concept was rooted in our design principles. After the exercise we threw the sketches on the wall and began to categorize, discuss, and prioritize based on the scope and constraints of the project. We then focused on specific solutions for the interface and how those concepts would solve the opportunities identified. After categorizing the concepts, and utilizing our principles as our guide, we began a series of more detailed sketches of what the solution could look like.

Sketches of the user interface

Sketches of the interface and flow of the solution

Wireframes

 
 
 
 
 

Build, Test, Iterate

We built a clickable prototype. The team wanted to incorporate the training material and streamline the interface so the operator could focus on the participant’s comfort level (which we deemed essential to collecting quality video). Our prototype also attempted to bridge the gap between an experienced operator and beginner operator (which we also identified as a major roadblock in collecting quality videos). The team conducted 3 rounds of usability testing, with 5 participants in each round.

Our takeaways from testing which guided our solutions were:

  • Streamline the on-boarding process for the operator

  • Simplify the home screen to provide operator with three main actions needed when collecting content

  • Incorporate training materials to bridge gap between experienced and not so experienced operators

  • Reconfigure the recording page so the participant is looking at the camera

  • Upload, retake, or preview (the three main wants from a operator and participant on one screen

  • Streamlined agree to terms page

Login page

 

Home screen

 

Training material

Upload or preview

 
Recording

Recording

Agree to terms

Agree to terms

 

The streamlined interface and incorporation of training material allows for the operator to focus on the comfort level of the participant. Which translates into a delightful experience. We provide the building blocks for Gather Voices to develop a more robust experience around the kiosk moving forward. Check out the prototype:

Project Takeaways

Further Exploration

Print Instructions: Developing a pocket size guide for the operator of the equipment.

Client Touch-Points: A stylized guide to provide direction to clients for best practice in recruiting and collection content.

The Event Experience: The focus of this project was building a streamlined on-boarding process as well as incorporating training material within the design. This provides a strong foundation for building a more holistic approach. However, our research highlighted ways to enhance the event experience. For example, our team would conduct further research and test placement of kiosk in order to design and build a best practice manual for clients.