{"id":157,"date":"2020-06-06T09:39:46","date_gmt":"2020-06-06T16:39:46","guid":{"rendered":"https:\/\/designspun.com\/?p=157"},"modified":"2020-06-13T10:24:16","modified_gmt":"2020-06-13T17:24:16","slug":"issue-003-black-lives-matter-design-ethics-spacex-ui","status":"publish","type":"post","link":"https:\/\/designspun.com\/issue-003-black-lives-matter-design-ethics-spacex-ui\/","title":{"rendered":"Issue 003: Black Lives Matter, Design Ethics, SpaceX UI"},"content":{"rendered":"<br \/>\n<table class=\"pc-email-body\" width=\"100%\" bgcolor=\"#f4f4f4\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"table-layout: fixed;\">\n<tbody>\n<tr>\n<td class=\"pc-email-body-inner\" align=\"center\" valign=\"top\">\n          <!--[if gte mso 9]>\n            <v:background xmlns:v=\"urn:schemas-microsoft-com:vml\" fill=\"t\">\n                <v:fill type=\"tile\" src=\"\" color=\"#f4f4f4\"\/>\n            <\/v:background>\n            <![endif]--><br \/>\n          <!--[if (gte mso 9)|(IE)]>\n\n<table width=\"620\" align=\"center\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n\n<tr>\n\n<td width=\"620\" align=\"center\" valign=\"top\"><![endif]--><\/p>\n<table class=\"pc-email-container\" width=\"100%\" align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"margin: 0 auto; max-width: 620px;\">\n<tbody>\n<tr>\n<td align=\"left\" valign=\"top\" style=\"padding: 0 10px;\">\n<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"24\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- BEGIN MODULE: Header 1 --><\/p>\n<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td bgcolor=\"#1B1B1B\" valign=\"top\" style=\"background-color: #1B1B1B; background-position: top center; background-size: cover; background-image: url('https:\/\/designspun.com\/wp-content\/uploads\/issues\/003_20200606\/Issue-003_Header-G2j.jpg'); border-radius: 8px\" background=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/003_20200606\/Issue-003_Header-G2j.jpg\">\n                          <!--[if gte mso 9]>\n            <v:rect xmlns:v=\"urn:schemas-microsoft-com:vml\" fill=\"true\" stroke=\"false\" style=\"width: 600px;\">\n                <v:fill type=\"frame\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/003_20200606\/Issue-003_Header-G2j.jpg\" color=\"#1B1B1B\"><\/v:fill>\n                <v:textbox style=\"mso-fit-shape-to-text: true;\" inset=\"0,0,0,0\">\n                    \n\n<div style=\"font-size: 0; line-height: 0;\">\n                        \n\n<table width=\"600\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" align=\"center\">\n                            \n\n<tr>\n                                \n\n<td style=\"font-size: 14px; line-height: 1.5;\" valign=\"top\">\n                                    \n\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n                                        \n\n<tr>\n                                            \n\n<td colspan=\"3\" height=\"24\" style=\"line-height: 1px; font-size: 1px;\">&nbsp;<\/td>\n\n\n                                        <\/tr>\n\n\n                                        \n\n<tr>\n                                            \n\n<td width=\"30\" valign=\"top\" style=\"line-height: 1px; font-size: 1px;\">&nbsp;<\/td>\n\n\n                                            \n\n<td valign=\"top\" align=\"left\">\n            <![endif]--><br \/>\n                          <!--[if !gte mso 9]><!--><\/p>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"\" valign=\"top\" style=\"padding: 24px\" pc-default-class=\"pc-sm-p-24-20-30 pc-xs-p-15-10-20\" pc-default-padding=\"24px 30px 40px\">\n                                  <!--<![endif]--><\/p>\n<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td valign=\"top\" style=\"padding: 10px;\">\n                                          <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/designspun.com\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/003_20200606\/designspun-2-SBM.png\" width=\"300\" height=\"67\" alt=\"\" style=\"max-width: 100%; height: auto; border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; font-size: 14px; color: #ffffff;\"><\/a>\n                                        <\/td>\n<\/tr>\n<tr>\n<td class=\"pc-xs-h-100\" height=\"36\" style=\"line-height: 1px; font-size: 1px\">&nbsp;<\/td>\n<\/tr>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\" style=\"padding: 0 10px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #ffffff;\">Issue 3<\/td>\n<\/tr>\n<tr>\n<td class=\"pc-xs-fs-30 pc-xs-lh-42 pc-fb-font\" valign=\"top\" style=\"padding: 13px 10px 0; letter-spacing: -0.7px; line-height: 46px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 800; color: #ffffff\">June 6, 2020<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                                  <!--[if !gte mso 9]><!-->\n                                <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                          <!--<![endif]--><br \/>\n                          <!--[if gte mso 9]>\n                                            <\/td>\n\n\n                                            \n\n<td width=\"30\" style=\"line-height: 1px; font-size: 1px;\" valign=\"top\">&nbsp;<\/td>\n\n\n                                        <\/tr>\n\n\n                                        \n\n<tr>\n                                            \n\n<td colspan=\"3\" height=\"40\" style=\"line-height: 1px; font-size: 1px;\">&nbsp;<\/td>\n\n\n                                        <\/tr>\n\n\n                                    <\/table>\n\n\n                                <\/td>\n\n\n                            <\/tr>\n\n\n                        <\/table>\n\n\n                    <\/div>\n\n\n                <\/v:textbox>\n            <\/v:rect>\n            <![endif]-->\n                        <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- END MODULE: Header 1 --><br \/>\n                  <!-- BEGIN MODULE: Content 17 --><\/p>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"8\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"\" style=\"padding: 24px; background-color: #ffffff; border-radius: 8px\" valign=\"top\" bgcolor=\"#ffffff\" pc-default-class=\"pc-sm-p-35-30 pc-xs-p-25-20\" pc-default-padding=\"40px\">\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" style=\"line-height: 28px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: -0.2px; color: #707070\" valign=\"top\">\n<p>America is hurting. Many of us are protesting against the hundreds of years of systemic racism in our country. I fear this moment will pass, and nothing will change. The protests sparked by Marjory Stoneman Douglas High did not change gun laws in this country. Nor did any marches for Eric Garner, Tamir Rice, Michael Brown, Stephon Clark, and countless others do much to change policing in the United States. But despite my pessimism, there is a glimmer of hope. This moment does feel different.<br \/>&nbsp;<br \/>Martin Luther King, Jr. once said, &#8220;The arc of the moral universe is long, but it bends toward justice.&#8221; <br \/>&nbsp;<br \/>My friends, go and make your voices heard. However you can.<br \/>&nbsp;<br \/>Roger<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- END MODULE: Content 17 --><br \/>\n                  <!-- BEGIN MODULE: Content 9 --><\/p>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"8\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"\" width=\"100%\" valign=\"top\" bgcolor=\"#ffffff\" style=\"padding: 16px 24px 24px; background-color: #ffffff; border-radius: 8px\" pc-default-class=\"pc-sm-p-25-30-35 pc-xs-p-15-20-25\" pc-default-padding=\"30px 40px 40px\">\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\" style=\"padding: 10px 0; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 34px; letter-spacing: -0.4px; color: #8338ec\">Black Lives Matter<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td height=\"12\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td valign=\"top\">\n                                  <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/003_20200606\/blm-aiga-2048x1280-Z49.png\" width=\"552\" height=\"345\" alt=\"Black Lives Matter\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\">\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"24\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\">\n                                  <span style=\"line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -0.4px; color: #151515\">Be an antiracist<\/span>\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"0\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" style=\"line-height: 28px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: -0.2px; color: #707070\" valign=\"top\">\n<p>If you click on one link in this issue, let this be the one. AIGA&#8217;s <em>Eye on Design<\/em> published a <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/eyeondesign.aiga.org\/a-growing-black-lives-matter-resource-list-for-designers-and-humans\/\" rel=\"noopener noreferrer\">long list of resources<\/a> for this moment, for this movement for black lives. You will find funds and charities to which to donate; guides on how to call your local representatives to support police reform; guides on virtual protesting; and further reading on antiracism.<\/p>\n<p>Crooked Media has a great page on <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/crooked.com\/articles\/antiracism-resources\/\" rel=\"noopener noreferrer\">how to be an antiracist<\/a> too.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- END MODULE: Content 9 --><br \/>\n                  <!-- BEGIN MODULE: Content 9 --><\/p>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"8\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"\" width=\"100%\" valign=\"top\" bgcolor=\"#ffffff\" style=\"padding: 16px 24px 24px; background-color: #ffffff; border-radius: 8px\" pc-default-class=\"pc-sm-p-25-30-35 pc-xs-p-15-20-25\" pc-default-padding=\"30px 40px 40px\">\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\" style=\"padding: 10px 0; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 34px; letter-spacing: -0.4px; color: #8338ec\">Design Ethics<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td height=\"12\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td valign=\"top\">\n                                  <img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/003_20200606\/facebook-hate-speech-banner-a6S.jpeg\" width=\"552\" height=\"\" alt=\"Facebook Hate Speech Banner Concept\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\">\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"24\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\">\n                                  <span style=\"line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -0.4px; color: #151515\">We make the world we want to live in<\/span>\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"0\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" style=\"line-height: 28px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: -0.2px; color: #707070\" valign=\"top\">\n<p>It is no secret that Twitter has enabled and emboldened Donald Trump by not restricting any of his tweets, even if they violated their terms of service. But earlier this week, they put <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/www.nytimes.com\/2020\/05\/26\/technology\/twitter-trump-mail-in-ballots.html\" rel=\"noopener noreferrer\">misinformation warnings<\/a> on two of his tweets about mail-in ballots. This angered the President but also got the ball rolling. Snapchat shortly followed by saying it will <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/www.axios.com\/snapchat-discover-trump-account-bbdfa6b8-f0cb-4c01-9a9d-c3dcb9b3de4e.html\" rel=\"noopener noreferrer\">no longer promote Trump&#8217;s account<\/a>. Against the backdrop of growing protests against the murder of George Floyd by police, some tech companies finally started to grow a conscience. <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/www.wired.com\/story\/tech-companies-denounce-racism-will-silicon-valley-change\/\" rel=\"noopener noreferrer\">But will Silicon Valley change?<\/a> Mary-Hunter McDonnell, corporate activism researcher from the Wharton School of Business says, &#8220;Giving money to organizations that are out on the front lines is more helpful, but it&#8217;s also to some extent passing the buck. People are tired of that.&#8221;<\/p>\n<p>As designers, we have some power over the projects we work on, and the products we create. <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/modus.medium.com\/dear-designer-how-to-explain-to-your-kids-that-you-work-at-facebook-64a93bef7ac3\" rel=\"noopener noreferrer\">Mike Monterio wrote in February<\/a>, &#8220;At some point, you will have to explain to your children that you work, or once worked, at Facebook.&#8221;<\/p>\n<p>While at Facebook, <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/www.fastcompany.com\/90511080\/facebook-had-a-design-to-flag-trumps-hate-speech-in-2016\" rel=\"noopener noreferrer\">Lisa Sy designed ways to flag hate speech<\/a> on the platform\u2014using <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/twitter.com\/lisasy\/status\/1266556800444166149\" rel=\"noopener noreferrer\">Trump&#8217;s account in the mockups<\/a>. In 2016. Four years later, Facebook has not implemented such a system and continues to leave up dangerous posts from Trump, including the highly-charged &#8220;when the looting starts, the shooting starts&#8221; post.<\/p>\n<p><a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/medium.com\/@vanschneider\/can-good-design-be-bad-design-f76504b8e018\" rel=\"noopener noreferrer\">Tobias van Schneider wrote in 2016<\/a>, &#8220;The role as a designer, or even as an engineer has become more influential and powerful than ever. The work we do makes an impact and naturally brings up the discussion around ethics, responsibility and accountability.&#8221; Many of us will work on pieces that are seen by hundreds, maybe thousands. A few of us, having larger clients, or working at a tech company, might work on something used by millions, if not billions of people. We hold great responsibility.<\/p>\n<p>We produce work for audiences, users. Humans who are on the other end of that screen, poster, or ad. &#8220;You don&#8217;t work for the people who sign your checks. <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/modus.medium.com\/dear-designer-hope-is-not-enough-70509b196a46\" rel=\"noopener noreferrer\">You work for the people who use the products of your labor.<\/a> If I were to put my hope in one thing, it&#8217;s that you understand the importance of this. Your job is to look out for the people your work is affecting. That is a responsibility we cannot defer.&#8221;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- END MODULE: Content 9 --><br \/>\n                  <!-- BEGIN MODULE: Content 9 --><\/p>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"8\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"\" width=\"100%\" valign=\"top\" bgcolor=\"#ffffff\" style=\"padding: 16px 24px 24px; background-color: #ffffff; border-radius: 8px\" pc-default-class=\"pc-sm-p-25-30-35 pc-xs-p-15-20-25\" pc-default-padding=\"30px 40px 40px\">\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\" style=\"padding: 10px 0; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 34px; letter-spacing: -0.4px; color: #8338ec\">Political Art<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td height=\"12\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td valign=\"top\">\n                                  <img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/003_20200606\/george-floyd-mural-art-KeS.jpg\" width=\"552\" height=\"\" alt=\"George Floyd mural\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\">\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"24\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\">\n                                  <span style=\"line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -0.4px; color: #151515\">Murals as community communication<\/span>\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"0\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" style=\"line-height: 28px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: -0.2px; color: #707070\" valign=\"top\">\n<p>Memes on social media are the modern-day equivalent of telephone pole posters, cork bulletin boards at laundromats, or painted murals. In less than a couple of weeks, <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/www.fastcompany.com\/90511807\/murals-for-george-floyd-around-the-world-memorialize-his-death-and-show-solidarity-against-racism?partner=feedburner&#038;utm_source=feedly&#038;utm_medium=feed&#038;utm_campaign=feedburner+fastcompany&#038;utm_content=feedburner\" rel=\"noopener noreferrer\">murals memorializing George Floyd have popped up around the world<\/a>.<\/p>\n<p>&#8220;The political nature of walls themselves \u2013 separating, as they do, nations and ideologies, the public arena from the private \u2013 makes them an invocation to artistic expression,&#8221; says <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/frieze.com\/article\/how-murals-have-served-mirrors-political-change\" rel=\"noopener noreferrer\">Sarah Jilani about the power of murals<\/a>.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- END MODULE: Content 9 --><br \/>\n                  <!-- BEGIN MODULE: Content 13 --><\/p>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"8\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"pc-sm-p-35-30 pc-xs-p-25-20\" style=\"padding: 40px; background-color: #1b1b1b; border-radius: 8px\" valign=\"top\" bgcolor=\"#1b1b1b\">\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\" align=\"center\" style=\"font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #ffffff; line-height: 20px\">Portfolio Piece<\/td>\n<\/tr>\n<tr>\n<td height=\"8\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\" align=\"center\">\n                                  <span style=\"font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; color: #ffffff; letter-spacing: -0.4px; line-height: 34px\">Show off your work<\/span>\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"10\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" style=\"line-height: 28px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: -0.2px; color: #ffffff; text-align: center\" valign=\"top\">\n<p>If you have a piece of work that you\u2019re proud of and want to show off to the community, <a style=\"color: #ffffff;\" href=\"mailto:roger@wong.digital\">please send us a 2,000 x 2,000 pixel JPG<\/a>, along with one or two sentences about it.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- END MODULE: Content 13 --><br \/>\n                  <!-- BEGIN MODULE: Content 9 --><\/p>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"8\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"\" width=\"100%\" valign=\"top\" bgcolor=\"#ffffff\" style=\"padding: 16px 24px 24px; background-color: #ffffff; border-radius: 8px\" pc-default-class=\"pc-sm-p-25-30-35 pc-xs-p-15-20-25\" pc-default-padding=\"30px 40px 40px\">\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\" style=\"padding: 10px 0; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 34px; letter-spacing: -0.4px; color: #8338ec\">Digital<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td height=\"12\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td valign=\"top\">\n                                  <img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/003_20200606\/spacex-scz.jpeg\" width=\"552\" height=\"\" alt=\"Touchscreen controls on the Dragon2 spacecraft\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\">\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"24\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\">\n                                  <span style=\"line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -0.4px; color: #151515\">Futuristic interfaces are finally here<\/span>\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"0\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" style=\"line-height: 28px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: -0.2px; color: #707070\" valign=\"top\">\n<p>Earlier this week, SpaceX and NASA successfully launched two astronauts to the International Space Station aboard the privately-built Crew Dragon spacecraft. Robert Behnken and Douglas Hurley will be <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/www.theverge.com\/2020\/5\/30\/21275753\/nasa-spacex-astronauts-fly-crew-dragon-touchscreen-controls\" rel=\"noopener noreferrer\">controlling their vehicle via giant touchscreens<\/a>. Designer <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/uxdesign.cc\/simple-beautiful-interfaces-are-the-future-9f77e33af5c4\" rel=\"noopener noreferrer\">Michal Malewicz writes<\/a>, &#8220;Looking at the knobs, dials and switches on the first space crafts and then looking at the huge touch-screens of the Dragon2 we are seeing the same path forward as with computers and phones.&#8221;<\/p>\n<p>BTW, if you are a fan of fictional sci-fi interfaces, <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/scifiinterfaces.com\/\" rel=\"noopener noreferrer\">Chris Noessel&#8217;s Sci-Fi Interfaces blog<\/a> is a fantastic wormhole.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- END MODULE: Content 9 --><br \/>\n                  <!-- BEGIN MODULE: Content 9 --><\/p>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"8\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"\" width=\"100%\" valign=\"top\" bgcolor=\"#ffffff\" style=\"padding: 16px 24px 24px; background-color: #ffffff; border-radius: 8px\" pc-default-class=\"pc-sm-p-25-30-35 pc-xs-p-15-20-25\" pc-default-padding=\"30px 40px 40px\">\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\" style=\"padding: 10px 0; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 34px; letter-spacing: -0.4px; color: #8338ec\">Digital<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td height=\"12\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td valign=\"top\">\n                                  <img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/003_20200606\/text-fields-XPW.jpeg\" width=\"552\" height=\"\" alt=\"Anatomy of a text field\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\">\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"24\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\">\n                                  <span style=\"line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -0.4px; color: #151515\">Everything you ever wanted to know about text fields and forms<\/span>\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"0\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" style=\"line-height: 28px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: -0.2px; color: #707070\" valign=\"top\">\n<p>User experience designer Taras Bakusevych follows up his <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/uxdesign.cc\/button-design-user-interface-components-series-85243b6736c7\" rel=\"noopener noreferrer\">deep-dive on buttons<\/a> with an <a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/uxdesign.cc\/text-fields-forms-design-ui-components-series-2b32b2beebd0\" rel=\"noopener noreferrer\">in-depth look at text fields<\/a> and best practices for designing forms. I&#8217;m looking forward to his next piece.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- END MODULE: Content 9 --><br \/>\n                  <!-- BEGIN MODULE: Content 9 --><\/p>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"8\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"\" width=\"100%\" valign=\"top\" bgcolor=\"#ffffff\" style=\"padding: 16px 24px 24px; background-color: #ffffff; border-radius: 8px\" pc-default-class=\"pc-sm-p-25-30-35 pc-xs-p-15-20-25\" pc-default-padding=\"30px 40px 40px\">\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n                            <\/tbody>\n<tbody>\n<tr>\n<td height=\"12\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\">\n                                  <span style=\"line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -0.4px; color: #8338ec\">What Else?<\/span>\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"0\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" style=\"line-height: 28px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: -0.2px; color: #707070\" valign=\"top\">\n<p><a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/www.yankodesign.com\/2020\/05\/28\/an-ex-apple-designers-lifehack-lets-doctors-turn-surgical-masks-into-secure-n95-masks\/\" rel=\"noopener noreferrer\"><strong>An ex-Apple designer&#8217;s lifehack lets doctors make surgical masks safer and better.<\/strong><\/a> Ex-Loopers Sabrina Paseman and Megan Duong created the Fix The Mask project. All it takes are three rubber bands and a surgical mask to make an N95-equivalent.<\/p>\n<p><a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/qz.com\/work\/1863420\/what-effective-coronavirus-signs-look-like\/\" rel=\"noopener noreferrer\"><strong>The sophisticated design behind a simple coronavirus sign.<\/strong><\/a> &#8220;Each public sign is a distillation of human psychology, cultural anthropology, urban design, user design principles, and graphic design, on top of the politics of its constituents.&#8221;<\/p>\n<p><a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/www.fastcompany.com\/90511044\/google-search-will-now-favor-websites-with-great-ux?partner=feedburner&#038;utm_source=feedly&#038;utm_medium=feed&#038;utm_campaign=feedburner+fastcompany&#038;utm_content=feedburner\" rel=\"noopener noreferrer\"><strong>Google Search will now favor websites with great UX.<\/strong><\/a> Google is switching up its ranking algorithm again to ensure sites with better user experiences rank higher.<\/p>\n<p><a style=\"color: #333;\" target=\"_blank\" href=\"https:\/\/www.creativereview.co.uk\/standards-manual-worm-logo-book\/\" rel=\"noopener noreferrer\"><strong>Standards Manual is releasing a book on NASA&#8217;s worm logo.<\/strong><\/a> This was the NASA logo that I grew up knowing and loving. It made a return last week with the Launch America mission.&nbsp;<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- END MODULE: Content 9 --><br \/>\n                  <!-- BEGIN MODULE: Content 9 --><\/p>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"8\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"\" width=\"100%\" valign=\"top\" bgcolor=\"#3a86ff\" style=\"padding: 16px 24px 24px; background-color: #3a86ff; border-radius: 8px\" pc-default-class=\"pc-sm-p-25-30-35 pc-xs-p-15-20-25\" pc-default-padding=\"30px 40px 40px\">\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" valign=\"top\" style=\"padding: 10px 0; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 34px; letter-spacing: -0.4px; color: #ffffff\">One More Thing\u2026<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td height=\"12\" style=\"font-size: 1px; line-height: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td valign=\"top\">\n                                  <img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/003_20200606\/iss-simulator-4GK.jpg\" width=\"552\" height=\"346\" alt=\"Illustration of people crafting a mobile app\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\">\n                                <\/td>\n<\/tr>\n<tr>\n<td height=\"16\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" style=\"line-height: 28px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: -0.2px; color: #ffffff\" valign=\"top\">\n<p style=\"color: #ffffff;\">If you want to try firsthand the UI that SpaceX&#8217;s astronauts are using, you can! Here&#8217;s an <a style=\"color: #ffffff;\" target=\"_blank\" href=\"https:\/\/iss-sim.spacex.com\/\" rel=\"noopener noreferrer\">online simulator<\/a> where you can dock with the ISS.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- END MODULE: Content 9 --><br \/>\n                  <!-- BEGIN MODULE: Footer 2 --><\/p>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"8\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"pc-sm-p-31-20 pc-xs-p-15-10-25\" style=\"padding: 31px 30px; background-color: #1B1B1B; border-radius: 8px\" bgcolor=\"#1B1B1B\" valign=\"top\">\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" role=\"presentation\">\n<tbody>\n<tr>\n<td class=\"pc-fb-font\" style=\"text-align: center; line-height: 20px; letter-spacing: -0.2px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; padding: 10px; color: #D8D8D8;\" valign=\"top\">Made with ???? in California. <a style=\"color: #d8d8d8;\" href=\"mailto:roger@wong.digital\">Send jeers and cheers my way.<\/a><br \/>If you liked this, <a style=\"color: #d8d8d8;\" href=\"https:\/\/wongdigital.acemlnc.com\/lt.php?notrack=1&#038;s=bad97c655476f96a390a72c05a742011&#038;i=32A146A13A419\">please consider forwarding this email to a friend.<\/a> ????<\/td>\n<\/tr>\n<\/tbody>\n<tbody>\n<tr>\n<td class=\"pc-sm-h-20\" height=\"0\" style=\"line-height: 1px; font-size: 1px\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>                  <!-- END MODULE: Footer 2 --><\/p>\n<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\n<tbody>\n<tr>\n<td height=\"24\" style=\"font-size: 1px; line-height: 1px;\">&nbsp;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>          <!--[if (gte mso 9)|(IE)]><\/td>\n\n<\/tr>\n\n<\/table>\n\n<![endif]-->\n        <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; Issue 3 June 6, 2020 &nbsp; America is hurting. Many of us are protesting against the hundreds of years of systemic racism in our country. I fear this moment will pass, and nothing will change. The protests sparked by Marjory Stoneman Douglas High did not change gun laws in this country. Nor did &#8230; <a title=\"Issue 003: Black Lives Matter, Design Ethics, SpaceX UI\" class=\"read-more\" href=\"https:\/\/designspun.com\/issue-003-black-lives-matter-design-ethics-spacex-ui\/\" aria-label=\"Read more about Issue 003: Black Lives Matter, Design Ethics, SpaceX UI\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":153,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[18],"tags":[],"_links":{"self":[{"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/posts\/157"}],"collection":[{"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/comments?post=157"}],"version-history":[{"count":2,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/posts\/157\/revisions"}],"predecessor-version":[{"id":183,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/posts\/157\/revisions\/183"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/media\/153"}],"wp:attachment":[{"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/media?parent=157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/categories?post=157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/tags?post=157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}