{"id":330,"date":"2020-08-09T12:15:54","date_gmt":"2020-08-09T19:15:54","guid":{"rendered":"https:\/\/designspun.com\/?p=330"},"modified":"2020-08-08T13:21:43","modified_gmt":"2020-08-08T20:21:43","slug":"issue-011-lego-ux-dark-patterns-birth-of-the-web","status":"publish","type":"post","link":"https:\/\/designspun.com\/issue-011-lego-ux-dark-patterns-birth-of-the-web\/","title":{"rendered":"Issue 011: LEGO UX, Dark Patterns, Birth of the Web"},"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\/011\/Issue-011_Header-ApR.jpg'); border-radius: 8px; background-repeat: no-repeat\" background=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/011\/Issue-011_Header-ApR.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\/011\/Issue-011_Header-ApR.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\/011\/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 11<\/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 9, 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:\/\/www.designedbycave.co.uk\/2020\/LEGO-Interface-UX\/\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/011\/lego-LaI.jpg\" width=\"552\" height=\"\" alt=\"LEGO control panel bricks\" 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\">designedbycave.co.uk<\/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:\/\/www.designedbycave.co.uk\/2020\/LEGO-Interface-UX\/\" 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 UX of LEGO Interface Panels<\/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>Design engineer\/interaction technologist George Cave illustrates some UX fundamentals using the LEGO control panel bricks:<\/p>\n<blockquote>\n<p>Two studs wide and angled at 45\u00b0, the ubiquitous \u201c2&#215;2 decorated slope\u201d is a LEGO minifigure\u2019s interface to the world.<\/p>\n<p>These iconic, low-resolution designs are the perfect tool to learn the basics of physical interface design. Armed with 52 different bricks, let\u2019s see what they can teach us about the design, layout and organisation of complex interfaces.<\/p>\n<\/blockquote>\n<p>Meanwhile, if you\u2019re obsessed with LEGOs as I was when I was a kid (um, and admittedly still am), check out these <a style=\"color: #333333;\" href=\"https:\/\/www.yankodesign.com\/2020\/07\/23\/lego-creations-by-master-builders-that-showcase-why-lego-is-not-just-a-childrens-toy-part-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">LEGO sculptures created by master builders<\/a>.<\/p>\n<p>And finally, <a style=\"color: #333333;\" href=\"https:\/\/kottke.org\/20\/07\/lego-nintendo-entertainment-system\" target=\"_blank\" rel=\"noopener noreferrer\">LEGO is releasing a \u201cplayable\u201d Nintendo NES<\/a> with Super Mario Bros. Sign me up!<\/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:\/\/dribbble.com\/stories\/2020\/08\/05\/guide-to-product-packaging\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/011\/packaging-design-Vao.jpg\" width=\"552\" height=\"\" alt=\"Food packaging\" 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\">dribbble.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:\/\/dribbble.com\/stories\/2020\/08\/05\/guide-to-product-packaging\" 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 Beginner\u2019s Guide to Product Packaging<\/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>Mark Wilson writes a deep dive into how to do packaging design. This passage about ease of use resonated with me:<\/p>\n<blockquote>\n<p>Your packaging not only needs to stand out from the crowd, it also needs to be easy to use. Don\u2019t make your customer struggle. Product packaging that is difficult to open or frustrating can leave a negative impression of both your product and your brand. If you\u2019ve ever struggled with a molded clamshell case while trying to open an electronic item, you know what I\u2019m talking about.<\/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:\/\/eyeondesign.aiga.org\/whos-responsible-for-preventing-dark-patterns\/\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/011\/dark-patterns-9EA.jpg\" width=\"552\" height=\"\" alt=\"Illustration of maze with submit button far away from the cursor\" 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\/whos-responsible-for-preventing-dark-patterns\/\" 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\">Who\u2019s Responsible for Preventing Dark Patterns?<\/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>Have you heard of dark UX patterns? You\u2019ve surely seen them when a pop-up on a site guilts you into signing up for their email newsletter with \u201cNo, I don\u2019t want to save 10%.\u201d Sophie Tahran in <em>Eye on Design<\/em>:<\/p>\n<blockquote>\n<p>Yet despite all the attention they receive, dark patterns continue to proliferate. We regularly click buttons that say, \u201cNo, I don\u2019t like healthy food\u201d just to dismiss an annoying pop-up, and we navigate through the labyrinth of turns it takes to cancel an account that we never intended to create in the first place. Why are we adapting instead of revolting?<\/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:\/\/css-tricks.com\/chapter-1-birth\/\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/011\/chapter-1-NFW.jpg\" width=\"552\" height=\"\" alt=\"Photocopy of Tim Berners-Lee\u2019s proposal for the World Wide Web\" 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\">css-tricks.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:\/\/css-tricks.com\/chapter-1-birth\/\" 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\">Chapter 1: Birth<\/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>Long before dark patterns, the web was envisioned to be an information-sharing utopia by Tim Berners-Lee, a scientist at CERN in Switzerland. Developer Jay Hoffman\u2014who has been writing about the <a style=\"color: #333333;\" href=\"https:\/\/thehistoryoftheweb.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">history of the web<\/a> for a while\u2014is embarking on a new series, starting from day one.<\/p>\n<blockquote><p>When Berners-Lee submitted \u201cInformation Management, a Proposal\u201d to his superiors, they returned it with a comment on the top that read simply: \u201cVague, but exciting\u2026\u201d<\/p>\n<p>The web wasn\u2019t a sure thing. Without the hindsight of today it looked far too simple to be effective. In other words, it was a hard sell. Berners-Lee was proficient at many things, but he was never a great salesman. He loved his idea for the web. But he had to convince everybody else to love it too.<\/p><\/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\/worry-less-about-spacing-in-figma-8b44f34db4f5\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/011\/figma-spacer-RLS.png\" width=\"552\" height=\"\" alt=\"A spacer component in Figma\" 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\/worry-less-about-spacing-in-figma-8b44f34db4f5\" 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\">Worry less about spacing in Figma<\/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>I\u2019m a huge fan of Figma for UI design, especially their (newish) auto-layout feature. Designer Lennon Cheng has come up with a system to help get consistent spacing so that <a style=\"color: #333333;\" href=\"https:\/\/uxdesign.cc\/handing-over-design-with-spacers-in-figma-6c5bfd76a6d5\" target=\"_blank\" rel=\"noopener noreferrer\">file handoffs are less painful<\/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 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:\/\/www.core77.com\/posts\/101151\/Great-Student-Work-Erica-Stines-Sustainable-Fly-Ash-Chair\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/011\/fly-ash-chair-qr1.jpg\" width=\"552\" height=\"\" alt=\"A chair made of fly ash\" 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\">core77.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:\/\/www.core77.com\/posts\/101151\/Great-Student-Work-Erica-Stines-Sustainable-Fly-Ash-Chair\" 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\">Erica Stine\u2019s Sustainable Fly-Ash Chair<\/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:\/\/blog.prototypr.io\/how-to-make-perfect-shadows-in-ui-design-2773e32074da\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>How to make Perfect Shadows in UI Design<\/strong><\/a> (blog.prototypr.io) Design 101 tip: Don\u2019t use the default shadow effects. Here\u2019s how to do it better.<\/p>\n<p><a style=\"color: #333333;\" href=\"https:\/\/www.typography.com\/blog\/type-capsules\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>New from H&#038;Co: Type Capsules<\/strong><\/a> (typography.com) Hoefler&#038;Co. release new, more affordable font packages called Type Capsules that each have five fonts that pair well together.<\/p>\n<p><a style=\"color: #333333;\" href=\"https:\/\/techcrunch.com\/2020\/08\/05\/instagram-reels-launches-globally-in-over-50-countries-including-u-s\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Instagram Reels launches globally in over 50 countries, including US<\/strong><\/a> (techcrunch.com) Facebook\u2019s TikTok killer launched this week as Instagram Reels.<\/p>\n<p><a style=\"color: #333333;\" href=\"https:\/\/www.designweek.co.uk\/issues\/3-9-august-2020\/standards-manual-brand-guidelines-platform\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Standards Manual wants to change how brand guidelines are designed<\/strong><\/a> (designweek.co.uk) They\u2019ve been reprinting classic brand identity guidelines for years, and now the fine folks at Standards Manual want to create a platform for modern guidelines. Can\u2019t wait to see it.<\/p>\n<p><a style=\"color: #333333;\" href=\"https:\/\/www.fastcompany.com\/90536737\/nasas-worm-logo-lay-dormant-for-28-years-so-why-are-people-so-obsessed-with-it\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>NASA\u2019s \u2018worm\u2019 logo lay dormant for 28 years. So why are people so obsessed with it?<\/strong><\/a> (fastcompany.com) Standards Manual will <a style=\"color: #333333;\" href=\"https:\/\/standardsmanual.com\/products\/the-worm\" target=\"_blank\" rel=\"noopener noreferrer\">publish a book<\/a> about the iconic NASA \u201cWorm\u201d logo this October. It seems like nostalgia around this logo is in the zeitgeist these days.<\/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:\/\/fuse.blog\/\" style=\"text-decoration: none;\"><img decoding=\"async\" src=\"https:\/\/designspun.com\/wp-content\/uploads\/issues\/011\/fuse-QUu.jpg\" width=\"552\" height=\"\" alt=\"Screenshot of Fuse\" 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>Reminiscent of OG link sites like Digg and StumbleUpon, this art- and design-centric link site called <a style=\"color: #ffffff;\" href=\"https:\/\/fuse.blog\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fuse<\/a> is visually playful and has great content when you need some eye candy.<\/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 11 August 9, 2020 &nbsp; &nbsp; &nbsp; designedbycave.co.uk &nbsp; The UX of LEGO Interface Panels &nbsp; Design engineer\/interaction technologist George Cave illustrates some UX fundamentals using the LEGO control panel bricks: Two studs wide and angled at 45\u00b0, the ubiquitous \u201c2&#215;2 decorated slope\u201d is a LEGO minifigure\u2019s interface to the world. These &#8230; <a title=\"Issue 011: LEGO UX, Dark Patterns, Birth of the Web\" class=\"read-more\" href=\"https:\/\/designspun.com\/issue-011-lego-ux-dark-patterns-birth-of-the-web\/\" aria-label=\"Read more about Issue 011: LEGO UX, Dark Patterns, Birth of the Web\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":325,"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\/330"}],"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=330"}],"version-history":[{"count":1,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/posts\/330\/revisions"}],"predecessor-version":[{"id":332,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/posts\/330\/revisions\/332"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/media\/325"}],"wp:attachment":[{"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/media?parent=330"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/categories?post=330"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designspun.com\/wp-json\/wp\/v2\/tags?post=330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}