{"id":129,"date":"2025-05-28T14:04:34","date_gmt":"2025-05-28T14:04:34","guid":{"rendered":"https:\/\/civicixdproject.com\/civicsocialmedia\/?post_type=project&#038;p=129"},"modified":"2025-06-19T09:09:38","modified_gmt":"2025-06-19T09:09:38","slug":"designing-for-civic-social-media","status":"publish","type":"project","link":"https:\/\/civicixdproject.com\/civicsocialmedia\/projects\/designing-for-civic-social-media\/","title":{"rendered":"Design principles for civic social media"},"content":{"rendered":"<div class=\"project__slider wp-block-slider swiper \">\n  <div class=\"swiper-wrapper\">\n      <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns project__lead is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column project__introduction is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.6666%\">\n<p>We have developed several design principles to help you guide the design of civic social media platforms.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column project__meta is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.3333%\"><div class=\"wp-block-meta\" style=\"\">\n      <ul>\n              <li>\n          <h5>Published<\/h5>\n          <p>28 May 2025<\/p>\n        <\/li>\n              <li>\n          <h5>Type<\/h5>\n          <p>Publication<\/p>\n        <\/li>\n          <\/ul>\n  <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Design guidelines for the development of civic social media<\/h3>\n\n\n\n<p>Civic social media are digital platforms on which members of communities can communicate, collaborate and exchange information safely and securely. These platforms are developed responsibly, based on public values. They are sovereignly managed by organisations and initiatives with a social objective.<\/p>\n\n\n\n<p>During the development of civic social media, software developers and supporting organisations make choices in the areas of technology, algorithms, governance, required functionalities, user experience (UX design), visual style (UI design), moderation and editing. In order to arrive at well-considered choices, design principles can provide support in the development of civic social media platforms.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"470\" src=\"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-content\/uploads\/sites\/7\/2025\/05\/Scherm\u00adafbeelding-2025-05-28-om-14.05.28.png\" alt=\"\" class=\"wp-image-138\" srcset=\"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-content\/uploads\/sites\/7\/2025\/05\/Scherm\u00adafbeelding-2025-05-28-om-14.05.28.png 512w, https:\/\/civicixdproject.com\/civicsocialmedia\/wp-content\/uploads\/sites\/7\/2025\/05\/Scherm\u00adafbeelding-2025-05-28-om-14.05.28-300x275.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<p>We have developed several design principles to help you guide the design of civic social media platforms. These design principles can be traced back to a number of core values \u200b\u200band can be translated into a number of design dimensions. The design principles describe the underlying values, in the design dimensions these are translated into a number of concrete tasks for designers. <\/p>\n\n\n\n<p>Here we present five design principles and seven design dimensions for the design process of civic social media. They can be applied throughout the entire process \u2013 from ambitious concept to the smallest UI details \u2013 to provide direction for design choices. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1156\" height=\"906\" src=\"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-content\/uploads\/sites\/7\/2025\/05\/Core-Values-1.png\" alt=\"\" class=\"wp-image-108\" srcset=\"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-content\/uploads\/sites\/7\/2025\/05\/Core-Values-1.png 1156w, https:\/\/civicixdproject.com\/civicsocialmedia\/wp-content\/uploads\/sites\/7\/2025\/05\/Core-Values-1-300x235.png 300w\" sizes=\"auto, (max-width: 1156px) 100vw, 1156px\" \/><\/figure>\n\n\n\n<p>The five design principles apply to all civic social media, regardless of the type of community being designed for. In addition, different communities have different needs, which can lead to tensions between the design principles and the public values \u200b\u200bon which they are based. For example, it may be essential for one community that conversations take place in public space, while another community benefits from a familiar, private environment. It is therefore important to make this trade-off, primarily for the benefit of the type of community.<\/p>\n\n\n\n<p>We made the design principles available in a slidedeck format, so you can use the principles not only when working on a civic social media project yourself, but you can also easily present it to others, to convince them to join forces!<\/p>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/civicinteractiondesign.com\/wp-content\/uploads\/2025\/05\/250528-SLIDEDECK-Designing-for-Civic-Social-Media_ENG.pdf\" style=\"border-radius:100px\" target=\"_blank\" rel=\"noreferrer noopener\">Download Design Principles slidedeck in English<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/civicinteractiondesign.com\/wp-content\/uploads\/2025\/05\/250528-SLIDEDECK-Ontwerpen-voor-Civic-Social-Media_NL.pdf\" style=\"border-radius:100px\" target=\"_blank\" rel=\"noreferrer noopener\">Download Designprincipes slidedeck in Nederlands<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>We also made a version that is easily printable (only available in Dutch):<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link has-medium-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-content\/uploads\/sites\/7\/2025\/05\/Ontwerpen-voor-Civic-Social-Media-28-05-NL.pdf\" style=\"border-radius:100px\" target=\"_blank\" rel=\"noreferrer noopener\">Download Designprincipes voor print in Nederlands<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>The design principles is the result of a collaboration between the <a href=\"https:\/\/civicinteractiondesign.com\/\">Civic Interaction Design research group <\/a>at the <a href=\"https:\/\/www.amsterdamuas.com\/\">Amsterdam University of Applied Sciences<\/a>, <a href=\"https:\/\/www.pubhubs.net\/\">PubHubs<\/a>, <a href=\"https:\/\/publicspaces.net\/\">PublicSpaces<\/a>, the <a href=\"https:\/\/www.amsterdam.nl\/en\/\">City of Amsterdam<\/a>, <a href=\"https:\/\/www.ru.nl\/en\">Radboud University <\/a>and <a href=\"https:\/\/www.uu.nl\/en\">Utrecht University<\/a>, with financial support from the <a href=\"https:\/\/www.sidnfonds.nl\/excerpt\">SIDN Fund<\/a>. It was created with input from representatives of various public organisations.<\/p>\n\n\n\n<div class=\"wp-block-columns project__footer is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column project__message is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.6666%\">\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column project__buttons is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.3333%\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"author":2,"featured_media":138,"parent":0,"template":"","class_list":["post-129","project","type-project","status-publish","has-post-thumbnail","hentry","content_type-designing-for-civic-social-media"],"acf":[],"_links":{"self":[{"href":"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-json\/wp\/v2\/project\/129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":15,"href":"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-json\/wp\/v2\/project\/129\/revisions"}],"predecessor-version":[{"id":226,"href":"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-json\/wp\/v2\/project\/129\/revisions\/226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-json\/wp\/v2\/media\/138"}],"wp:attachment":[{"href":"https:\/\/civicixdproject.com\/civicsocialmedia\/wp-json\/wp\/v2\/media?parent=129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}