Interactive Medium-Fi Prototype CANOPY Redefining Debate Elena F Yasmeen A Teresa N Gamliel S
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 often 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 ● obviously “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 ● on “My Profile” page
Recommend
More recommend
