{"id":310,"date":"2020-08-02T12:00:08","date_gmt":"2020-08-02T19:00:08","guid":{"rendered":"https:\/\/designspun.com\/?p=310"},"modified":"2020-08-02T14:32:02","modified_gmt":"2020-08-02T21:32:02","slug":"issue-010-affordances-forms-tupperware-parties","status":"publish","type":"post","link":"https:\/\/designspun.com\/issue-010-affordances-forms-tupperware-parties\/","title":{"rendered":"Issue 010: Affordances, Forms, Tupperware Parties"},"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: center; background-size: cover; background-image: url('https:\/\/designspun.com\/wp-content\/uploads\/issues\/010_20200802\/Issue-010_Header-C1k.jpg'); border-radius: 8px; background-repeat: no-repeat\" background=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/010_20200802\/Issue-010_Header-C1k.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\/010_20200802\/Issue-010_Header-C1k.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 href=\"https:\/\/designspun.com\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/010_20200802\/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 10<\/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\">August 2, 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 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 valign=\"top\">\n                                  <a href=\"https:\/\/matthewstrom.com\/writing\/the-things-of-everyday-design\/\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/010_20200802\/affordances-LRt.jpg\" width=\"552\" height=\"\" alt=\"Button for a street light\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\"><\/a>\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\" style=\"line-height: 20px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #8338ec\">matthewstrom.com<\/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\">\n                                  <a href=\"https:\/\/matthewstrom.com\/writing\/the-things-of-everyday-design\/\" style=\"text-decoration: none; line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.4px; color: #151515\">The things of everyday design<\/a>\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>\u201cAffordance\u201d is one of those UX terms that gets thrown around a lot. But what are they and how do they help? Matthew Str\u00f6m writes:<\/p>\n<blockquote>\n<p>Understanding affordances comes from a place of curiosity. This means questioning affordances \u2014 why are links blue? Why is most text left-aligned? Why are user avatars usually cropped into circles? Sometimes the answers to these questions are rooted in psychology, biology, anthropology, or technology.<\/p>\n<\/blockquote>\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 valign=\"top\">\n                                  <a href=\"https:\/\/gerireid.com\/forms.html\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/010_20200802\/radio-buttons-LmU.png\" width=\"552\" height=\"\" alt=\"Radio button examples\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\"><\/a>\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\" style=\"line-height: 20px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #8338ec\">gerireid.com<\/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\">\n                                  <a href=\"https:\/\/gerireid.com\/forms.html\" style=\"text-decoration: none; line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.4px; color: #151515\">Form design: Best practice, research insights and examples<\/a>\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>Speaking of affordances and making interactions easy, London-based UI &#038; UX designer Geri Reid summed up all her learnings about form design. Her best practices guide includes examples, cites research, and contains accessibility guidance.<\/p>\n<blockquote>\n<p>Working on a design system for a bank has taught on a lot about forms. I&#8217;ve watched testing in our labs. I&#8217;ve worked alongside experts from specialist accessibility organisations. I&#8217;ve seen forms tested by disabled people and users of assistive technology. I&#8217;ve also read a lot of research.<\/p>\n<p>From all this learning I&#8217;ve formed my own forms best-practice guidelines. &nbsp;<\/p>\n<\/blockquote>\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 valign=\"top\">\n                                  <a href=\"https:\/\/character.co\/101\/asterisk-a-physical-distancing-kit\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/010_20200802\/asterisk-8qt.jpg\" width=\"552\" height=\"\" alt=\"3D visualization of asterisk social distancing guide\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\"><\/a>\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\" style=\"line-height: 20px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #8338ec\">character.co<\/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\">\n                                  <a href=\"https:\/\/character.co\/101\/asterisk-a-physical-distancing-kit\" style=\"text-decoration: none; line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.4px; color: #151515\">Asterisk*: A Physical Distancing DIY-Kit<\/a>\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>Here is a pretty neat project from San Francisco and New York-based branding studio Character. Ben Pham, creative director and co-founder of Character:<\/p>\n<blockquote>\n<p>Today we\u2019re officially releasing Asterisk* an open-source version of our physical distancing DIY-kit. What started as an RFP concept, it\u2019s now free and accessible for local communities, municipalities, and individuals to use and extend.<\/p>\n<\/blockquote>\n<p>Check out other projects from the same <a style=\"color: #333333;\" href=\"http:\/\/wherewestand.co.uk\/\" target=\"_blank\" rel=\"noopener noreferrer\">Where We Stand<\/a> initiative.<\/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 valign=\"top\">\n                                  <a href=\"https:\/\/eyeondesign.aiga.org\/how-tupperware-became-the-original-social-network-of-1950s-suburbia\/\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/010_20200802\/tupperware-party-mvs.jpg\" width=\"552\" height=\"\" alt=\"Vintage photo of a Tupperware party\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\"><\/a>\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\" style=\"line-height: 20px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #8338ec\">eyeondesign.aiga.org<\/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\">\n                                  <a href=\"https:\/\/eyeondesign.aiga.org\/how-tupperware-became-the-original-social-network-of-1950s-suburbia\/\" style=\"text-decoration: none; line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.4px; color: #151515\">How Tupperware Became the Original Social Network of 1950s Suburbia<\/a>\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>After nearly 70 years, Tupperware parties are still going strong. In 2017, their revenue was $2.26 billion. Madeleine Morley writes:&nbsp;<\/p>\n<blockquote>\n<p>The home party plan, executed by Tupperware\u2019s vice president of marketing, Brownie Wise, was a system based on social connections, one that proved far more effective for the company than any established forms of marketing. Indeed, the monumental rise of Tupperware was the result of a strategy familiar to today\u2019s social media-fueled companies\u2014networking, sponsored content, and influencer endorsements.&nbsp;<\/p>\n<\/blockquote>\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 valign=\"top\">\n                                  <a href=\"https:\/\/uxdesign.cc\/the-first-time-i-fired-a-design-client-f684518a4ea9\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/010_20200802\/fired-JGQ.jpg\" width=\"552\" height=\"\" alt=\"Illustration of a \u201cYou\u2019re fired\u201d note\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\"><\/a>\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\" style=\"line-height: 20px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #8338ec\">uxdesign.cc<\/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\">\n                                  <a href=\"https:\/\/uxdesign.cc\/the-first-time-i-fired-a-design-client-f684518a4ea9\" style=\"text-decoration: none; line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.4px; color: #151515\">The first time I fired a design client<\/a>\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>Some clients just aren\u2019t worth the trouble. And it\u2019s perfectly OK to part ways. Shannel Wheeler:<\/p>\n<blockquote>\n<p>Firing my first client gave me confidence and permission to know that I didn\u2019t have to accept every client, job, or situation. It taught me to respectfully leave the things that weren\u2019t good for me. I didn\u2019t have to continue with client relationships, partnerships, projects, or jobs that no longer served me or that stifled my growth.<\/p>\n<\/blockquote>\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=\"#000000\" style=\"padding: 16px 24px 24px; background-color: #000000; 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: 24px; font-weight: 700; line-height: 34px; letter-spacing: -0.4px; color: #ffffff\">Eye Candy<\/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                                  <a href=\"https:\/\/abduzeedo.com\/sci-fi-cyberpunk-inspired-branding-paradigmal\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/010_20200802\/paradigmal-nmN.jpg\" width=\"552\" height=\"\" alt=\"Stationery system for Paradigmal\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\"><\/a>\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\" valign=\"top\" style=\"line-height: 20px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #8338ec\">abduzeedo.com<\/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\">\n                                  <a href=\"https:\/\/abduzeedo.com\/sci-fi-cyberpunk-inspired-branding-paradigmal\" style=\"text-decoration: none; line-height: 34px; font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -0.4px; color: #ffffff\">Sci-fi &#038; Cyberpunk inspired Branding for Paradigmal<\/a>\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                              <\/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                                  <a href=\"https:\/\/hbr.org\/2020\/07\/how-to-brainstorm-remotely\" style=\"text-decoration: none; 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?<\/a>\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: #333333;\" href=\"https:\/\/www.nytimes.com\/2020\/08\/01\/technology\/tiktok-sale-trump-ban.html\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>ByteDance Said to Offer to Sell TikTok\u2019s U.S. Operations<\/strong><\/a> (nytimes.com) President Trump announced on Friday that he intends to ban TikTok, which is prompting the sale. But <em>Wired<\/em>\u2019s editor-in-chief Nicolas Thompson wonders if this is an <a style=\"color: #333333;\" href=\"https:\/\/www.wired.com\/story\/trump-tiktok-ban-hypocrisy\/\" target=\"_blank\" rel=\"noopener noreferrer\">attack on free speech<\/a>, and I can\u2019t help but speculate if this is a <a style=\"color: #333333;\" href=\"https:\/\/www.nbcnews.com\/politics\/donald-trump\/trump-may-force-tiktok-sell-its-u-s-operations-n1235525\" target=\"_blank\" rel=\"noopener noreferrer\">personal vendetta<\/a> Trump has against the platform that greatly embarrassed him because of the empty seats at his Tulsa rally.<\/p>\n<p><a style=\"color: #333333;\" href=\"https:\/\/www.fastcompany.com\/90533968\/jokes-aside-is-the-new-space-force-logo-any-good-5-design-experts-weigh-in\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Jokes aside, is the new Space Force logo any good? 5 design experts weigh in<\/strong><\/a> (fastcompany.com) OK, how about some serious critique?<\/p>\n<p><a style=\"color: #333333;\" href=\"https:\/\/uxdesign.cc\/overview-of-fluent-design-system-from-microsoft-22617e720d44\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Overview of Fluent Design System by Microsoft<\/strong><\/a> (uxdesign.cc) Calling a design system \u201cempathetic\u201d is a bit of a stretch. But an interesting breakdown of the system nonetheless.<\/p>\n<p><a style=\"color: #333333;\" href=\"https:\/\/teenyicons.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Teenyicons: Tiny minimal 1px icons<\/strong><\/a> (teenyicons.com) \u201c1px\u201d is a bit of a misnomer because these icons aren\u2019t 1&#215;1 pixels. But these teensy-weensy, one-pixel stroke, icons are pretty cute.<\/p>\n<p><a style=\"color: #333333;\" href=\"https:\/\/uxdesign.cc\/when-not-to-use-auto-layout-in-figma-components-for-your-design-system-9ab8bb893aaf\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>When NOT to use Figma auto-layout in your Design System<\/strong><\/a> (uxdesign.cc) I\u2019ve been loving the auto layout feature in Figma. It\u2019s definitely not appropriate all the time, but Chuck Rice has a great idea on how to have both ways.<\/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: 24px; 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                                  <a href=\"https:\/\/github.com\/felixrieseberg\/macintosh.js\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/010_20200802\/mac-emulator-iHa.jpg\" width=\"552\" height=\"\" alt=\"Screenshot of Mac System 8 running in a JavaScript emulator\" style=\"border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; height: auto; color: #151515; border-radius: 6px; max-width: 100%;\"><\/a>\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>Take a trip down memory lane by running a Mac Quadra 900 from 1991, all on your current computer. Written in JavaScript\u2014yes\u2014this emulator called <a style=\"color: #ffffff;\" href=\"https:\/\/github.com\/felixrieseberg\/macintosh.js\" target=\"_blank\" rel=\"noopener noreferrer\">Macintosh.js<\/a>, even includes Photoshop 3.0 and trial versions of Illustrator 5.5 and Premiere 4.0.<\/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:editor@designspun.com\">Send jeers and cheers my way.<\/a><br \/>If you liked this, <a style=\"color: #d8d8d8;\" href=\"%FORWARD2FRIEND%\">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 10 August 2, 2020 &nbsp; &nbsp; &nbsp; matthewstrom.com &nbsp; The things of everyday design &nbsp; \u201cAffordance\u201d is one of those UX terms that gets thrown around a lot. But what are they and how do they help? Matthew Str\u00f6m writes: Understanding affordances comes from a place of curiosity. This means questioning affordances &#8230; <a title=\"Issue 010: Affordances, Forms, Tupperware Parties\" class=\"read-more\" href=\"https:\/\/designspun.com\/issue-010-affordances-forms-tupperware-parties\/\" aria-label=\"Read more about Issue 010: Affordances, Forms, Tupperware Parties\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":303,"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\/310"}],"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=310"}],"version-history":[{"count":3,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/posts\/310\/revisions"}],"predecessor-version":[{"id":314,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/posts\/310\/revisions\/314"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/media\/303"}],"wp:attachment":[{"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/media?parent=310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/categories?post=310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/tags?post=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}