注：文中提到的UI設計方式不一定有對錯，如果使用得當，它們都有很大的可能性。

1.? 彈窗

也許你會知道這種感覺，當你打開一個新的網(wǎng)頁，閱讀到一半時，突然被一個巨大的浮層打斷，要求填寫電子郵箱。大多數(shù)人第一反應是關閉彈窗或關閉整個網(wǎng)頁。

這么多網(wǎng)站都會使用這種方式，其用意顯而易見。然而，這種方式對用戶產(chǎn)生了非常負面的影響 – 中斷了用戶正在做的事（對用戶來說重要的事）并將注意力集中在另一件事情上（對網(wǎng)站來說重要的事）。在你試圖要求獲取用戶信息之前，最好等用戶完成當前的事情（例如，閱讀并熟悉內(nèi)容）。讓他們有機會選擇是否做某件事情，而不是強迫他們?nèi)プ觥?/p>

2. 無限滾動

無限滾動是指用戶可以通過無限地向下滾動瀏覽頁面大量內(nèi)容。當您向下滾動頁面時，它可以一直刷出新的內(nèi)容。雖然聽起來很好，但這種方式并不適用于所有網(wǎng)站，也不是APP的通用解決方案。

圖片來源：Geo Law

這種方式的缺點也是它的優(yōu)勢 – 它是沒有終點的。用戶訪問到網(wǎng)頁的某一個位置，他們無法記錄當前瀏覽位置以便于稍后回到同一位置。當用戶離開了網(wǎng)站，他們將失去之前訪問的所有進度，不得不再次向下滾動頁面返回到同一位置。這種方式無法確定用戶的滾動位置，不僅會對用戶造成煩擾或混淆，而且還會使整體用戶體驗變差。

2012年，Etsy花了很多時間實現(xiàn)電商網(wǎng)站的無限滾動界面，但是卻發(fā)現(xiàn)新界面的體驗不如翻頁。雖然購買數(shù)量沒有什么變化，但用戶參與度卻下降了（人們有目的地使用搜索的次數(shù)下降）。

正如Dmitry Fadeyev指出：

“人們會想回到搜索結果列表中查看剛才看到的內(nèi)容，并與他們在列表中發(fā)現(xiàn)的其他內(nèi)容進行比較。無限滾動不僅打破了這種對比，也使列表上下移動變得困難，尤其是當你下次回到頁面，發(fā)現(xiàn)自己又回到了頂部，需要再次向下滾動列表并等待內(nèi)容加載。在這種情況下，無限滾動界面就比翻頁慢多了?！?/p>

設計師在設計中加入無限滾動之前，應該權衡它的優(yōu)缺點。選擇取決于場景以及內(nèi)容的傳遞方式。一般來說，無限滾動適用于像Twitter、Instagram這樣的產(chǎn)品，用戶在消耗無窮無盡的數(shù)據(jù)流時不會特別尋找特定的內(nèi)容。

譯者注：作者在《UX: Infinite Scrolling vs. Pagination》中提到無限滾動的優(yōu)缺點：

無限滾動的優(yōu)點

（1）用戶停留的時間更長，提升用戶參與度

當用戶沒有特定尋找的內(nèi)容時，可以通過瀏覽海量信息找到自己喜歡的內(nèi)容（如Pinterest、Facebook）。

（2）滾動比點擊操作更快更容易

分頁展示每次內(nèi)容更新都需要額外點擊等待加載。無限滾動對于移動設備很友好，移動設備的手勢控制讓滾動更自然。

無限滾動的缺點

（1）影響頁面性能，加載速度慢，用戶無限的向下滾動，加載更多的內(nèi)容，頁面的性能會越來越低。

（2）無法定位到上一次瀏覽的位置，需要重新不斷下拉回到同一位置。

（3）網(wǎng)站右側的滾動條變得無關緊要，反應不出數(shù)據(jù)量，當你以為快要接近底部，引誘你繼續(xù)向下滾動，結果更多的內(nèi)容又呈現(xiàn)出來。

（4）缺少頁腳，用戶有時候需要查看某些信息，去頁腳查看發(fā)現(xiàn)沒有。這些信息可以展示在別的地方，或者加上“加載更多”的按鈕來響應用戶對更多內(nèi)容的需求。

結論：無限滾動適用于用戶沒有特定目的的原創(chuàng)內(nèi)容網(wǎng)站（Twitter，F(xiàn)acebook）或者視覺（Pinterest，Instagram）的網(wǎng)站和app，分頁則適用于用戶在尋找特定信息的搜索結果列表，以及用戶瀏覽位置重要的地方。谷歌的圖片用了無限滾動，相對于文本搜索，用戶可以更快地瀏覽和操作圖片，文本搜索則需要花費更長的時間。

使用無限滾動的建議

1. 當你使用無限滾動時，可以保持導航欄可見，以便于快速進入其他頁面。
2. 頁面需要頁腳時，使用“加載更多”的按鈕。
3. 為特定項目增加收藏或書簽，以便于保存下來。
4. 加載新內(nèi)容的時候提供視覺反饋，讓用戶知道發(fā)生了什么。

3. 推送通知

您是否注意過每天從各種應用收到的通知和提醒消息的數(shù)量？其中您真正關心的通知有多少？

每天用戶都會被沒用的推送轟炸，分散日?；顒拥淖⒁饬Γ⒏械綈阑?。

惱人的推送通知是人們卸載移動應用程序的首要原因（根據(jù)調(diào)查受訪者的比例為71％）。

當用戶開始使用APP時，如果推送內(nèi)容足以讓用戶“愿意被打斷”，他們就不會那么在意收到推送消息，換句話說，這意味著推送消息必須讓用戶覺得足夠有用和有趣。因此，為用戶推送有感染力并使之愉悅的定制化內(nèi)容才是關鍵。

推送通知是一項特權，因為用戶信任你，才允許你直接向他們發(fā)送消息，你不能濫用這個特權。

為用戶設計有用，相關和及時的通知非常重要。推送通知可以成為企業(yè)直接與用戶溝通的強大工具，并在適當?shù)臅r間和地點傳遞正確的信息，以促進互動。

譯者注：作者在《Mobile UX Design: What Makes a Good Notification?》、《How to create effective push notifications》中提到推送通知需要注意幾點：

（1）適當?shù)臅r間。尊重當?shù)氐臅r間，不要在用戶睡眠的時候發(fā)送通知，比如國際化的APP針對不同的地區(qū)調(diào)整推送時間。Andrew Chen收集了一些數(shù)據(jù)顯示推送打開率在下午6點后更高，當用戶參與度最高的時候，在下午6-8點時發(fā)送推送通知。

圖片來源：Andrew Chen和??Leanplum

（2）限制次數(shù)。設置一個合理的推送次數(shù)，一些APP只要觸發(fā)了與你相關的信息就會提醒你，過多的推送可能會引起用戶的不適。

（3）個性化定制不同的推送內(nèi)容給不同的用戶，推送對用戶有價值的內(nèi)容。比如根據(jù)用戶的瀏覽歷史做相關用戶感興趣的推送。

（4）發(fā)送消息之前應該確定好目標，跟蹤數(shù)據(jù)，確認推送是否達到了效果。

本文為原創(chuàng)譯文，轉載/引用皆請標明譯者和出處，本文版權歸點融設計中心DDC所有。

英文原文：Top 3 UI Techniques That Users Hate Most

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

譯者：Yadira，微信公眾號：「微信ID：DR_DDC」

本文由 @Yadira 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉載。

題圖來自 Pexels，基于 CC0 協(xié)議