這3個UI雷坑，或許你從未注意過，不妨通過文章來看看。

注意：本文中提到的設(shè)計方法在不同設(shè)計場景帶來的效果是不一樣的，并不能說是好的或不好的。 這意味著，如果你正確執(zhí)行，它們都具有很大的潛力。

1.?彈窗

也許你有過這種經(jīng)歷。你打開一個新的網(wǎng)頁，閱讀里面的內(nèi)容，當(dāng)你看到一半的時候，突然間彈出一個巨大的覆蓋區(qū)，要求你填寫個人電子郵件地址。在大多數(shù)情況下，你的即時反應(yīng)將是關(guān)閉覆蓋層，或者關(guān)閉整個頁面。

這么多網(wǎng)站使用這種設(shè)計的原因是很明顯的。然而，這種設(shè)計對用戶產(chǎn)生了巨大的負(fù)面影響——它要求用戶停止做他們正在做的事情（對他們來說是重要的），并將注意力集中在完全與自己本意無關(guān)的活動上（對你來說是重要的）。最好是在請求任何東西之前允許用戶先完成當(dāng)前的活動（例如閱讀內(nèi)容或了解自己想要的東西）。給他們一個機(jī)會來決定他們是否想自己做某事而不是強(qiáng)迫他們?nèi)プ觥?/p>

2.?無限滾動頁面

無限滾動這種設(shè)計方法，允許用戶瀏覽大量的內(nèi)容，在頁面上看不到底線。當(dāng)你向下滾動時，這種設(shè)計可以保持刷新頁面。雖然聽起來很不錯，但該設(shè)計方式并不是一個適合所有網(wǎng)站或應(yīng)用程序的萬能解決方案。

該設(shè)計的主要缺點(diǎn)基本上也是其主要優(yōu)點(diǎn) – 它在視覺上沒有底線。當(dāng)用戶訪問頁面中的某一處時，他們無法先將其位置加入書簽，然后過段時間再回到標(biāo)記處。如果他們離開網(wǎng)頁，他們將失去所有的已有進(jìn)程，必須再次向下滾動才能回到同一個地方。這種方式無法確定用戶原來的滾動位置，不僅會讓用戶感到煩擾或困惑，而且還會損害整體用戶體驗(yàn)。

在2012年，Etsy花了很多時間來實(shí)現(xiàn)一個無限的滾動界面，他發(fā)現(xiàn)滾動出的新界面并沒有像分頁一樣表現(xiàn)出色。盡管購買用戶數(shù)量大致相同，但用戶的參與度卻下降了（人們使用搜索的熱度下降）。

正如Dmitry Fadeyev指出：

“人們想要回到搜索結(jié)果列表去查看他們剛剛看到的東西，把這些搜索出的列表和他們在其他地方發(fā)現(xiàn)的東西進(jìn)行比較?！?/p>

無限滾動不僅打破了這種對比，它還使用戶很難上下移動列表，尤其是當(dāng)你在另一刻返回頁面時，你會發(fā)現(xiàn)頁面又回到了頂部, 被迫你再次向下滾動列表，等待加載的結(jié)果。在這種情況下，無限滾動界面實(shí)際上比分頁的要慢。

在將無限滾動加入設(shè)計之前，設(shè)計師應(yīng)該權(quán)衡無限滾動的優(yōu)缺點(diǎn)。選擇取決于設(shè)計的場景以及內(nèi)容的傳遞方式。 總的來說，無限滾動對于Twitter / Instagram這樣的用戶來說是非常有用的，用戶在不用尋找任何東西的情況下就會不斷獲取流動的數(shù)據(jù)流。

3.?推送通知

你有沒有注意到你每天從各種應(yīng)用程序收到的通知和警告信息的數(shù)量? 這其中有多少通知是你真正關(guān)心的?

每天，用戶都被毫無用處的通知狂轟濫炸，這會讓用戶從日?；顒又蟹稚⒕Γ喼弊屓颂珶┝?。

令人厭煩的推送通知是人們卸載手機(jī)應(yīng)用程序的首要原因（根據(jù)調(diào)查數(shù)據(jù)，占有71%）。

當(dāng)用戶開始使用你的應(yīng)用程序時，如果你的推送通知給用戶帶來有效價值，他們是不介意的，這意味著推送有時是有用的，并且非常有趣。令人受激勵、感到愉悅的個性化內(nèi)容是推送有用通知的一個重要組成部分。

推送通知是一種特權(quán)，因?yàn)橛脩魧δ阈湃危旁试S你直接向其發(fā)送消息。但你不得濫用該權(quán)限。

設(shè)計對用戶有用的、相關(guān)的、及時的通知是非常重要的。推送通知可以成為企業(yè)與用戶直接溝通的強(qiáng)大工具，并在適當(dāng)?shù)臅r間和地點(diǎn)傳遞正確的信息，以促進(jìn)用戶參與。

原文作者：Nick Babich

原文地址：https://uxplanet.org/top-3-most-hateful-ui-techniques-b81eb337e3b9

本文由 @Mockplus 團(tuán)隊(duì)翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖由譯者提供