UX/UI Designer
podiumCover.png

podium

Helping you become a confident speaker

 

 

Summary
A web app that helps you improve public speaking skills by addressing three key aspects: developing structure, practicing delivery, and getting feedback.

Time
02/2017 - 08/2017

Duration 
24 Weeks

Team
Wei-Hung Hsieh,
Marina Lazarevic,
Shelley Xia

Sponsor
Olen Ronning @10,000ft

My Responsibilities
Primary: Visual Design, UX/UI Design, Video Editing
Secondary: Prototyping, User Research

Tools 
Sketch, Photoshop, InVision, Final Cut Pro, Keynote

 

HOW IT WORKS

podium_Feature_Outlines.gif

Build an Outline

Follow auto-generated structure with expert prompts and best practices, or choose to customize it however you like.

Drag and drop section cards to organize your outline with ease.

podium_Feature_Practice_s.gif

Record Your Practice

Analyze voice quality data to make precise refinements to your speaking style, and avoid red flags that you didn't notice.

Record practice with outline at hand. Scrub through video with data visualization.

podium_Feature_Feedback_1_s.gif

Ask for Feedback

Create feedback form with system suggested or customized questions. Share the video and form with your friends.

Drag and drop questions to create feedback form. Share by sending link via mail or text.

podium_Feature_Feedback_2_s.gif

Send Feedback

Leave inline reactions and qualitative feedback on friends' video recordings within your web browser on any device.

Tap emoji to leave inline reactions to the video. Fill in the feedback form by typing.

 
 

RESEARCH

 

How might we enhance the efficacy of speech preparation through an interactive and personalized approach? 

Oratorical proficiency is considered to be an extremely valuable skill, but only 28% of employers thought that graduates were well-prepared in oral communication upon entering the workforce[1]. Even in a university setting, public speaking can be challenging to teach and learn due to time and space constraints.

In our research, we learned one of the key links to learning speech skills is effective preparation.

 
 
podium_Topic_Overview.png

About speaking

Unlike writing, speaking is a much more social form of communication.

It has a unique and sequential workflow. No step is skippable.

There are no shortcuts. Learning public speaking requires sustained practice.

podium_Competitive_Analysis_2x2.png

Competitive Analysis

Most tools fall into one of these categories.

1. Inaccessible (high entry barrier) due to extra expense, or time and space constraints.

2. Too general. Most tools ignore users' unique strengths and weaknesses, as well as their topic and context.

3. Too narrow in focus. Many of them only address certain aspects of the speech prep process, such as timing.

Therefore, our goal is to create a tool that is:

approachable with lower entry barrier (time/space constraints, expense),
personalized to fit each user's unique skill level and context, and
comprehensive so key aspects in speech prep are all covered.

And we're calling it podium. (All lowercase. It's official.)

 

Research Activities

 

Before interviewing actual users, we started from identifying key players in the problem space by conducting Stakeholder Map, and then interviewed Subject Matter Experts to gain a holistic understanding of the problem space.

We created a User Journey Map to illustrate the Behavioral/Emotional/Cognitive process of speakers, which was based on Participant Interview with 10 students from diverse academic background.

To further build empathy with speakers and find insights that we might miss in participant interview, we also conducted Field Studies to immerse ourselves in the field and record noticeable phenomena.

 
 
 

Key Insights

podium_Structure.jpg

Structure and organization can be hard.

Our participants struggle with structuring their content in an engaging way. Some of them would love to incorporate storytelling skills but it requires creativity and can be time consuming. Also, most people disproportionately assign value to either content or style, ignoring structure altogether.

podium_Practice.jpg

Good practice is more than memorizing a script. 

Self-assessment aids improvement but students lack the knowledge or motivation to do this properly. For example, watching video recordings of speeches is a powerful method for helping students assess their skills but they are either unaware of the option or they choose not to do it.

podium_Feedback.jpg

Those close to us don’t give us the best feedback.

Clear and objective feedback is highly valued. However, access to it is often scarce and expensive. Family and friends, a more common source of feedback, tend to make shallow or overly-positive comments because they lack a framework to provide meaningful and actionable feedback.

Figuring out what story you’re gonna tell with the slides is most difficult. That affects everything up and down stream. It’s a chicken and egg thing.
— Participant 2
Practice makes perfect is good, but along with the practice you need to be reflective about the practice.
— Wei Zuo, Subject Matter Expert
Class is a really good way to have feedback because I haven’t really found another setting where I can have good feedback from people who are skilled at public speaking.
— Participant 8

Developing structure, practice, and getting feedback are the major challenges that people have with speech preparation, and are the key aspects in the speech prep framework, so we'd like to address all three of them with podium.

 
 

 

IDEATION

We went through 4 stages of ideation, and narrowed down more than 60 ideas to 2 final concepts.

 

Internal Ideation
Activities: Worst Ideas, Crazy 8s, Braiding
Goal: Diverging and gather as many ideas as possible

 

Team Ideation
Activities: Concept Generating Matrix, Concept Sort
Goal: Converging and find ideas worth pursuing

 

Concept Refinement
Four initial concepts after the converging process..

 

Final Concepts
We picked Speech Builder as our final design concept due to its high desirability and versatility.
Elements of Feedback Tool were also incorporated to complete the three most important aspects of public speaking.

Speech Builder helps you construct an engaging speech with expert prompts. Record and assemble voice clips to get automatic feedback on voice quality and refine your story and prepare effectively.

Feedback Tool facilitates gathering actionable feedback on your speech during physical or remote practice in front of others. It’s customizable, letting you focus on your goals and guiding your audience to easily provide meaningful feedback.

Feedback Tool facilitates gathering actionable feedback on your speech during physical or remote practice in front of others. It’s customizable, letting you focus on your goals and guiding your audience to easily provide meaningful feedback.

 

 

DESIGN

Wireframes / Low Fidelity Prototypes

In this phase, we created 3 sets of low fidelity prototypes to validate different design aspects of podium.

 

1. General Approach: Linear Workflow vs Data-centered Design

Participants preferred the simpler interface design and structure-focused approach like Option 1. Voice analysis data was valued but participants were confused about its meaning and context. On the other hand, it felt more natural for participants to use text input (typing) instead of audio recording to create outline.

 

2. Flow: Test clarity of flow and desirability of features.

Onboarding process was clear, but experience could be more exciting and relevant in order to further motivate users. The ability to video record practice was desired, but still missing from this iteration.

podium_prototype_v2_walkthrough.gif
 

3. Content: Validate the educational content provided in out tool

Reactions towards content were generally positive. Some participants imagined themselves recording their practice on a smartphone while being mobile. Process to share feedback form with people was very unclear to participants.

 
 

Architecture

After testing the basic interactions and flow with low fidelity prototypes, we created Site Map, User Flow, and Hero Flow as the basis for high fidelity prototypes that we were going to create in the next phase. 

 
 

Site Map

 

User Flow

 

Hero Flow

 
 
 

High Fidelity Prototypes

We created interactive prototypes with Principle to test the micro interactions in each feature module.

 

Build an Outline

A learning tool that helps beginners structure effectively by generating a customized outline based on the type of speech, and providing personalized tips. Also a flexible and customizable canvas that accommodates different levels of use.

podium_video_1.gif
 
 

Record Your Practice

Make precise refinements to your delivery style by analyzing and reflecting on vocal qualities such as pitch, pacing, clarity and filler words. Easy navigation with interactive data visualization or auto generated transcript of your practice.

 
 

Ask for Feedback

This feature provides a framework to easily get/give meaningful and actionable feedback. Podium suggests questions you can ask based on the type of speech you’re giving. Feedback form will be sent along with your practice video as a link via text or mail.

 
podium_video_3.gif
 
 
 

Give Feedback (Mobile)

Reviewers can leave in-line reactions with emojis as they're watching your practice video, making this experience fun and easy for both sides. After watching the video, reviewers will be asked to fill out the form you create, to provide qualitative feedback.

 
podium_video_4.gif
 
 
 

Check Feedback

Check reviewers' responses to the questions on your feedback form.
Navigate your practice video with inline feedback, so you can make refinements to specific part of your speech.

 
podium_video_5.gif
 
 
 
 
 

Reference
[1] Scott Jaschik. 2015. Well-Prepared in Their Own Eyes. (January 2015). Retrieved May 30, 2017 from https://www.insidehighered. com/news/2015/01/20/study- nds-big-gaps-between-student-and- employer-perceptions

 

For more detailed information about the process of podium, click RESEARCH on the right or use the navigation bar on top of this page.