{"id":99365,"date":"2018-07-30T07:00:00","date_gmt":"2018-07-30T21:00:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/oldnewthing\/?p=99365"},"modified":"2019-12-21T07:58:41","modified_gmt":"2019-12-21T15:58:41","slug":"20180730-00","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/oldnewthing\/20180730-00\/?p=99365","title":{"rendered":"Dark Pattern: Opt-in above the fold, but opt-out below the fold"},"content":{"rendered":"<p>One of my colleagues reminded me of a <a href=\"https:\/\/darkpatterns.org\/\"> Dark Pattern<\/a> employed by the installer for the <a href=\"https:\/\/blogs.msdn.microsoft.com\/oldnewthing\/20180611-00\/?p=98965\"> media player for that internet protocol<\/a> that got the rug pulled out from under it.<\/p>\n<p>When you got to the shovelware portion of the installer, it showed you this:<\/p>\n<div style=\"border: solid 1px black; width: 20em; background-color: white; color: black;\">\n<div style=\"padding: 1ex;\">We have partnered with other companies to bring you these valuable offers. Select the ones you wish to install.<\/div>\n<div style=\"padding: 0px 1ex;\">\n<div style=\"display: grid; grid: auto \/ 1fr auto; width: 19em; border: solid 1px black;\">\n<div>\n<table class=\"cp3\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\">\n<tbody>\n<tr>\n<td>\u2610<\/td>\n<td>LitWare Deluxe Trial Edition<\/td>\n<\/tr>\n<tr>\n<td>&nbsp;<\/td>\n<td style=\"font-size: 80%;\">By LitWare, Inc.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table class=\"cp3\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\">\n<tbody>\n<tr>\n<td>\u2610<\/td>\n<td>ProseWare Search Toolbar<\/td>\n<\/tr>\n<tr>\n<td>&nbsp;<\/td>\n<td style=\"font-size: 80%;\">By ProseWare, Inc.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table class=\"cp3\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\">\n<tbody>\n<tr>\n<td>\u2610<\/td>\n<td>Toy Shopping Toolbar<\/td>\n<\/tr>\n<tr>\n<td>&nbsp;<\/td>\n<td style=\"font-size: 80%;\">By TailSpin Toys<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div style=\"display: grid; grid: auto 3fr 4fr auto \/ 1em; text-align: center;\">\n<div style=\"background-color: #e0e0e0;\">\u25b4<\/div>\n<div style=\"background-color: #c0c0c0;\">\u00a0<\/div>\n<div style=\"background-color: #e0e0e0;\">\u00a0<\/div>\n<div style=\"background-color: #e0e0e0;\">\u25be<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 1ex; display: grid; grid: auto \/ 1fr auto;\">\n<div>\u00a0<\/div>\n<div style=\"padding: 3px; border: solid 1px black; width: 13ex; text-align: center;\">Next<\/div>\n<\/div>\n<\/div>\n<p>You see that everything is unchecked, so you click <i>Next<\/i>.<\/p>\n<p>You have fallen into the trap.<\/p>\n<p>Look at that scroll bar on the right hand side. It&#8217;s scrolled only partway through the list. And if you had scrolled down the list, you would have seen this:<\/p>\n<div style=\"border: solid 1px black; width: 20em; background-color: white; color: black;\">\n<div style=\"padding: 1ex;\">We have partnered with other companies to bring you these valuable offers. Select the ones you wish to install.<\/div>\n<div style=\"padding: 0px 1ex;\">\n<div style=\"display: grid; grid: auto \/ 1fr auto; width: 19em; border: solid 1px black;\">\n<div>\n<table class=\"cp3\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\">\n<tbody>\n<tr>\n<td>\u2610<\/td>\n<td>Toy Shopping Toolbar<\/td>\n<\/tr>\n<tr>\n<td>&nbsp;<\/td>\n<td style=\"font-size: 80%;\">By TailSpin Toys<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table class=\"cp3\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\">\n<tbody>\n<tr>\n<td>\u2611<\/td>\n<td>Fabrikam Ad Network<\/td>\n<\/tr>\n<tr>\n<td>&nbsp;<\/td>\n<td style=\"font-size: 80%;\">By Fabrikam, Inc.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table class=\"cp3\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\">\n<tbody>\n<tr>\n<td>\u2611<\/td>\n<td>Web Speed Boost<\/td>\n<\/tr>\n<tr>\n<td>&nbsp;<\/td>\n<td style=\"font-size: 80%;\">By Trey Research, Inc.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div style=\"display: grid; grid: auto 2fr 3fr 2fr auto \/ 1em; text-align: center;\">\n<div style=\"background-color: #e0e0e0;\">\u25b4<\/div>\n<div style=\"background-color: #e0e0e0;\">\u00a0<\/div>\n<div style=\"background-color: #c0c0c0;\">\u00a0<\/div>\n<div style=\"background-color: #e0e0e0;\">\u00a0<\/div>\n<div style=\"background-color: #e0e0e0;\">\u25be<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 1ex; display: grid; grid: auto \/ 1fr auto;\">\n<div>\u00a0<\/div>\n<div style=\"padding: 3px; border: solid 1px black; width: 13ex; text-align: center;\">Next<\/div>\n<\/div>\n<\/div>\n<p>That&#8217;s right. All the items you could see without scrolling were unchecked by default, but everything else was checked by default.<\/p>\n<p>As my colleague noted, &#8220;This may be one of the few times where it cost more to be placed <i>below<\/i> the fold.&#8221;<\/p>\n<p><b>Bonus reading<\/b>: One of the pieces of bundled software was <a href=\"https:\/\/blogs.msdn.microsoft.com\/oldnewthing\/20031219-00\/?p=41423\"> an app that wants to crash<\/a>.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Don&#8217;t stop yet. Read all the way to the end.<\/p>\n","protected":false},"author":1069,"featured_media":111744,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[2],"class_list":["post-99365","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-oldnewthing","tag-history"],"acf":[],"blog_post_summary":"<p>Don&#8217;t stop yet. Read all the way to the end.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts\/99365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/users\/1069"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/comments?post=99365"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts\/99365\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/media\/111744"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/media?parent=99365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/categories?post=99365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/tags?post=99365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}