© 2019 Anna Canicosa. All Rights Reserved.

CLIENT

Truthsift is a platform for users to present, discuss, and rationally debate on topics in order to reach the truth of the matter.

UX BRIEF

TOOLS

METHODS

Heuristic Evaluation

User Interviews

Sitemap

Wireframes

Interactive Prototype

Usability Testing

COLLABORATORS

UX Team

Project Team

CEO & Founder

ROLE

UX Researcher/Designer

PROBLEM

The site had too many features - creating a complex system that was difficult to use. It had a legend with 19 items to help users understand and use its intricate graph.  When people attempted to read its content, it generated a persistent text overlay and made it problematic to read, follow, and navigate through a topic.

Figure 1: Truthsift

RESEARCH

It was apparent from the heuristic evaluation Truthsift suffered from numerous usability issues. It relied on cognitive recall vs recognition, offered minimal user control and freedom, and created a sense of displacement while navigating through the site.

User Interviews

So we conducted in-depth interviews to evaluate the overall experience of new and seasoned users. We asked:

  1. What brought you to Truthsift and why? 

  2. What was it like for you to learn how to use Truthsift?

  3. How is your experience now in comparison to when you first started?

  4. Can you show me how you add a topic, follow a debate, and post a statement?

"It took me at least 2 days to get started and figure out how to use Truthsift."

 

"I don't understand the graph. It's very difficult to read and follow the discussions."

 

"I  honestly cannot tell you if a topic has been established or refuted."

System Usability Scale (SUS) Survey

We then had the participants take the SUS Survey to measures its usability & learnability. Truthsift alarmingly scored in the 34th percentile - an 'F' grade compared to industry standards.

Figure 2: Truthsift SUS Survey Results

FINDINGS

Regardless of their experience level, users were clearly dissatisfied. It took them days to learn how to use Truthsift. They relied on trials and errors to navigate through the site. When they returned days later, they could not recall how to perform the same task they had previously completed successfully.

 

 

 

 

So why did they come back? Users said they liked the idea of Truthsift. Unlike other sites, Truthsift was a place where they can debate on a topic driven by facts and not opinions.

 

Figure 3: Truthsift Usability Issues

DESIGN

Based on our research findings, we knew we had to resolve the usability issues first and foremost to sustain the existing users and attract new ones.

 

Ideation

Sitemap

We removed the unnecessary user functions/features to simplify the graph and created a top-level hierarchy so readers can easily follow a topic.

Figure 3: Proposed Truthsift Sitemap

Wireframes

How Might We

 

Following the HMW method...

  • How might we make onboarding easy for first-time users?

  • How might we help users add a topic, contribute to a discussion, and follow a thread discussion with ease?

  • How might we help returning visitors complete a task they had previously completed intuitively and effortlessly?

 

HOME PAGE

 

Users were referred to Truthsift by family and friends.  When they landed on the Home page, it did not convey the company's purpose and value proposition. Users also had to determine how to get started. 

STATEMENT DETAIL PAGE

 

I designed the Statement Detail Page as the central hub for users to add a topic, contribute to a discussion, and follow a thread discussion on a single page. That way, users can depend on cognitive recognition vs recall and can easily remember how to perform the same task they had successfully previously completed with success.

Graph & Text Interaction

 

I designed the graph to dynamically changed with the user actions.

SOLUTION

Truthsift's features produced a level of complexity that hinder the user experience. Users had a difficult time learning Truthsift and reading the content with its intricate graph.

 

My solution was to:

  1. Introduced a hero video to showcase Truthsift value proposition and added a "See How It Works" CTA on the Home page to facilitate onboarding,

  2. Create a simple interactive graph for users to control which topic and statements to view, and,

  3. Split the Statement Detail into a graphical and textual view so users can easily read, follow, and navigate through a topic within a single page to reduce cognitive recall.

RESULT

We conducted usability testing after each design sprint and observed the users behavior while executing a task. After the final round of testing, we had the users take the SUS Survey againTruthsift's score jumped from the 34th to the 74th percentile, above the industry average. Our design improved the usability and learnability by 46%.

RETROSPECTIVE

The power of asking why...

 

Our first designed involved two separate views, a graph and a text version. Even though users can toggle between the two views, they could not state which version they preferred. This was a problem for the team. We had to determine which view to set as the default setting.  We continued to converse with (experienced and new) users and discovered they needed both views to effectively follow a topic.  If we had not persistently asked why, it would not have lead to a new design.

MORE CASE STUDIES