Forming opinions through a game

3 mobile screens from left to right:
select the session goal for eval, set your view slider to Agree on a video, highlight the current topic on the colourful leaved tree.

Client

Standpoint is the mobile app that helps busy young professionals find and refine their own opinion on complex topics, 5 minutes at a time, so that they can feel confident talking about anything.

Problem

There's an identified user need for developing well-informed opinions without feeling overwhelmed and within the limited time they have. To do so, Standpoint requires a clearly defined feature to help its users navigate the process.

Solution

Visualise the topic exploration hierarchy through the tree branch visual. Plus,

  • provide an ability to save the information that seems most relevant/important;
  • don't force the user to form a premature opinion on an argument/topic;
  • visually communicate the different perspectives and types of sources for the user to build their own mind map of the topic.

Lessons learnt

  • Not all users interested to use Standpoint have a scholarly mentality – whether from lack of free time or just needing a broad but brief understanding of a complex topic. The biggest pain point was feeling overwhelmed after all!
  • Even lo-fi prototypes need clarity in content, like making the elements connect through grouping and other visual cues.

Team

My role: UX research, user testing

Collaborator(s): CEO/Founder

Tools

pencil diagonally placed on top of a horizontal line

Pen & Paper

video camera

Google Meet

User Research

Standpoint has done user interviews before with Wizard of Oz tests so my work started on a great footing. There were several identified user personas – mostly busy young professionals who want to form balanced informed opinions but who struggle/avoid getting into the discussion due to how unhinged and polarised the popular opinions are.

After studying Standpoint's identified pain points, I found that research should focus on the following question:

How do young professionals navigate an abundance of content to form their opinion on a complex topic?

Ideation

Throughout the process, I appreciated how invested and active the founder, Dan was in the brainstorming and research process. Much of the information structure is borrowed from Kialo's argument map – a website for contributing and exploring opposing sides for a topic.

What caught my eye was how easily it structured the different pros (green) and cons, (red) which also had their own opposing child arguments. A binary system keeps it clean with a consistent visual to indicate where you are in the map.

expand

However, it fails to translate well into a mobile view. Complex topics call for a wide variety in perspectives and arguments, which traditionally are represented horizontally (pictured above).

Prototyping & testing

To test out Kialo's solution to argument navigation, with pros and cons side by side, I made a quick prototype to test for the 1st round. My hypothesis was that the users would (1) be able to recognise the pros and cons of the parent argument, and (2) prefer a levelling up system for each topic, so they only have to explore one larger argument in that topic per level, like Candy Crush and Cookie Cats (Burelli 2019).

expand

I found debriefs very useful to the research process after each user test, as well as after each round of testing, as it allowed our independent notes to be cross-referenced, thus expediting the analysis and synthesis process. I have given transcription and analysis service Dovetail a try to identify the main themes, however, I find it quite time-consuming when the tests are exploratory and less structured.

Key findings from the 1st round include:

  1. A clear hierarchy for diving deeper into the topic would reduce feeling lost or confused on what argument the pros and cons belong to.

  2. Although each argument has its valid point, users want to see the humanising context behind it – who said it, why they might argue like that, the historical/societal context etc.. This would better inform their own opinion on the argument and the topic overall.

  3. The imagery of building a rocket was missed/misunderstood and would require clearer analogies for argument evaluation and “growing” your opinion on the topic. The levelling up hypothesis needs to change accordingly.

expand

Changes for 2nd round

Dan and I brainstormed a radically different approach as the data shows the original direction would not address the problem.

expand

The first round of tests shows that the topic navigation requires a more intuitive layout. Due to the exploratory nature of this project, I focused on the following:

  1. Instead of going "down" to delve into the topic like Kialo, I felt a tree with its splitting branches would be a better alternative as it demonstrates visible growth in one's progress.

    The tree metaphor is explored across 3 mobile screens as a map for the topic, each branch signifies a sub-topic and a short description that may pique the user's interest.
  2. A non-interactive slider at the top that summarises where the user is leaning on the topic as they input their opinions on each info card.

  3. Remove the number of claims you've evaluated since it's not important during argument evaluation.

Round 2 insights

  • The ability to save (“bookmark”) any cards with arguments/reasons in them to come back to later was used by all users when said cards resonated with/were deemed relevant by the users.
  • The option to express your opinion felt forced by the user (primary button labelled “Take a Stand”). In early stages of argument evaluation, the users appreciated a softer label for this ability or less focus on it as the primary action on the interface.
  • Navigation was confusing 50% of the time, especially when trying to identify what argument the user is exploring the supporting and opposing reasons for. This was mediated by the user’s mindset, with analytical users being more familiar with the current structure of argument evaluation (Depth First Search). It is suggested to integrate the visual of the tree trunk and branches more robustly and consistently throughout argument evaluation, not just at the topic map level.
  • Unlike the previous test, some users strongly preferred to see the big argument cards showing if it’s a pro or a con to the topic at hand (2/4 users). This may be the user’s need to assess the validity of the source - where the information is coming from, what is their perspective on the debate and what other biases they may have. Although this need is addressed when exploring the reasons for/against, a label similar to how the type of information is displayed on the cards currently may guide their surface-level evaluation.
  • Though not addressed directly in the test, as I conducted both rounds, I felt the need to re-think the user personas. Instead of focusing on the smaller irrelevant details of each persona, I found it best to combine them into the 2 archetypes that represent Depth First (DFS) and Breadth First (BFS) Search through the "Researcher" and the "Runner" respectively. This would simplify future ideation, while fully encompassing Standpoint's targeted users. They each have different goals they want to achieve and this would be a critical feature to explore in a future sprint.

expand

Final product

This project's focus was on Standpoint's key feature – argument evaluation.

The Researcher is interested in a health-related topic and wants to have a well-rounded understanding about presently critical health issues.

They see a sub-topic about treating diseases and disorders and decides to look into it after he finds out more. The Researcher doesn't have a lot of time but wants to find as much nuance on one major argument as they can, so they select the "Tip of the branch" goal that will remind them when they can stop at a more convenient part of evaluation. This allows them to explore with a temporal "safety net".

The Runner appreciates how conveniently laid out the main arguments are, whether they support or criticise the sub-topic. The Researcher, however, wants to know a bit more before committing to one of them, so they scroll down to see a quick summary and external link. However, both are curious to evaluate Argument 2.

After evaluating the reasons and evidence that support Argument 2, the Researcher and the Runner are interested in what could potentially contradict or undermine its validity. The video's very convincing, enough to strongly agree with what they say there.

The Runner might move on to other reasons in this section, however, the Researcher is now invested to dig deep into the whys until they've reached the "tip of the branch" with no more evidence to dissect, at least for now.

The users can always see their progress on the topic through the tree that they are growing. Each subtopic has a fruit with corresponding weight on the opinion scale. This allows flexibility for varying complexity of the topics in the app.

Reflection

Although Kialo provides a solution to the same problem that Standpoint is attempting to tackle, data shows that their argument map as is does not apply well to Standpoint's users (especially on mobile).

I really appreciated the constraint given to the project's scope – not just time-wise, but in exploring the core feature of the app. I needed to ensure there was a robust experience that brings the most value to the app before investing resources into building the product. The founder was pleased with the results, as well as the design process of getting here.

Next steps

  • Explore the Saved Bookmarks feature. Can the user add their own notes or shuffle the bookmarks around in a way that makes sense to them like a whiteboard? The feature wasn't the focus for this exploration but has been proven to be an important complimentary part to argument evaluation.
  • Test the final product with populated content to see if the user enters a cohesive flow between the different levels of granularity, i.e. argument's reasons, the reasons for/against behind each reason etc..
Endangered Species Redesign Mockup

Energy optimizer showroom

Dec 2022 (1 month)

Promising exploration of how Tekz products can optimize your home.

see more
Endangered Species Redesign Mockup

Hoos Hoo - learn about your team

June 2021 (3 months)

UX redesign in a large multidisciplinary team at Mindgrub.

see more