SlideShare a Scribd company logo
DECISIONLOOP
A responsive web application for political action
https://www.flinto.com/p/78ec8da6
DecisionLoop is a responsive website that address the usability shortcomings of the current system of public
political participation. For organizers, it provides a way to gather action steps around a cause and to
advertise those steps to people interested in the cause. For people who may not be familiar with political
strategy, it provides an easily accessible, jargon-free place to find out anything they can do to help.
Issue Page
2
1
3
4
1. Description fades
out to indicate that it
will expand if tapped.
is eliminates the
need for a small “read
more” link.
2. Before the “What
You Can Do” section
is an alert of the next
important event
related to the issue.
is lends a sense of
urgency to the
viewer.
3. Each action step in
the What You Can Do
section goes to a
separate page with
more information
4. e “Get Educated”
section leads the user
to more information,
but involves
functionality to
remind them that
there is still action to
be done
Post a New Issue
5
6
7
5. e jurisdiction
that the issue falls
under will determine
who the relevant
people and
organizations to
contact are. ere are
options for “I don’t
know” and “Not
Applicable.”
6. e option to
suggest people
contact a
representative is
automatically
configured based on
jurisdiction
7. Other action
options involve
screens to ask the
user to enter more
details
Contact your representative page
8
8. e representative contact page
takes advantage of device
capabilities to enable single-click
calls, emails, and tweets, as well as a
single-click post office finder. For
many jurisdictions, this
information is publicly available in
an easily accessible format.
Design Research | Background
Ramírez De La Piscina, Txema. “Social Movements in the Public Sphere New Forms
of Communication Arise and Transgress Old Communication Codes.” Zer: Revista de
Estudios de Comunicacion 12, no. 23 (November 2007): 63–87.
Barnes, Gary, and Peter Langworthy. Increasing the Value of Public Involvement in
Transportation Project Planning. St. Paul, MN: Minnesota Department of
Transportation, March 2004. http://www.lrrb.org/media/reports/200420.pdf.
Grengs, Joe. “Community-Based Planning as a Source of Political Change: The
Transit Equity Movement of Los Angeles’ Bus Riders Union.” Journal of the
American Planning Association 68, no. 2 (2002): 165–178. doi:
10.1080/01944360208976263.
Hillier, Jean. “Beyond Confused Noise: Ideas Toward Communicative Procedural
Justice.” Journal of Planning Education and Research 18, no. 1 (September 1, 1998):
14–24. doi:10.1177/0739456X9801800102.
Maskovsky, Jeff. “Governing the ‘New Hometowns’: Race, Power, and
Neighborhood Participation in the New Inner City.” Identities 13, no. 1 (2006): 73–
99. doi:10.1080/10702890500535566.
I had previously conducted research in the field
of public participation, specifically in the field of
transportation and sustainability planning.
I found that the basic logistics and difficulty of
participating at all was the main barrier to
participation, and allowed planning
departments to legally get the required level of
participation without actually having the
relevant members of the public represented.
Design Research | Competitive Analysis
Traditional
Organizing
Meaningful relationships are possible, and people
involved are willing to put in a lot of time and
knowledge to figure out solutions
ey take a lot of human power, photocopying, and
phone banking to work
Open Town Hall
Allows citizens to comment directly to the
government agency anytime and anywhere with an
internet connection without necessarily having to sit
through a lengthy public meeting
To access, users must go to the agency website, which
may not be where they usually are. Commenting requires
knowledge of planning documents and planning jargon.
Social interaction between users is limited.
Petitioning
Websites
Mobilizes huge numbers of people to do something,
often written in a compelling style, and very easy to
do for almost everyone
A few levels away from direct action for the sake of
convenience. Makes people think they are doing their
civic duty without following up with those people to keep
them engaged.
Neighborland Easy for anyone to state anything they want in the
city and would be willing to organize around.
Suggestions for change are divorced from the context of
action already being done, the larger political ecosystem
that include opposition, and the people who hold power.
Design Research | User interviews
30 responses to an online survey about
online political participation
Phone interviews with a journalist, a
student organizer, a government employee
responsible for public outreach, an
organizer at an LGBT athlete advocacy
organization, and an organizer that
facilitates discussions to help people isolate
their issue and strategize
Discussions with other GA students and
people at the Code for San Francisco Civic
Hack Night
Persona | Kendall
Kendall has been working in organizing for over 20 years, and is
used to, though still frustrated with, the difficulty of bureaucracy,
strategy, and mobilizing others. Still, she has had many successes
(and failures), so she is well aware of her own capacity to affect
change. She is also aware that it is meaningless without
community support and empowerment, so when she interfaces
with those outside of her organization, she always tries to let
them know that there are many things they can do to contribute.
She is starting to use Facebook to post the images from the
events she attends, and to show off organizers, organizations,
and people she is impressed with. She also uses Facebook to
encourage people to come to her organization’s events and to ask
people to vote and volunteer on campaigns.
She is busy with the day-to-day activities of her organization,
which is concerned with serving people, and the political
activities, which are intended to make it easier and less necessary
to serve those people.
Age:
46
Occupation:
Vice President of
a mid-sized
Los Angeles
nonprofit for the
mentally
disabled
Age:
23
Occupation:
Macy's Cosmetic
Beauty Advisor
She learned about the political process years ago in her high
school government class, but has never really thought about the
possibility of incorporating it into her everyday life. Although she
reads blogs and news articles and casually talks about politics
with her friends when it’s interesting or relevant, she is
somewhat embarrassed to admit that she has no idea how or if
she could have a say in politics.
Sometimes her friends post links to petitions on Facebook. If she
agrees with them, she will usually sign it because she wants to
contribute to her friend’s cause, she wants to stay politically
involved, and petitions are easy to sign.
Although she feels that signing petitions helps, she is somewhat
distrustful and unsure of how exactly they help. She never finds
out about the outcome of the petition, but still seems to receive
heaps of spam email from the petition organizers.
Persona | Daniela
User Roles in the system
Organizer/
Organization
Politician/
Agency
Citizen
elects to office
and expresses
opinions to
makes
decisions
regarding
citizens
empowers
citizen to be
active in politics
relies on
organizers for
relevant
information
spends a lot of time interacting with
government so others don’t have to.
trusts organizations with experts over
non-expert citizens
App Diagram
Home Page:
Custom Issue
Feed
Browse
topics
Create
an
Issue
My
Profile
Following Settings
Global
Navigation
Sign
Out
Enter
Information
Enter
Action
Steps
Notifications
Edit
Profile
Issues Tags People
Individual
Issue Page
Action Steps ("What
You Can Do")
More Information
("Get Educated")
Popular
Tags
Issues
within those
tags
First Iteration
Landing Page Issue Page
User Feedback on First Iteration
Making the central feature on the front page a huge search box with the
text “What issue are you working on right now?” is prohibitive to a huge
segment of potential users who are not activists.
e site is too neutral: where are the emotional appeals?
“Your Issues” sounds like a psychological problem. Perhaps “Following”
would be a better word choice.
All notion of time is missing (i.e. legislative timeline, deadlines for
participation, a sense of urgency, etc.)
Second Iteration
Landing Page v.1 Landing Page v.2Topic Page
Issue Page
User Feedback on Second Iteration
Navigation is entirely unclear.
ere is too much text and not enough imagery.
Having “Post to Social Media” as an action step perpetuates slacktivism
and is counterintuitive to the purpose of the project.
Action steps are vague and uninviting. Being specific is possible and
preferable.
Using twitter hashtags as issue names is confusing. So is the word “issue”,
for that matter.
Third Iteration
User Feedback on Third Iteration
e “What You Can Do” boxes don’t look like calls to action. ey have tiny
text and are hardly offset from the background.
ere is no visual hierarchy of which action steps are the most important
ones to do. Try giving a single option.
Key dates seem disconnected from the rest of the page. ere is no sense
of relevance or urgency.
Crowdsourcing action steps is asking for trouble. Let the organizer choose
the steps and who else can contribute.
Fourth Iteration
Flow | Daniela’s path
She enters through a link posted on
Facebook to “Support healthcare
workers in San Francisco!”
Once on the issue page, she reads a
little about the cause, and chooses
to contact her senator
Since she is most
comfortable with
Twitter, she chooses to
tweet her concerns
Flow | Kendall’s path
Kendall enters
through home
page
She uses the
dropdown
navigation to
select “Post an
Issue”
She enters
basic issue
information
She adds in the
action steps
she thinks
would help
K
t
An issue is successfully
posted and she sends out
the link to friends,
family, and colleagues
Next Steps
Add in a helper page before the
Post a New Issue flow to tell
people what an appropriate issue
for the site is.
Add an “I don’t know what to say”
section of the “Contact your
Representative” page to give
people a script or template that
might help them.
Interview more organizers about
their current strategies and
mental models of organization.
Prototype an overlay bar on
external news articles that
prompts people to take action
Code it up and keep iterating!
https://www.flinto.com/p/78ec8da6
Thank you!
Project by Maya M. Wagoner
mayawagon@gmail.com

More Related Content

PPTX
Hsci538 ppt
PDF
Navigating The Power Dynamics Between Institutions and Their Communities
PDF
Connections winter2005
PDF
Transforming Governance
PDF
Vera Data 2.0 Slides and Script
PPTX
People Power: Harnessing the Grassroots
PPT
Exploring & Understanding the Use of Social Media and How It Relates to Capac...
PPT
Social media and political change - Rachel Gibson
Hsci538 ppt
Navigating The Power Dynamics Between Institutions and Their Communities
Connections winter2005
Transforming Governance
Vera Data 2.0 Slides and Script
People Power: Harnessing the Grassroots
Exploring & Understanding the Use of Social Media and How It Relates to Capac...
Social media and political change - Rachel Gibson

What's hot (19)

PDF
Ideavibes whitepaper practical crowdsourcing for civic engagement_v02-1
PPTX
The Next Form of Democracy - Santa Rosa presentation
PDF
Increasing voter knowledge of the ballot with Facebook - Devra Moehler and Sa...
PPT
3 12 2008 Myths & Realities Of Democratic Trustee Governance Of Public Commun...
PDF
The Value of a Facebook Like- DFR
PDF
Civic Engagement Research at Facebook
PDF
Blue&Tess Poster
PDF
America speaks legacy_print
PPTX
TexasBarCLE Advanced Appellate Social Media Presentation
PDF
Understanding the role of community in online dating copypasteads.com
PDF
Tackling Wicked Problems Through Deliberative Engagement
PDF
Dynamics of Cause Engagement - Final Report
PPTX
Keynote Delhi Svensson Schossboeck
PPTX
October 2010 ICMA Civic Engagement Presentation
PPTX
The myth of digital democracy
PPTX
NYC civic engagement thought leaders forum
PPTX
OurSociety 2018 Annual Report
PPTX
Electronic Participatory Budgeting
PDF
MCE Summit Award Competition Guide
Ideavibes whitepaper practical crowdsourcing for civic engagement_v02-1
The Next Form of Democracy - Santa Rosa presentation
Increasing voter knowledge of the ballot with Facebook - Devra Moehler and Sa...
3 12 2008 Myths & Realities Of Democratic Trustee Governance Of Public Commun...
The Value of a Facebook Like- DFR
Civic Engagement Research at Facebook
Blue&Tess Poster
America speaks legacy_print
TexasBarCLE Advanced Appellate Social Media Presentation
Understanding the role of community in online dating copypasteads.com
Tackling Wicked Problems Through Deliberative Engagement
Dynamics of Cause Engagement - Final Report
Keynote Delhi Svensson Schossboeck
October 2010 ICMA Civic Engagement Presentation
The myth of digital democracy
NYC civic engagement thought leaders forum
OurSociety 2018 Annual Report
Electronic Participatory Budgeting
MCE Summit Award Competition Guide
Ad

Similar to DecisionLoop: Design Specification (20)

PDF
Community Engaged Design
PDF
Beyond Civility: From Public Engagement to Problem Solving
PDF
Carol Wan Ting Soon – Net technologies, net again: An institutional and micro...
PDF
social-media-plan-uwwa
DOCX
Application Democratic Governance and Policy NetworksPolicy n.docx
PPT
Apple 8 Social Media and Political Action
DOCX
LinkedInVersionOfBernieBarackLetter
DOCX
Comments What are some ways public servants can encourage citizen.docx
DOCX
RESARCH ARTICLE.docx
PDF
Collaborative Networks Understanding the possibilities for Detroit
PDF
Design for Democracy Ballot and Election Design Marcia Lausen
PDF
Impact of the Internet on politics.pdf
PDF
Impact of the Internet on politics.pdf
PDF
Impact of the Internet on politics.pdf
PPTX
Transparency ThinkThank Session at AEA 2013
PPTX
ISOCARP Democratic Urbanism
DOCX
Abdullah NomanDate 9222016English 110Literature review.docx
DOCX
1234 Oak StreetComment by Author Good letter format that f
DOCX
1234 Oak StreetComment by Author Good letter format that f
DOCX
Doyle grimes debate paper
Community Engaged Design
Beyond Civility: From Public Engagement to Problem Solving
Carol Wan Ting Soon – Net technologies, net again: An institutional and micro...
social-media-plan-uwwa
Application Democratic Governance and Policy NetworksPolicy n.docx
Apple 8 Social Media and Political Action
LinkedInVersionOfBernieBarackLetter
Comments What are some ways public servants can encourage citizen.docx
RESARCH ARTICLE.docx
Collaborative Networks Understanding the possibilities for Detroit
Design for Democracy Ballot and Election Design Marcia Lausen
Impact of the Internet on politics.pdf
Impact of the Internet on politics.pdf
Impact of the Internet on politics.pdf
Transparency ThinkThank Session at AEA 2013
ISOCARP Democratic Urbanism
Abdullah NomanDate 9222016English 110Literature review.docx
1234 Oak StreetComment by Author Good letter format that f
1234 Oak StreetComment by Author Good letter format that f
Doyle grimes debate paper
Ad

Recently uploaded (20)

PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
Urban Design Final Project-Site Analysis
PDF
Chalkpiece Annual Report from 2019 To 2025
PPTX
rapid fire quiz in your house is your india.pptx
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
Implications Existing phase plan and its feasibility.pptx
PDF
Quality Control Management for RMG, Level- 4, Certificate
DOCX
actividad 20% informatica microsoft project
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
Special finishes, classification and types, explanation
PPTX
EDP Competencies-types, process, explanation
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
CLASSIFICATION OF YARN- process, explanation
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PDF
Urban Design Final Project-Context
PPTX
6- Architecture design complete (1).pptx
PPTX
building Planning Overview for step wise design.pptx
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
YV PROFILE PROJECTS PROFILE PRES. DESIGN
Urban Design Final Project-Site Analysis
Chalkpiece Annual Report from 2019 To 2025
rapid fire quiz in your house is your india.pptx
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Implications Existing phase plan and its feasibility.pptx
Quality Control Management for RMG, Level- 4, Certificate
actividad 20% informatica microsoft project
YOW2022-BNE-MinimalViableArchitecture.pdf
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Special finishes, classification and types, explanation
EDP Competencies-types, process, explanation
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
CLASSIFICATION OF YARN- process, explanation
DOC-20250430-WA0014._20250714_235747_0000.pptx
Urban Design Final Project-Context
6- Architecture design complete (1).pptx
building Planning Overview for step wise design.pptx

DecisionLoop: Design Specification

  • 1. DECISIONLOOP A responsive web application for political action https://www.flinto.com/p/78ec8da6
  • 2. DecisionLoop is a responsive website that address the usability shortcomings of the current system of public political participation. For organizers, it provides a way to gather action steps around a cause and to advertise those steps to people interested in the cause. For people who may not be familiar with political strategy, it provides an easily accessible, jargon-free place to find out anything they can do to help.
  • 3. Issue Page 2 1 3 4 1. Description fades out to indicate that it will expand if tapped. is eliminates the need for a small “read more” link. 2. Before the “What You Can Do” section is an alert of the next important event related to the issue. is lends a sense of urgency to the viewer. 3. Each action step in the What You Can Do section goes to a separate page with more information 4. e “Get Educated” section leads the user to more information, but involves functionality to remind them that there is still action to be done
  • 4. Post a New Issue 5 6 7 5. e jurisdiction that the issue falls under will determine who the relevant people and organizations to contact are. ere are options for “I don’t know” and “Not Applicable.” 6. e option to suggest people contact a representative is automatically configured based on jurisdiction 7. Other action options involve screens to ask the user to enter more details
  • 5. Contact your representative page 8 8. e representative contact page takes advantage of device capabilities to enable single-click calls, emails, and tweets, as well as a single-click post office finder. For many jurisdictions, this information is publicly available in an easily accessible format.
  • 6. Design Research | Background Ramírez De La Piscina, Txema. “Social Movements in the Public Sphere New Forms of Communication Arise and Transgress Old Communication Codes.” Zer: Revista de Estudios de Comunicacion 12, no. 23 (November 2007): 63–87. Barnes, Gary, and Peter Langworthy. Increasing the Value of Public Involvement in Transportation Project Planning. St. Paul, MN: Minnesota Department of Transportation, March 2004. http://www.lrrb.org/media/reports/200420.pdf. Grengs, Joe. “Community-Based Planning as a Source of Political Change: The Transit Equity Movement of Los Angeles’ Bus Riders Union.” Journal of the American Planning Association 68, no. 2 (2002): 165–178. doi: 10.1080/01944360208976263. Hillier, Jean. “Beyond Confused Noise: Ideas Toward Communicative Procedural Justice.” Journal of Planning Education and Research 18, no. 1 (September 1, 1998): 14–24. doi:10.1177/0739456X9801800102. Maskovsky, Jeff. “Governing the ‘New Hometowns’: Race, Power, and Neighborhood Participation in the New Inner City.” Identities 13, no. 1 (2006): 73– 99. doi:10.1080/10702890500535566. I had previously conducted research in the field of public participation, specifically in the field of transportation and sustainability planning. I found that the basic logistics and difficulty of participating at all was the main barrier to participation, and allowed planning departments to legally get the required level of participation without actually having the relevant members of the public represented.
  • 7. Design Research | Competitive Analysis Traditional Organizing Meaningful relationships are possible, and people involved are willing to put in a lot of time and knowledge to figure out solutions ey take a lot of human power, photocopying, and phone banking to work Open Town Hall Allows citizens to comment directly to the government agency anytime and anywhere with an internet connection without necessarily having to sit through a lengthy public meeting To access, users must go to the agency website, which may not be where they usually are. Commenting requires knowledge of planning documents and planning jargon. Social interaction between users is limited. Petitioning Websites Mobilizes huge numbers of people to do something, often written in a compelling style, and very easy to do for almost everyone A few levels away from direct action for the sake of convenience. Makes people think they are doing their civic duty without following up with those people to keep them engaged. Neighborland Easy for anyone to state anything they want in the city and would be willing to organize around. Suggestions for change are divorced from the context of action already being done, the larger political ecosystem that include opposition, and the people who hold power.
  • 8. Design Research | User interviews 30 responses to an online survey about online political participation Phone interviews with a journalist, a student organizer, a government employee responsible for public outreach, an organizer at an LGBT athlete advocacy organization, and an organizer that facilitates discussions to help people isolate their issue and strategize Discussions with other GA students and people at the Code for San Francisco Civic Hack Night
  • 9. Persona | Kendall Kendall has been working in organizing for over 20 years, and is used to, though still frustrated with, the difficulty of bureaucracy, strategy, and mobilizing others. Still, she has had many successes (and failures), so she is well aware of her own capacity to affect change. She is also aware that it is meaningless without community support and empowerment, so when she interfaces with those outside of her organization, she always tries to let them know that there are many things they can do to contribute. She is starting to use Facebook to post the images from the events she attends, and to show off organizers, organizations, and people she is impressed with. She also uses Facebook to encourage people to come to her organization’s events and to ask people to vote and volunteer on campaigns. She is busy with the day-to-day activities of her organization, which is concerned with serving people, and the political activities, which are intended to make it easier and less necessary to serve those people. Age: 46 Occupation: Vice President of a mid-sized Los Angeles nonprofit for the mentally disabled
  • 10. Age: 23 Occupation: Macy's Cosmetic Beauty Advisor She learned about the political process years ago in her high school government class, but has never really thought about the possibility of incorporating it into her everyday life. Although she reads blogs and news articles and casually talks about politics with her friends when it’s interesting or relevant, she is somewhat embarrassed to admit that she has no idea how or if she could have a say in politics. Sometimes her friends post links to petitions on Facebook. If she agrees with them, she will usually sign it because she wants to contribute to her friend’s cause, she wants to stay politically involved, and petitions are easy to sign. Although she feels that signing petitions helps, she is somewhat distrustful and unsure of how exactly they help. She never finds out about the outcome of the petition, but still seems to receive heaps of spam email from the petition organizers. Persona | Daniela
  • 11. User Roles in the system Organizer/ Organization Politician/ Agency Citizen elects to office and expresses opinions to makes decisions regarding citizens empowers citizen to be active in politics relies on organizers for relevant information spends a lot of time interacting with government so others don’t have to. trusts organizations with experts over non-expert citizens
  • 12. App Diagram Home Page: Custom Issue Feed Browse topics Create an Issue My Profile Following Settings Global Navigation Sign Out Enter Information Enter Action Steps Notifications Edit Profile Issues Tags People Individual Issue Page Action Steps ("What You Can Do") More Information ("Get Educated") Popular Tags Issues within those tags
  • 14. User Feedback on First Iteration Making the central feature on the front page a huge search box with the text “What issue are you working on right now?” is prohibitive to a huge segment of potential users who are not activists. e site is too neutral: where are the emotional appeals? “Your Issues” sounds like a psychological problem. Perhaps “Following” would be a better word choice. All notion of time is missing (i.e. legislative timeline, deadlines for participation, a sense of urgency, etc.)
  • 15. Second Iteration Landing Page v.1 Landing Page v.2Topic Page Issue Page
  • 16. User Feedback on Second Iteration Navigation is entirely unclear. ere is too much text and not enough imagery. Having “Post to Social Media” as an action step perpetuates slacktivism and is counterintuitive to the purpose of the project. Action steps are vague and uninviting. Being specific is possible and preferable. Using twitter hashtags as issue names is confusing. So is the word “issue”, for that matter.
  • 18. User Feedback on Third Iteration e “What You Can Do” boxes don’t look like calls to action. ey have tiny text and are hardly offset from the background. ere is no visual hierarchy of which action steps are the most important ones to do. Try giving a single option. Key dates seem disconnected from the rest of the page. ere is no sense of relevance or urgency. Crowdsourcing action steps is asking for trouble. Let the organizer choose the steps and who else can contribute.
  • 20. Flow | Daniela’s path She enters through a link posted on Facebook to “Support healthcare workers in San Francisco!” Once on the issue page, she reads a little about the cause, and chooses to contact her senator Since she is most comfortable with Twitter, she chooses to tweet her concerns
  • 21. Flow | Kendall’s path Kendall enters through home page She uses the dropdown navigation to select “Post an Issue” She enters basic issue information She adds in the action steps she thinks would help K t An issue is successfully posted and she sends out the link to friends, family, and colleagues
  • 22. Next Steps Add in a helper page before the Post a New Issue flow to tell people what an appropriate issue for the site is. Add an “I don’t know what to say” section of the “Contact your Representative” page to give people a script or template that might help them. Interview more organizers about their current strategies and mental models of organization. Prototype an overlay bar on external news articles that prompts people to take action Code it up and keep iterating!