網(wǎng)絡(luò)中的暗黑模式：令人惱火的網(wǎng)頁(yè)設(shè)計(jì)陷阱

核心要點(diǎn)：

• “暗黑模式”指的是網(wǎng)站和應(yīng)用程序中使用的欺騙性設(shè)計(jì)技巧，旨在操縱用戶行為，通常會(huì)導(dǎo)致用戶沮喪和受騙的感覺(jué)。常見(jiàn)的例子包括煩人的廣告、虛假新聞廣告、阻止廣告攔截器以及令人困惑的導(dǎo)航。
• 其他令人討厭的暗黑模式包括冗長(zhǎng)的多頁(yè)文章、中斷用戶體驗(yàn)的移動(dòng)應(yīng)用程序推廣、沒(méi)有回退機(jī)制的單頁(yè)應(yīng)用程序以及不必要的滾動(dòng)劫持。
• 有些暗黑模式不僅令人討厭，而且近乎欺詐。這些包括訂閱羞辱、人為稀缺以及易於註冊(cè)服務(wù)但難以取消服務(wù)。
• 儘管暗黑模式被廣泛使用，但它們通常被認(rèn)為是具有操縱性和不道德性的。用戶可以通過(guò)了解這些模式、在與網(wǎng)站和應(yīng)用程序互動(dòng)時(shí)花時(shí)間以及向相關(guān)部門(mén)舉報(bào)任何欺騙性行為來(lái)保護(hù)自己。

本文是與SiteGround合作創(chuàng)作的系列文章的一部分。感謝您支持使SitePoint成為可能的合作夥伴。

我們創(chuàng)造了一個(gè)怪物。儘管生活和工作在網(wǎng)絡(luò)上，我們?cè)S多人都討厭技術(shù)被濫用的方式。一些挫折是不可避免的，但許多技術(shù)都是惡意的——如果不是近乎欺詐的話。其他暗黑模式簡(jiǎn)直愚蠢至極。以下是我最討厭的網(wǎng)頁(yè)設(shè)計(jì)問(wèn)題列表。我不會(huì)直接羞辱任何人，但是，當(dāng)我遇到這些問(wèn)題時(shí)，我忍不住想要放棄一切，去海灘上生活……

網(wǎng)頁(yè)臃腫

我已經(jīng)抱怨了很多次，但很少有開(kāi)發(fā)者關(guān)心頁(yè)面加載時(shí)間或性能。 2017年5月，平均頁(yè)面大小達(dá)到2884kb。這是內(nèi)容頁(yè)面的平均值——而不是應(yīng)用程序、遊戲或社交網(wǎng)絡(luò)。用戶體驗(yàn)每年是否提高超過(guò)20%？我認(rèn)為沒(méi)有。

冗長(zhǎng)的多頁(yè)文章

將長(zhǎng)篇文章分成單獨(dú)的頁(yè)面是可以的。將短篇文章分成句子大小的頁(yè)面以增加廣告展示次數(shù)則不行。

煩人的廣告

廣告是網(wǎng)頁(yè)臃腫的最大原因之一。全屏、彈出式和自動(dòng)播放視頻廣告尤其討厭。不幸的是，一些網(wǎng)站所有者認(rèn)為：“我每個(gè)頁(yè)面都有一個(gè)廣告，上個(gè)月賺了X美元。如果我放置兩個(gè)廣告，那就是2X美元……”這奏效了，以至於用戶開(kāi)始放棄該網(wǎng)站。一些網(wǎng)站所有者如何解決收入下降的問(wèn)題？ 更多的廣告。

虛假新聞廣告

一個(gè)19歲的年輕人真的每週工作一小時(shí)就能賺5000美元嗎？看來(lái)我們已經(jīng)失去了創(chuàng)造令人嚮往的產(chǎn)品和智能廣告的藝術(shù)，轉(zhuǎn)而沉迷於荒謬的快速致富計(jì)劃。

阻止廣告攔截器

“對(duì)不起，除非您禁用廣告攔截器，否則您無(wú)法訪問(wèn)此頁(yè)面?！边@樣做的好處是：訪問(wèn)者永遠(yuǎn)不會(huì)點(diǎn)擊廣告，因此他們永遠(yuǎn)不會(huì)為收入做出貢獻(xiàn)。讓我們阻止他們。缺點(diǎn)？訪問(wèn)者不會(huì)在意。沒(méi)有人會(huì)費(fèi)盡心思地禁用他們的廣告攔截器只是為了查看您的內(nèi)容。即使他們這樣做，他們也不會(huì)點(diǎn)擊廣告，因?yàn)樗麄冎廊绾我约昂螘r(shí)避免廣告。這些用戶將永遠(yuǎn)消失，您也消除了推廣其他商品和服務(wù)的任何可能性。如果廣告是您唯一的收入來(lái)源，您現(xiàn)在可能需要考慮其他選擇，因?yàn)楣?yīng)商已開(kāi)始默認(rèn)阻止廣告以提高瀏覽器速度。

移動(dòng)跳轉(zhuǎn)

您正在智能手機(jī)上閱讀文章，這時(shí)瀏覽器滾動(dòng)到隨機(jī)位置，因?yàn)樯戏郊虞d了圖像、廣告或其他資源。誠(chéng)然，這是現(xiàn)代響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的必然結(jié)果，但這很煩人。解決方案？除了修復(fù)圖像和其他資源的寬度之外，我不知道有任何頁(yè)面內(nèi)解決方案（我已經(jīng)花了許多小時(shí)嘗試?。┮苿?dòng)版Chrome有一個(gè)實(shí)驗(yàn)性標(biāo)誌可以防止跳轉(zhuǎn)：1.在地址欄中輸入chrome://flags 2.滾動(dòng)到或搜索滾動(dòng)錨定3.啟用並重新啟動(dòng)瀏覽器。

我不確定它是否總是有效，但我讚揚(yáng)任何嘗試的供應(yīng)商。

移動(dòng)應(yīng)用程序推廣

您點(diǎn)擊移動(dòng)設(shè)備上的鏈接，但是，就在您到達(dá)目的地時(shí)，您會(huì)被邀請(qǐng)安裝該網(wǎng)站的移動(dòng)應(yīng)用程序並在那裡閱讀文章。沒(méi)錯(cuò)：您必須訪問(wèn)應(yīng)用商店，批準(zhǔn)條款，下載幾兆字節(jié)的代碼，等待安裝完成，啟動(dòng)應(yīng)用程序，然後嘗試找到您十分鐘前可以閱讀的相同內(nèi)容。這意味著：“我們?cè)谠S多原生移動(dòng)應(yīng)用程序上投入了大量資金，但沒(méi)有人理會(huì)。我們可能應(yīng)該以一小部分成本實(shí)施漸進(jìn)式Web 應(yīng)用程序。與其解決核心問(wèn)題，我們不如嘗試誘騙一些人安裝它。也許我們的首席執(zhí)行官就會(huì)停止抱怨我們?cè)愀獾耐顿Y回報(bào)率。”

令人困惑的導(dǎo)航

我完全贊成設(shè)計(jì)自由，但如果您需要解釋您的導(dǎo)航，那就出問(wèn)題了！水平和垂直鏈接列表可能並不令人興奮，但它們無(wú)需彈跳箭頭或說(shuō)明即可工作。額外惱人的地方：CSS 僅限多級(jí)級(jí)聯(lián)菜單，一旦您將鼠標(biāo)移出活動(dòng)區(qū)域一個(gè)像素，這些菜單就會(huì)消失。

瀏覽器檢測(cè)

“此網(wǎng)站僅在 Google Chrome 中有效?！蔽艺J(rèn)為這種廢話在 2001 年就消失了。如果您正在嘗試一項(xiàng)實(shí)驗(yàn)性技術(shù)，這可能是必要的，但是將其應(yīng)用於每個(gè)內(nèi)容頁(yè)面都會(huì)讓您失去訪問(wèn)者。 “您需要 Flash”

我不需要。您需要更新您的網(wǎng)站。

沒(méi)有回退機(jī)制的單頁(yè)應(yīng)用程序

所有酷孩子都在使用 JavaScript 框架來(lái)創(chuàng)建單頁(yè)應(yīng)用程序。很好，但至少在 JavaScript 失敗時(shí)增加一點(diǎn)容忍度。它會(huì)失敗的。漸進(jìn)式增強(qiáng)並沒(méi)有消失。

愚蠢的密碼限制

“您的密碼必須在8 到10 個(gè)字符之間，包含一個(gè)大寫(xiě)字母、兩個(gè)數(shù)字、一個(gè)符號(hào)和一個(gè)微笑的便便表情符號(hào)?！边@意味著：“我們並不真正了解安全性，但這看起來(lái)像是我們?cè)谧鲆恍?shí)際的事情?！蹦皇牵耗谙虮┝ζ平饷艽a工具提供模板，並大大減少了發(fā)現(xiàn)時(shí)間。當(dāng)然，強(qiáng)制執(zhí)行最少字符數(shù)，指示強(qiáng)度並檢查愚蠢的密碼（例如“password”）。就是這樣。

禁用密碼字段中的粘貼

為什麼網(wǎng)站要這樣做？您現(xiàn)在阻止我使用密碼管理器中設(shè)置的 500 個(gè)字符的隨機(jī)生成的強(qiáng)字符串。您還應(yīng)該停止……

破壞瀏覽器行為

網(wǎng)站所有者需要了解關(guān)於網(wǎng)絡(luò)的一些基本事實(shí)。您不能：- 隱藏您的代碼- 阻止人們查看您的源代碼- 阻止人們使用右鍵單擊菜單- 檢測(cè)有人何時(shí)打開(kāi)開(kāi)發(fā)者工具- 強(qiáng)制人們運(yùn)行您的腳本或使用您的樣式- 阻止人們複製內(nèi)容（並且請(qǐng)停止在我嘗試時(shí)添加愚蠢的版權(quán)信息）。

破壞後退按鈕

破壞後退按鈕功能是不必要的，並且是一種糟糕的用戶體驗(yàn)。即使是新手用戶也能理解“後退”的作用。單頁(yè)應(yīng)用程序沒(méi)有藉口——?dú)v史 API 已經(jīng)可以使用多年了，所以請(qǐng)使用它！這不僅僅是單頁(yè)應(yīng)用程序。有些網(wǎng)站堅(jiān)持結(jié)束會(huì)話或顯示過(guò)期頁(yè)面，因此您無(wú)法前後移動(dòng)，並且必須再次登錄。而且不要讓我開(kāi)始談?wù)撃切o(wú)法響應(yīng)鼠標(biāo)滾輪滾動(dòng)的網(wǎng)站。

使用錯(cuò)誤的輸入類(lèi)型

HTML5 引入了一系列新的輸入類(lèi)型，包括 url、email、tel、number、date、time、color 等。瀏覽器供應(yīng)商可以優(yōu)化用戶體驗(yàn)，以便限制某些字符或出現(xiàn)適當(dāng)?shù)目丶ɡ缛諘眩ㄟ@仍然不在 Firefox 中——Mozilla 還要多久才能完成？?。楣ぷ魇褂谜_的輸入控件。任何使用是/否單選按鈕而不是單個(gè)複選框的人都應(yīng)該受到他們應(yīng)得的所有嘲笑。

Cookie 警告

您可能看不到這些，但歐盟居民幾乎在訪問(wèn)的每個(gè)網(wǎng)站上都會(huì)受到“我們使用 Cookie”橫幅和彈出窗口的轟炸。很少有人關(guān)心。更少的人閱讀它們。數(shù)百萬(wàn)人在現(xiàn)在已經(jīng)被預(yù)先設(shè)定為忽略安全警告，而這些警告有一天可能會(huì)變得更嚴(yán)重。這個(gè)愚蠢的規(guī)則已載入法律，我不主張您參與犯罪活動(dòng)。但是，法律必須是可執(zhí)行的；有多少網(wǎng)站因拒絕顯示 Cookie 通知而被處以罰款？有一個(gè)簡(jiǎn)單的選擇：安裝一個(gè)自動(dòng)點(diǎn)擊插件，例如我不關(guān)心 Cookie。

不必要的滾動(dòng)劫持

當(dāng)滾動(dòng)劫持微妙並突出一些關(guān)鍵點(diǎn)時(shí)，我非常喜歡它。當(dāng)它過(guò)度使用，結(jié)合十幾個(gè)視差部分和 57 個(gè)浮動(dòng)項(xiàng)目移動(dòng)到位時(shí)，它就不那麼令人愉快了。我的眼睛在流血，謝謝。

無(wú)限滾動(dòng)惡作劇

我不太喜歡在您向下滾動(dòng)到頁(yè)面底部時(shí)加載並附加額外內(nèi)容的頁(yè)面。我不太喜歡那些無(wú)法快速附加內(nèi)容、沒(méi)有指示頁(yè)面何時(shí)結(jié)束或使無(wú)法為單個(gè)文章添加書(shū)籤的網(wǎng)站。

社交登錄愚蠢

當(dāng) OAuth 實(shí)現(xiàn)良好時(shí)，使用您的 Facebook、Twitter 或 Google 帳戶進(jìn)行註冊(cè)和登錄非常棒，並且可以節(jié)省時(shí)間。當(dāng)實(shí)現(xiàn)不佳時(shí)，網(wǎng)站隨後會(huì)繼續(xù)要求您提供電子郵件和其他密碼進(jìn)行註冊(cè)——為什麼？

添加到我的購(gòu)物車(chē)的“有用”商品

我不介意一些產(chǎn)品推薦，但是自動(dòng)將某些東西添加到我的購(gòu)物車(chē)中超出了合理的電子商務(wù)行為的界限！伙計(jì)，你剛剛失去了銷(xiāo)售機(jī)會(huì)。

訂閱羞辱

自動(dòng)將人們加入服務(wù)或產(chǎn)品是一種在網(wǎng)絡(luò)某些角落仍在採(cǎi)用的暗黑模式。更糟糕的是那些將您變成壞人的營(yíng)銷(xiāo)短語(yǔ)，例如“我不關(guān)心孤兒小狗，所以我想要取消訂閱您的新聞通訊”。

人為稀缺

“我們有 2 件商品可用，有 47 人正在查看此產(chǎn)品?！敝滥必浭呛馨舻?，但是使用這些策略來(lái)誘導(dǎo)銷(xiāo)售是不道德的。旅遊網(wǎng)站以這些信息而臭名昭著，但其他網(wǎng)站也實(shí)施了稀缺恐慌。嘗試一周後再次訪問(wèn)該頁(yè)面——奇怪的是，該產(chǎn)品仍然可用。

容易進(jìn)入，難以退出

最後，終極暗黑模式。該網(wǎng)站易於註冊(cè)：您只需要一個(gè)電子郵件地址。取消服務(wù)是另一回事。您必須訪問(wèn)平壤的公司總部，提交手寫(xiě)取消信，提供十五種類(lèi)型的照片身份證明（原件，而不是影印件），填寫(xiě)五十頁(yè)的離職問(wèn)卷，並同意對(duì)您的第一個(gè)孩子進(jìn)行醫(yī)學(xué)實(shí)驗(yàn)。

感謝您的閱讀。我要去躺一會(huì)兒了。您是否遇到過(guò)更嚴(yán)重的違規(guī)行為？您是否被要求實(shí)施任何違規(guī)行為？您拒絕還是屈服於黑暗面？

關(guān)於令人討厭的網(wǎng)絡(luò)暗黑模式的常見(jiàn)問(wèn)題

什麼是網(wǎng)絡(luò)暗黑模式，為什麼它們很煩人？

網(wǎng)絡(luò)暗黑模式是網(wǎng)站和應(yīng)用程序中使用的欺騙性設(shè)計(jì)技巧，旨在誘騙用戶做他們可能不想做的事情，例如註冊(cè)服務(wù)、購(gòu)買(mǎi)產(chǎn)品或共享個(gè)人信息。它們很煩人，因?yàn)樗鼈儠?huì)操縱用戶行為，通常會(huì)導(dǎo)致沮喪、浪費(fèi)時(shí)間以及受騙或被欺騙的感覺(jué)。

如何識(shí)別網(wǎng)絡(luò)暗黑模式？

識(shí)別網(wǎng)絡(luò)暗黑模式可能很棘手，因?yàn)樗鼈兊脑O(shè)計(jì)目的是具有欺騙性。但是，一些常見(jiàn)的跡象包括令人困惑的語(yǔ)言、隱藏的信息、預(yù)選選項(xiàng)和難以退出的流程。如果網(wǎng)站或應(yīng)用程序使您難以做出明智的決定或正在促使您採(cǎi)取某種行動(dòng)，則它可能正在使用暗黑模式。

網(wǎng)絡(luò)暗黑模式是否違法？

網(wǎng)絡(luò)暗黑模式的合法性因國(guó)家/地區(qū)和使用的具體技術(shù)而異。一些國(guó)家/地區(qū)有關(guān)於欺騙性商業(yè)行為的法律，這些法律可能適用於暗黑模式。但是，由於互聯(lián)網(wǎng)的全球性質(zhì)和許多暗黑模式的微妙性，執(zhí)法可能很困難。

如何避免落入網(wǎng)絡(luò)暗黑模式的陷阱？

避免落入網(wǎng)絡(luò)暗黑模式陷阱的最佳方法是了解它們，並在與網(wǎng)站和應(yīng)用程序互動(dòng)時(shí)花時(shí)間。仔細(xì)閱讀所有信息，尤其是免責(zé)聲明，並且不要感到有壓力要立即採(cǎi)取行動(dòng)。如果有什麼感覺(jué)不對(duì)勁，請(qǐng)相信您的直覺(jué)。

如果我被網(wǎng)絡(luò)暗黑模式欺騙了，該怎麼辦？

如果您被網(wǎng)絡(luò)暗黑模式欺騙了，您可以向網(wǎng)站或應(yīng)用程序的客戶服務(wù)部門(mén)舉報(bào)，向您當(dāng)?shù)氐南M(fèi)者保護(hù)機(jī)構(gòu)投訴，或在社交媒體上分享您的經(jīng)驗(yàn)以警告他人。如果您遭受了重大損失，您可能還需要考慮採(cǎi)取法律行動(dòng)。

如何保護(hù)我的個(gè)人信息免受網(wǎng)絡(luò)暗黑模式的影響？

保護(hù)您的個(gè)人信息免受網(wǎng)絡(luò)暗黑模式的影響包括警惕您在線共享的信息。警惕對(duì)不必要的個(gè)人信息的要求，並使用隱私設(shè)置來(lái)控制誰(shuí)可以看到您的信息。此外，考慮使用虛擬專(zhuān)用網(wǎng)絡(luò) (VPN) 以增強(qiáng)安全性。

所有網(wǎng)絡(luò)暗黑模式都是不好的嗎？

雖然網(wǎng)絡(luò)暗黑模式通常被認(rèn)為是具有操縱性和不道德性的，但並非所有暗黑模式都一定有害。有些可能只是令人討厭或不方便。但是，任何故意欺騙或誤導(dǎo)用戶的設(shè) 計(jì)技巧都是有問(wèn)題的，應(yīng)該避免。

網(wǎng)絡(luò)暗黑模式會(huì)影響我的計(jì)算機(jī)性能嗎？

網(wǎng)絡(luò)暗黑模式本身通常不會(huì)影響計(jì)算機(jī)的性能。但是，它們可能會(huì)導(dǎo)致不需要的下載或訂閱，這些下載或訂閱可能會(huì)減慢計(jì)算機(jī)速度或占用寶貴的存儲(chǔ)空間。

如何舉報(bào)使用網(wǎng)絡(luò)暗黑模式的網(wǎng)站或應(yīng)用程序？

如果您遇到使用網(wǎng)絡(luò)暗黑模式的網(wǎng)站或應(yīng)用程序，您可以向網(wǎng)站或應(yīng)用程序的客戶服務(wù)部門(mén)、您當(dāng)?shù)氐南M(fèi)者保護(hù)機(jī)構(gòu)或相關(guān)監(jiān)管機(jī)構(gòu)舉報(bào)。您也可以在社交媒體上分享您的經(jīng)驗(yàn)以警告他人。

如何了解更多關(guān)於網(wǎng)絡(luò)暗黑模式的信息？

網(wǎng)上有很多資源可以幫助您了解更多關(guān)於網(wǎng)絡(luò)暗黑模式的信息，包括文章、博客和視頻。您還可以加入專(zhuān)門(mén)討論和提高人們對(duì)這個(gè)問(wèn)題認(rèn)識(shí)的在線社區(qū)或論壇。

以上是網(wǎng)絡(luò)最煩人的黑色模式的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！