The Forest of Rhetoric

Redesigning how rhetoric can be learned

C O N T E X T

What is the forest of rhetoric?

Dr. Gideon Burton of Brigham Young University created The Forest of Rhetoric as a guide to classical and renaissance rhetoric. He intended it to help beginners and experts make sense of rhetoric because it’s a vast subject, while honoring the subject of rhetoric.

O V E R V I E W

Problem

Before the redesign, Dr. Gideon Burton’s Forest of Rhetoric website used double-sided navigation bars. This outdated layout made it difficult for users to navigate. The dictionary-like design with rhetorical terms overwhelmed users with information, especially due to the narrow side bars. As a result, users experienced longer navigation times and missed seeing some pages.

How can I help learners understand rhetoric more efficiently? There’s so much information, how can I make
it digestible?

solution

The goal was to create a place where users can easily navigate efficiently in a short period of time, while getting a better understanding of rhetoric.

R E S E A R C H

Understanding the user

Before diving deeper into the design process, I needed to understand how long someone stays on a website for information. I focused on figuring out what makes a user stay or leave. I decided to conduct my own secondary research.

My findings

According to Forbes “Top Website Statistics 2024,” 61% of users say that if they don’t find what they’re looking for within about five seconds, they will go to another site. On average, users spend 54 seconds on a page, with about 6.44 seconds focused on the main navigation menu. Including videos can increase the time spent on a page by 88%, as they provide an interactive experience for users.

In contrast, when reading written content, website users spend an average of 5.59 seconds skimming the site. During this process, people tend to focus their attention on the left corner of the text and quickly breeze through the rest before moving on to the next line. The goal was to create a place where users can easily navigate efficiently in a short period of time, while getting a better understanding of rhetoric.

key Insights

Here are some insights gathered from my research:

  • Most users seek answers immediately
  • It’s important that the navigation bar is organized and clear for quick use
  • The website should load quickly
Displays that 47% of users won't wait longer than two seconds for a website to load
Displays potential solutions: simplicity, implementing search bar, and graphics

Competitive Assessment

To gain a better understanding of informational websites, I analyzed three competitors and observed some of the features they offer their users. Wikipedia and National Geographic were two successful informational websites I studied. The third was YourDictionary, a popular search engine for vocabulary.

Wikipedia includes word links embedded in its written content, allowing users to navigate to another page that dives deeper into a topic.

Similar to Wikipedia, National Geographic presents written content in a magazine format. They use shorter paragraphs for improved digestibility, accompanied by photographs that complement the text.

YourDictionary features a clear and concise navigation bar, with the main component being the search bar.In contrast, when reading written content, website users spend an average of 5.59 seconds skimming the site. During this process, people tend to focus their attention on the left corner of the text and quickly breeze through the rest before moving on to the next line. The goal was to create a place where users can easily navigate efficiently in a short period of time, while getting a better understanding of rhetoric.

Displays the icon of Wikipedia
Displays the icon of YourDictionaryDisplays the icon of National Geographic

P E R S O N A

user Personas

I conducted user interviews with participants who use informational websites daily. I reached out to those who responded and agreed to participate. I designed the interview questions to elicit detailed feedback on the website's usability, functionality, and overall user experience. With the collected data, I identified users’ needs and their current struggles when using The Forest of Rhetoric website.

Displays the user persona of a high school freshman's take on rhetoricDisplays the user persona of a software developer's take on rhetoric

D E S I G N

sketches

I began by creating basic sketches of the desired layout structure for each page. I aimed to enable users to navigate quickly and easily using the navigation bar, enhanced by the addition of a search bar to guide them.

A pencil sketch of the home page
A pencil sketch of the word term desciption page

Wireframes/ Low-Fidelity Prototypes

After finalizing the sketches, I transformed them into wireframes. In Figma, I created low-fidelity wireframes for the main pages. This structure allowed me to move on to creating the low-fidelity prototype, which provided valuable insight into the functionality of the current design.

Displays the Figma wireframe of the Forest of Rhetoric website

User Testing

I later conducted user testing on the high-fidelity mockups with the same participants in the persona interview for consistency. After gathering several insights from users, the following notes were made.

  • Make the links a different color so that they stand out more than just the underline
  • Possibly find another alternative to having two search bars in the dictionary page (although it would not be practical to have two search bars, they serve different purposes)
  • Another option I would consider is creating a separate search website for vocabulary

Final Design

This application's purpose was to allow users to quickly navigate and better understand rhetoric. To ensure that the design doesn’t get in the way of the user’s goals, I created the website so that it was simple and modern. On average, the user time went down 70.5% when asked to do the same tasks on the new design.

T H O U G H T S

Limitations

  • Sample size limitation – less diverse participant pool
  • Limited skills – only my second time using Figma for a case study

user Personas

  • Sketches are very important – It’s better to erase a sketch than to restart a Figma design, it’s less time consuming
  • Make written content while you progress in the design process – While writing this I noticed I forgot to write written content for a few steps, so it was difficult to remember what I originally thought or took notes on in earlier stages