CANOPY Redefining Debate Elena F Yasmeen A Teresa N Gamliel S - - PowerPoint PPT Presentation

CANOPY

Redefining Debate

Elena F Yasmeen A Teresa N Gamliel S

Interactive Medium-Fi Prototype

Mission

We started with wanting to explore the space around effective communication, and misinformation. We found that 1) people avoid debate due to fear of negative confrontations, 2) people wish they had more thorough perspectives on important issues, but

• ften lacked the time and bandwidth to develop them on their own.

Which made us want to transform debate into more of a self-discovery process in which participants are able to learn more about both themselves and their counterparts.

Major Design Changes

1. Added pro-con list and parent argument header to New Tree page 2. Exchanged +/- buttons for different-colored + buttons to indicate “add a pro” or “add a con”

• buttons are now on pro/con list instead of leaf

3. Increased occurrence of pop-up tutorials when the user first attempts a task

Changes #1 and #2:

Before After

Change #1 - Rationale

• Our testing showed us that it was not obvious to the user that

their new leaf was supposed to directly support/oppose the leaf they clicked on

• The pro-con list (and associated parent argument header)

makes the structure of the tree more explicit because it forces the user to recognize each node with its children as a separate argument in its own right

Change #2 - Rationale

• Our user testing showed us that + and - buttons were not
• bviously “supporting” and “opposing” buttons, some users

believed these to be “add” and “delete” buttons

• We decided to just have “add” buttons (in the shape of a plus

since users often thought that’s what plus meant anyway) and to differentiate them by their color and their placement

Change #3:

We want more of these!

Change #3:

Before After

Change #3 - Rationale

• Participants in our user testing found the one tutorial pop-up

that we provided in our paper prototype useful, and were confused in areas where one was not provided

• Providing sparse but effective direction allows for the user to

spend less time figuring out how things work by trial and error and more time engaging with the app and its social network

The Tasks

Simple Moderate Complex

Simple task: build a new tree

Medium task: ask for help on your tree

Complex task: help someone else with their tree

Prototype Overview

Tool: Figma

• Pros: mostly intuitive, easy to create transitions, easy to create

and move shapes/text, easy to collaborate

• Cons: can’t expand individual screens, kind of cumbersome to

move in and out, hard to find certain features, only two users can work at the same time

Prototype Overview

Limitations/tradeoffs:

• Minimum number of examples (can only add one leaf) - time

constraints

• Lack of connections between different pages so that we could

streamline the prototype experience - time constraints

• No “public/private/friends” filters - outside the scope of our

tasks and relies on real social connections

• No position log - outside the scope of our tasks and makes most

sense when someone has opportunity to use the app over a long period of time

Prototype Overview

Wizard of Oz

• User receiving a notification for a new suggestion
• User receiving a notification that their notification was accepted

as well as a little message from the other grateful user

• The ability to visit another user’s page and send a suggestion

Hardcodes:

• Everything the user would type (e.g. new leaf argument)
• New leaves popping up once the user adds an argument (will be

a recursive structure in the high-fi prototype)

• Live feed / “Your Trees” / suggested starting arguments / stats
• n “My Profile” page