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

What's hot

Ideavibes whitepaper practical crowdsourcing for civic engagement_v02-1
Ideavibes whitepaper practical crowdsourcing for civic engagement_v02-1Ideavibes whitepaper practical crowdsourcing for civic engagement_v02-1
Ideavibes whitepaper practical crowdsourcing for civic engagement_v02-1
Ideavibes | Paul Dombowsky
 
The Next Form of Democracy - Santa Rosa presentation
The Next Form of Democracy - Santa Rosa presentationThe Next Form of Democracy - Santa Rosa presentation
The Next Form of Democracy - Santa Rosa presentation
Matt Leighninger
 
Increasing voter knowledge of the ballot with Facebook - Devra Moehler and Sa...
Increasing voter knowledge of the ballot with Facebook - Devra Moehler and Sa...Increasing voter knowledge of the ballot with Facebook - Devra Moehler and Sa...
Increasing voter knowledge of the ballot with Facebook - Devra Moehler and Sa...
mysociety
 
3 12 2008 Myths & Realities Of Democratic Trustee Governance Of Public Commun...
3 12 2008 Myths & Realities Of Democratic Trustee Governance Of Public Commun...3 12 2008 Myths & Realities Of Democratic Trustee Governance Of Public Commun...
3 12 2008 Myths & Realities Of Democratic Trustee Governance Of Public Commun...
michelletscott
 
The Value of a Facebook Like- DFR
The Value of a Facebook Like- DFRThe Value of a Facebook Like- DFR
The Value of a Facebook Like- DFRAmanda Wise
 
Civic Engagement Research at Facebook
Civic Engagement Research at FacebookCivic Engagement Research at Facebook
Civic Engagement Research at Facebook
mysociety
 
Blue&Tess Poster
Blue&Tess PosterBlue&Tess Poster
Blue&Tess PosterLaura Blue
 
TexasBarCLE Advanced Appellate Social Media Presentation
TexasBarCLE Advanced Appellate Social Media PresentationTexasBarCLE Advanced Appellate Social Media Presentation
TexasBarCLE Advanced Appellate Social Media Presentation
D. Todd Smith
 
Understanding the role of community in online dating copypasteads.com
Understanding the role of community in online dating copypasteads.comUnderstanding the role of community in online dating copypasteads.com
Understanding the role of community in online dating copypasteads.com
jackpot201
 
Tackling Wicked Problems Through Deliberative Engagement
Tackling Wicked Problems Through Deliberative EngagementTackling Wicked Problems Through Deliberative Engagement
Tackling Wicked Problems Through Deliberative Engagement
Jonathan Dunnemann
 
Social influences-within-virtual-consumer-communities-stenkate
Social influences-within-virtual-consumer-communities-stenkateSocial influences-within-virtual-consumer-communities-stenkate
Social influences-within-virtual-consumer-communities-stenkate
Bijgespijkerd.nl
 
Dynamics of Cause Engagement - Final Report
Dynamics of Cause Engagement - Final ReportDynamics of Cause Engagement - Final Report
Dynamics of Cause Engagement - Final Report
Center for Social Impact Communication, Georgetown University
 
Keynote Delhi Svensson Schossboeck
Keynote Delhi Svensson SchossboeckKeynote Delhi Svensson Schossboeck
Keynote Delhi Svensson Schossboeck
Danube University Krems, Centre for E-Governance
 
October 2010 ICMA Civic Engagement Presentation
October 2010 ICMA Civic Engagement PresentationOctober 2010 ICMA Civic Engagement Presentation
October 2010 ICMA Civic Engagement Presentation
mikehuggins
 
The myth of digital democracy
The myth of digital democracyThe myth of digital democracy
The myth of digital democracyFaraz Janan
 
NYC civic engagement thought leaders forum
NYC civic engagement thought leaders forumNYC civic engagement thought leaders forum
NYC civic engagement thought leaders forum
Matt Leighninger
 
OurSociety 2018 Annual Report
OurSociety 2018 Annual ReportOurSociety 2018 Annual Report
OurSociety 2018 Annual Report
Ron Rivers
 
Electronic Participatory Budgeting
Electronic Participatory BudgetingElectronic Participatory Budgeting
Electronic Participatory Budgeting
Cory Allen Heidelberger
 
MCE Summit Award Competition Guide
MCE Summit Award Competition GuideMCE Summit Award Competition Guide
MCE Summit Award Competition GuideJanessa Goldbeck
 

What's hot (20)

Ideavibes whitepaper practical crowdsourcing for civic engagement_v02-1
Ideavibes whitepaper practical crowdsourcing for civic engagement_v02-1Ideavibes whitepaper practical crowdsourcing for civic engagement_v02-1
Ideavibes whitepaper practical crowdsourcing for civic engagement_v02-1
 
The Next Form of Democracy - Santa Rosa presentation
The Next Form of Democracy - Santa Rosa presentationThe Next Form of Democracy - Santa Rosa presentation
The Next Form of Democracy - Santa Rosa presentation
 
Increasing voter knowledge of the ballot with Facebook - Devra Moehler and Sa...
Increasing voter knowledge of the ballot with Facebook - Devra Moehler and Sa...Increasing voter knowledge of the ballot with Facebook - Devra Moehler and Sa...
Increasing voter knowledge of the ballot with Facebook - Devra Moehler and Sa...
 
3 12 2008 Myths & Realities Of Democratic Trustee Governance Of Public Commun...
3 12 2008 Myths & Realities Of Democratic Trustee Governance Of Public Commun...3 12 2008 Myths & Realities Of Democratic Trustee Governance Of Public Commun...
3 12 2008 Myths & Realities Of Democratic Trustee Governance Of Public Commun...
 
The Value of a Facebook Like- DFR
The Value of a Facebook Like- DFRThe Value of a Facebook Like- DFR
The Value of a Facebook Like- DFR
 
Civic Engagement Research at Facebook
Civic Engagement Research at FacebookCivic Engagement Research at Facebook
Civic Engagement Research at Facebook
 
Blue&Tess Poster
Blue&Tess PosterBlue&Tess Poster
Blue&Tess Poster
 
America speaks legacy_print
America speaks legacy_printAmerica speaks legacy_print
America speaks legacy_print
 
TexasBarCLE Advanced Appellate Social Media Presentation
TexasBarCLE Advanced Appellate Social Media PresentationTexasBarCLE Advanced Appellate Social Media Presentation
TexasBarCLE Advanced Appellate Social Media Presentation
 
Understanding the role of community in online dating copypasteads.com
Understanding the role of community in online dating copypasteads.comUnderstanding the role of community in online dating copypasteads.com
Understanding the role of community in online dating copypasteads.com
 
Tackling Wicked Problems Through Deliberative Engagement
Tackling Wicked Problems Through Deliberative EngagementTackling Wicked Problems Through Deliberative Engagement
Tackling Wicked Problems Through Deliberative Engagement
 
Social influences-within-virtual-consumer-communities-stenkate
Social influences-within-virtual-consumer-communities-stenkateSocial influences-within-virtual-consumer-communities-stenkate
Social influences-within-virtual-consumer-communities-stenkate
 
Dynamics of Cause Engagement - Final Report
Dynamics of Cause Engagement - Final ReportDynamics of Cause Engagement - Final Report
Dynamics of Cause Engagement - Final Report
 
Keynote Delhi Svensson Schossboeck
Keynote Delhi Svensson SchossboeckKeynote Delhi Svensson Schossboeck
Keynote Delhi Svensson Schossboeck
 
October 2010 ICMA Civic Engagement Presentation
October 2010 ICMA Civic Engagement PresentationOctober 2010 ICMA Civic Engagement Presentation
October 2010 ICMA Civic Engagement Presentation
 
The myth of digital democracy
The myth of digital democracyThe myth of digital democracy
The myth of digital democracy
 
NYC civic engagement thought leaders forum
NYC civic engagement thought leaders forumNYC civic engagement thought leaders forum
NYC civic engagement thought leaders forum
 
OurSociety 2018 Annual Report
OurSociety 2018 Annual ReportOurSociety 2018 Annual Report
OurSociety 2018 Annual Report
 
Electronic Participatory Budgeting
Electronic Participatory BudgetingElectronic Participatory Budgeting
Electronic Participatory Budgeting
 
MCE Summit Award Competition Guide
MCE Summit Award Competition GuideMCE Summit Award Competition Guide
MCE Summit Award Competition Guide
 

Similar to DecisionLoop: Design Specification

Community Engaged Design
Community Engaged DesignCommunity Engaged Design
Community Engaged Design
AlysonFraserDiaz1
 
Beyond Civility: From Public Engagement to Problem Solving
Beyond Civility: From Public Engagement to Problem SolvingBeyond Civility: From Public Engagement to Problem Solving
Beyond Civility: From Public Engagement to Problem Solving
Everyday Democracy
 
Carol Wan Ting Soon – Net technologies, net again: An institutional and micro...
Carol Wan Ting Soon – Net technologies, net again: An institutional and micro...Carol Wan Ting Soon – Net technologies, net again: An institutional and micro...
Carol Wan Ting Soon – Net technologies, net again: An institutional and micro...
Danube University Krems, Centre for E-Governance
 
Application Democratic Governance and Policy NetworksPolicy n.docx
Application Democratic Governance and Policy NetworksPolicy n.docxApplication Democratic Governance and Policy NetworksPolicy n.docx
Application Democratic Governance and Policy NetworksPolicy n.docx
mammiesfa
 
Apple 8 Social Media and Political Action
Apple 8 Social Media and Political ActionApple 8 Social Media and Political Action
Apple 8 Social Media and Political Actionkesterbrewin
 
LinkedInVersionOfBernieBarackLetter
LinkedInVersionOfBernieBarackLetterLinkedInVersionOfBernieBarackLetter
LinkedInVersionOfBernieBarackLetterWilliam Reichertz
 
Comments What are some ways public servants can encourage citizen.docx
Comments What are some ways public servants can encourage citizen.docxComments What are some ways public servants can encourage citizen.docx
Comments What are some ways public servants can encourage citizen.docx
clarebernice
 
RESARCH ARTICLE.docx
RESARCH ARTICLE.docxRESARCH ARTICLE.docx
RESARCH ARTICLE.docx
KankshiMalavi
 
Collaborative Networks Understanding the possibilities for Detroit
Collaborative Networks Understanding the possibilities for DetroitCollaborative Networks Understanding the possibilities for Detroit
Collaborative Networks Understanding the possibilities for DetroitPrathmesh Gupta
 
Impact of the Internet on politics.pdf
Impact of the Internet on politics.pdfImpact of the Internet on politics.pdf
Impact of the Internet on politics.pdf
WajidKhanMP
 
Impact of the Internet on politics.pdf
Impact of the Internet on politics.pdfImpact of the Internet on politics.pdf
Impact of the Internet on politics.pdf
Wajid Khan MP
 
Impact of the Internet on politics.pdf
Impact of the Internet on politics.pdfImpact of the Internet on politics.pdf
Impact of the Internet on politics.pdf
Wajid Khan MP
 
Transparency ThinkThank Session at AEA 2013
Transparency ThinkThank Session at AEA 2013Transparency ThinkThank Session at AEA 2013
Transparency ThinkThank Session at AEA 2013
Kristin Wolff
 
ISOCARP Democratic Urbanism
ISOCARP Democratic UrbanismISOCARP Democratic Urbanism
ISOCARP Democratic Urbanism
American Institute of Architects
 
Abdullah NomanDate 9222016English 110Literature review.docx
Abdullah NomanDate 9222016English 110Literature review.docxAbdullah NomanDate 9222016English 110Literature review.docx
Abdullah NomanDate 9222016English 110Literature review.docx
ransayo
 
1234 Oak StreetComment by Author Good letter format that f
1234 Oak StreetComment by Author Good letter format that f1234 Oak StreetComment by Author Good letter format that f
1234 Oak StreetComment by Author Good letter format that f
ChantellPantoja184
 
1234 Oak StreetComment by Author Good letter format that f
1234 Oak StreetComment by Author Good letter format that f1234 Oak StreetComment by Author Good letter format that f
1234 Oak StreetComment by Author Good letter format that f
CicelyBourqueju
 
Doyle grimes debate paper
Doyle grimes debate paperDoyle grimes debate paper
Doyle grimes debate paper
DoyleGrimes6
 

Similar to DecisionLoop: Design Specification (20)

Community Engaged Design
Community Engaged DesignCommunity Engaged Design
Community Engaged Design
 
Beyond Civility: From Public Engagement to Problem Solving
Beyond Civility: From Public Engagement to Problem SolvingBeyond Civility: From Public Engagement to Problem Solving
Beyond Civility: From Public Engagement to Problem Solving
 
Carol Wan Ting Soon – Net technologies, net again: An institutional and micro...
Carol Wan Ting Soon – Net technologies, net again: An institutional and micro...Carol Wan Ting Soon – Net technologies, net again: An institutional and micro...
Carol Wan Ting Soon – Net technologies, net again: An institutional and micro...
 
social-media-plan-uwwa
social-media-plan-uwwasocial-media-plan-uwwa
social-media-plan-uwwa
 
Application Democratic Governance and Policy NetworksPolicy n.docx
Application Democratic Governance and Policy NetworksPolicy n.docxApplication Democratic Governance and Policy NetworksPolicy n.docx
Application Democratic Governance and Policy NetworksPolicy n.docx
 
Apple 8 Social Media and Political Action
Apple 8 Social Media and Political ActionApple 8 Social Media and Political Action
Apple 8 Social Media and Political Action
 
LinkedInVersionOfBernieBarackLetter
LinkedInVersionOfBernieBarackLetterLinkedInVersionOfBernieBarackLetter
LinkedInVersionOfBernieBarackLetter
 
Comments What are some ways public servants can encourage citizen.docx
Comments What are some ways public servants can encourage citizen.docxComments What are some ways public servants can encourage citizen.docx
Comments What are some ways public servants can encourage citizen.docx
 
RESARCH ARTICLE.docx
RESARCH ARTICLE.docxRESARCH ARTICLE.docx
RESARCH ARTICLE.docx
 
Collaborative Networks Understanding the possibilities for Detroit
Collaborative Networks Understanding the possibilities for DetroitCollaborative Networks Understanding the possibilities for Detroit
Collaborative Networks Understanding the possibilities for Detroit
 
Impact of the Internet on politics.pdf
Impact of the Internet on politics.pdfImpact of the Internet on politics.pdf
Impact of the Internet on politics.pdf
 
Impact of the Internet on politics.pdf
Impact of the Internet on politics.pdfImpact of the Internet on politics.pdf
Impact of the Internet on politics.pdf
 
Impact of the Internet on politics.pdf
Impact of the Internet on politics.pdfImpact of the Internet on politics.pdf
Impact of the Internet on politics.pdf
 
Transparency ThinkThank Session at AEA 2013
Transparency ThinkThank Session at AEA 2013Transparency ThinkThank Session at AEA 2013
Transparency ThinkThank Session at AEA 2013
 
ISOCARP Democratic Urbanism
ISOCARP Democratic UrbanismISOCARP Democratic Urbanism
ISOCARP Democratic Urbanism
 
Abdullah NomanDate 9222016English 110Literature review.docx
Abdullah NomanDate 9222016English 110Literature review.docxAbdullah NomanDate 9222016English 110Literature review.docx
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 f1234 Oak StreetComment by Author Good letter format that f
1234 Oak StreetComment by Author Good letter format that f
 
1234 Oak StreetComment by Author Good letter format that f
1234 Oak StreetComment by Author Good letter format that f1234 Oak StreetComment by Author Good letter format that f
1234 Oak StreetComment by Author Good letter format that f
 
Doyle grimes debate paper
Doyle grimes debate paperDoyle grimes debate paper
Doyle grimes debate paper
 
Broken Planning
Broken PlanningBroken Planning
Broken Planning
 

Recently uploaded

一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 

Recently uploaded (20)

一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 

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!
  • 23. https://www.flinto.com/p/78ec8da6 Thank you! Project by Maya M. Wagoner mayawagon@gmail.com