Public Speaking Me

Application | Phone | Tablet | Website | Design

The aim of the project was to create a solution for public speaking preparation with interactive features, focused on good user experience and real usability of the product. The product was designed with a user-first approach and is focused on users‘ needs and expectations. Continuous research performed throughout the design process helped refine the functions in order to help users get comfortable before and while giving their public speeches.

Project goals

  • Create a solution for public speaking preparation with interactive features

Duration

  • Start in April 2022
  • End in May 2022

Responsibilities

  • Research and usability studies
  • Wireframes and prototypes
  • Mockups

Deliverables

  • App design
  • Website design
  • Created in Figma

Challenge & Solution

Based on the available results of external research, it was proven that 75% of adults feel distressed before their public speech. 90% of them also say that good preparation helps them to perform better.

I created a dedicated application for speech preparation, which contains videos and features that help get ready in an interactive way. In addition to the application, a website has been created that helps raise public speaking best practice awareness and also helps promote the application.

Understanding the user

For this project, survey, interviews, and empathy maps have been created to understand the users that the product was being designed for and their needs. A primary user group identified through research were high school and university students and adults who don’t feel comfortable giving
a public speech.

Based on the main target groups, I created two personas to better understand users‘ needs and keep the personas in mind while creating the product.

Competitive audit

I reviewed a couple of apps available on Google Play Store, e.g. Public Speaking for Beginners & Advanced, and Master Public Speaking. Both apps are information based, containing just texts. Design is basic, in some cases feels outdated and rather unattractive. None of the audited app are interactive in any way.

I saw a great opportunity in designing an interactive app with modern UI and features that really help users get better in public speaking.

Visual style

I chose font faces and colors in accordance with accessibility standards. Before deciding on a color scheme, I checked each color for contrast ratio to make sure the combination will work across devices a and for all users.

Starting the design

I created paper and digital wireframes for this project to ensure that the app and website have the required functionalities and to provide a better idea of what the app will look like and work. To prepare for usability testion of the app, a low-fidelity prototype was created. The prototype connected the user flow of viewing the main functions.

Usability study findings

1. Users would prefer better navigation for some items, such as accessing and adding a new note from the screen with notes.

2. Users suggest there should be a link of „view all“ in the section with videos and recordings, that are on the home screen.

Digital wireframes

Low-fidelity prototype

Mockups

After I created wireframes and a low-fidelity prototype, which I used for a usability study, I started to work on the mockups. I included changes suggested by users. Final design is visualized on the following screens.

High-fidelity prototype

A final high-fidelity prototype reflected insights from the research and usability study. The hi-fi prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.
The high-fidelity prototype can be viewed here.

Accessibility considerations

Accessibility is a fairly neglected area. For me personally, it is very important to adhere to accessibility standards. Not only for users with disabilities but to improve the user experience of all users.

Contrast

Colors were chosen in accordance with contrast ratio standards.

Font faces and size

Fonts Poppins and Rubik are easy to read, and size is big enough to be comfortably read for most users.

Icons and imagery

The prototype includes icons and pictures to help make navigation easier.

Logical structure

The prototype provides good technical background for screen readers.

Sitemap for the website

Having finished the app prototypes and mockups, I started to work on designing a responsive website. I created a Public Speaking Me sitemap to guide the structure of each page to ensure a cohesive and consistent experience across devices.

Responsive views

The designs for a responsive website were created. I optimized the designs to fit user needs using each device and screen size.

Going forward

Takeaways

Impact

The dedicated application and responsive website complement each other. The application will help users prepare for their speech and the website will help to understand the principles of public speaking. I expect the product has a huge impact because speaking skills are a meta-skill for anyone who wants to succeed in the global world.

What I learned

Working on this project, I learned to distinguish between the application’s and the website’s goals. Thanks to focusing on interaction with users I was able to refine the products to fit the users‘ needs and avoid my own biases. At the start, I had different ideas about the whole project but thanks to talking to the users I managed to change the direction and created a product that offers a functional solution to the users‘ expectations.

Next steps

Usability study

Conduct another usability study in a few months time to validate whether the pain points users experienced have been effectively addressed.

Continuous improvement

Continuously improve the app and website in accordance with usability studies conducted on a regular basis to ensure the product meets the users‘ and business needs.

Thanks for Reading!

Did you like this case study and are you interested in cooperation? Let me know and we can discuss how I can help you.