編輯導(dǎo)語(yǔ)：產(chǎn)品若不能提供符合用戶期待的使用體驗(yàn)，那么它將很有可能流失大量用戶。為了避免這樣的情況發(fā)生，產(chǎn)品可以結(jié)合已有案例，盡量站在用戶的角度上進(jìn)行思考。不妨看看這篇文章，作者為你總結(jié)了SaaS產(chǎn)品中最需避免的一些設(shè)計(jì)錯(cuò)誤，相信會(huì)對(duì)你有所幫助。

從亞馬遜的導(dǎo)航欄到WhatsApp的刪除消息，作為消費(fèi)者的我們對(duì)這些糟糕的UX設(shè)計(jì)再熟悉不過(guò)了。

從SaaS的角度來(lái)看，一個(gè)糟糕的用戶體驗(yàn)有時(shí)會(huì)意味著失去一個(gè)付費(fèi)客戶，或者是數(shù)百個(gè)客戶。

因此，了解哪些是設(shè)計(jì)黑洞是至關(guān)重要的，這樣就可以避免在你的產(chǎn)品中出現(xiàn)。

在這篇文章中，我們列出了迄今為止我們所看到的13個(gè)最糟糕的設(shè)計(jì)錯(cuò)誤。

讓我們開(kāi)始吧。

1. 不要每次都把新功能設(shè)置在新頁(yè)面中，你會(huì)干擾新員工的自動(dòng)化培訓(xùn)，也會(huì)讓你的客戶迷惑。
2. 不要使用包含數(shù)百個(gè)選項(xiàng)的下拉菜單。
3. 新員工培訓(xùn)清單中的項(xiàng)目不超過(guò)3-4個(gè)。
4. 始終確保你的模版有一個(gè) “X”，如果你的用戶不感興趣，可以關(guān)掉。
5. 不要用你的工具提示文本框擋住UI的其他部分。
6. 確保你的產(chǎn)品所包含的所有功能都能讓客戶直觀地發(fā)現(xiàn)。
7. 限制密碼數(shù)量，如字符長(zhǎng)度。
8. 切勿不顧客戶需求，提供線性的產(chǎn)品導(dǎo)覽，以同樣的方式介紹所有功能。
9. 一旦你的客戶在你的產(chǎn)品中添加了他們自己的內(nèi)容，你的產(chǎn)品中的任何演示內(nèi)容就應(yīng)該立即消失。
10. 保持你的文案簡(jiǎn)潔，并避免使用行業(yè)術(shù)語(yǔ)。
11. 不要用不是他們自己設(shè)置的彈窗來(lái)轟炸用戶。
12. 將視頻自動(dòng)播放保持在最低限度，作為尊重用戶自主權(quán)的一種方式。
13. 用假的數(shù)據(jù)或演示內(nèi)容來(lái)填充空白的狀態(tài)。

糟糕的用戶體驗(yàn)設(shè)計(jì)#1：新功能在新標(biāo)簽頁(yè)上

想象一下這樣的場(chǎng)景：你正在像往常一樣瀏覽你的項(xiàng)目管理軟件，突然你發(fā)現(xiàn)了一個(gè)新出的時(shí)間跟蹤功能。

出于好奇，你點(diǎn)擊了它，想看看它是如何工作的，結(jié)果一個(gè)新的標(biāo)簽打開(kāi)了。

從用戶的角度來(lái)看，這非常討厭，因?yàn)橛脩舯粠щx了之前正在做的事情。

從SaaS公司的角度來(lái)看，這是一場(chǎng)災(zāi)難，特別是如果你使用的是Userpilot這樣的入職培訓(xùn)軟件的時(shí)候。

更多的時(shí)候，如果你的用戶在一個(gè)新的標(biāo)簽頁(yè)中打開(kāi)一個(gè)頁(yè)面，那么這個(gè)頁(yè)面的新變化就不會(huì)被注意。因此，當(dāng)用戶點(diǎn)擊了新功能，而你設(shè)置了自動(dòng)入職系統(tǒng)，想用工具提示來(lái)吸引他們的注意，但他們完全沒(méi)有發(fā)現(xiàn)。這就意味著你在入職培訓(xùn)中的所有努力都白費(fèi)了。

所以，作為一個(gè)UX設(shè)計(jì)師，這是你要避免的事情。

糟糕的用戶體驗(yàn)設(shè)計(jì)#2：長(zhǎng)的下拉菜單

你是否曾經(jīng)點(diǎn)擊過(guò)一個(gè)下拉菜單并發(fā)生過(guò)這種情況？

來(lái)源：Walodesign

你看到一個(gè)巨大的文本墻，而你要找的東西就在墻的底部，這種情況并不能激發(fā)客戶忠誠(chéng)度。

這種長(zhǎng)的下拉菜單在要求你插入你的國(guó)籍的網(wǎng)站上尤為常見(jiàn)。如果你來(lái)自美國(guó)，那么就請(qǐng)你“快樂(lè)地”滾動(dòng)吧！

有時(shí)，像這種情況，讓用戶輸入他們國(guó)家的首字母，然后讓下拉菜單跳到以該字母開(kāi)頭的國(guó)家會(huì)好些。

但更多的時(shí)候，最好是完全跳過(guò)下拉菜單，讓用戶直接寫(xiě)他們需要的東西。如果你想增加自動(dòng)化，自動(dòng)定位填寫(xiě)可能是一個(gè)更好的選擇。

我們知道你想讓你的注冊(cè)流程簡(jiǎn)單化，但在這種情況下，你應(yīng)該問(wèn)問(wèn)自己，自己增加了多少新的難度。

糟糕的用戶體驗(yàn)設(shè)計(jì)#3：龐大的檢查清單

在一個(gè)理想的世界里，入職檢查表是用來(lái)給客戶提供3-4個(gè)激活任務(wù)的，沒(méi)有什么太復(fù)雜的，只需要向他們展示使用產(chǎn)品的基本知識(shí)就可以了。

然后你有這樣的檢查表：

你真的認(rèn)為你的客戶會(huì)完成所有的這些任務(wù)，而不是在一天內(nèi)流失掉嗎？

如果這是他們第一次使用你的應(yīng)用程序，他們會(huì)不想再繼續(xù)下去，這完全不是好的用戶體驗(yàn)。

盡量不要讓用戶不知所措，給他們簡(jiǎn)短的任務(wù)清單，幫助他們快速熟悉流程。

這里有一個(gè)很好的用戶體驗(yàn)的例子。

Backlinkmanager短而精的檢查單會(huì)促使用戶使用一個(gè)功能。

想通過(guò)簡(jiǎn)短而精致的檢查表來(lái)提高用戶體驗(yàn)嗎？?拿一個(gè)Userpilot演示來(lái)看看它有多簡(jiǎn)單。

糟糕的用戶體驗(yàn)設(shè)計(jì)#4：彈窗上沒(méi)有X

正如我們?cè)谶@個(gè)博客上所寫(xiě)的那樣，許多現(xiàn)代網(wǎng)站使用彈窗來(lái)打斷用戶并引起他們的注意。

這樣做的后果是，彈窗太大了，很容易讓人分心。

但是，如果不能關(guān)閉彈窗，彈窗的這種優(yōu)勢(shì)會(huì)迅速變成一種弱點(diǎn)。

如果因?yàn)橛脩魟e無(wú)選擇，而迫使采取一個(gè)行動(dòng)，這是一個(gè)糟糕的用戶體驗(yàn)設(shè)計(jì)。

想象一下，你正在做一些重要的事情，比如財(cái)務(wù)審計(jì)，然后一個(gè)彈窗彈了出來(lái)。

盡管你所使用的產(chǎn)品系統(tǒng)認(rèn)為現(xiàn)在這真的很重要，但你有其他的重要的事。

所以你尋找X按鈕來(lái)關(guān)閉……卻找不到。

給所有UX設(shè)計(jì)師的建議：我們知道你真的希望你的用戶在你的模版上點(diǎn)擊你的CTA。但是請(qǐng)為你的客戶的自主性著想，請(qǐng)給他們一個(gè)可以退出模態(tài)的選項(xiàng)。

遠(yuǎn)離這些糟糕的用戶體驗(yàn)?zāi)Ｊ綉?yīng)該被認(rèn)為是一種常識(shí)。

糟糕的用戶體驗(yàn)設(shè)計(jì)#5：遮蔽用戶界面的工具提示

在一個(gè)理想的世界里，工具提示應(yīng)該只為一個(gè)UI元素提供簡(jiǎn)短的、針對(duì)上下文的指導(dǎo)。

它們作為最小的用戶體驗(yàn)?zāi)Ｊ街皇怯性虻模核鼈儜?yīng)該微妙地融入原本的用戶界面。

它們不應(yīng)該這樣放置，會(huì)掩蓋UI的其他部分：

更糟糕的是，想象一下，一個(gè)工具提示遮住了它應(yīng)該解釋的用戶界面！這是不應(yīng)該的！

來(lái)源：Adam Silver

這對(duì)工具提示的存在有直接的反作用，而且一定會(huì)讓你的客戶想放棄。

糟糕的用戶體驗(yàn)設(shè)計(jì)#6：低可發(fā)現(xiàn)性

如果你同意一個(gè)緩慢加載的頁(yè)面是一個(gè)問(wèn)題（誰(shuí)不同意呢），那么，如果再加上低可發(fā)現(xiàn)性，你就會(huì)有一個(gè)糟糕的用戶體驗(yàn)的配方。

我們生活在一個(gè)即時(shí)滿足的時(shí)代，我們希望能立即找到我們想要的東西。

因此，如果你的用戶界面看起來(lái)像這樣：

對(duì)大多數(shù)用戶來(lái)說(shuō)，找到他們需要的東西將是一個(gè)天大的難題。

在這種情況下尋找分析功能，就好比大海撈針。

這是好的用戶體驗(yàn)的反面。

一般來(lái)說(shuō)，最好是設(shè)置一些產(chǎn)品功能，并讓他們能被用戶一眼看到。而不是設(shè)置眾多功能讓用戶眼花繚亂。

如果你的產(chǎn)品是為大型企業(yè)團(tuán)隊(duì)設(shè)計(jì)的，并且絕對(duì)必須擁有他們要求的所有功能，那么你至少應(yīng)該設(shè)置一個(gè)搜索欄，以便用戶能夠找到他們需要的東西。

你也可以把這個(gè)邏輯應(yīng)用于幫助中心。

如果你的幫助中心很難找到，那么它對(duì)你的用戶就不會(huì)有什么價(jià)值。這意味著會(huì)有很多煩人的客戶——以及對(duì)你的客戶服務(wù)團(tuán)隊(duì)的大量咨詢。

糟糕的用戶體驗(yàn)設(shè)計(jì)#7：復(fù)雜的密碼要求

我們明白，你希望你的客戶創(chuàng)建安全的密碼，這樣就沒(méi)有人能夠入侵他們的用戶數(shù)據(jù)。

因此，一個(gè)6個(gè)數(shù)字的密碼或類似 “密碼123”的東西是不可能的。

在這里，一定程度的謹(jǐn)慎是合理的。

但是，希望你會(huì)同意我們的觀點(diǎn)，即這太過(guò)分了。

考慮到你的普通用戶可能已經(jīng)有很多密碼需要記住了。如果你還對(duì)創(chuàng)建密碼提出這么多要求，你只會(huì)給他們帶來(lái)壓力。另外，他們可能在一兩天后就記不住他們的16個(gè)字母的新密碼和6個(gè)特殊字符了。

在安全性和易用性之間，有一條中間線。

糟糕的用戶體驗(yàn)設(shè)計(jì)#8：線性產(chǎn)品之旅

你是否曾經(jīng)注冊(cè)了一個(gè)新產(chǎn)品，看了他們的所有產(chǎn)品說(shuō)明，然后對(duì)自己說(shuō)：“這跟我有什么關(guān)系？”

我們問(wèn)了一些SaaS迷，他們對(duì)線性游覽有什么看法，這是他們給我們的回答。

這正是因?yàn)镾aaS企業(yè)既沒(méi)有做任何用戶研究，也沒(méi)有對(duì)他們的客戶進(jìn)行細(xì)分，所以最終給所有用戶提供相同的互動(dòng)式瀏覽時(shí)發(fā)生的情況。

你可以把線性產(chǎn)品導(dǎo)覽看作是以相同的順序、以同樣的方式經(jīng)歷了同樣的產(chǎn)品功能，而且對(duì)每個(gè)用戶都是如此。

換句話說(shuō)，這有點(diǎn)像你以前的大學(xué)老師，他經(jīng)常滔滔不絕，而且可能已經(jīng)以完全相同的方式講了30年的課。

這是一個(gè)糟糕的用戶體驗(yàn)，最好不要這么做。

特別是它很容易被簡(jiǎn)短的交互式演練所取代，用一系列簡(jiǎn)短的工具提示來(lái)引導(dǎo)用戶了解你產(chǎn)品的特定功能和如何使用它。

想用交互式演練代替硬編碼的產(chǎn)品導(dǎo)覽，而不需要編碼嗎？拿一個(gè)Userpilot演示來(lái)看看你如何做到的。

糟糕的用戶體驗(yàn)設(shè)計(jì)#9：永久的演示內(nèi)容

演示內(nèi)容對(duì)于向客戶展示你的平臺(tái)，以及在他們輸入一些數(shù)據(jù)后的樣子是非常好的。

如果使用得當(dāng)，演示內(nèi)容在你用真實(shí)的用戶數(shù)據(jù)取代它之后就會(huì)消失。在這一點(diǎn)上，它已經(jīng)達(dá)到了它的目的，你可以隨心所欲地使用這個(gè)應(yīng)用程序。

但是，可惜的是，有時(shí)演示內(nèi)容就是不會(huì)消失，不管你怎么做，尤其是當(dāng)你想要一個(gè)個(gè)性化的產(chǎn)品體驗(yàn)時(shí)，這可不是什么好事。

從用戶的角度來(lái)看，這可能既讓人困惑又讓人沮喪。這兩種反應(yīng)都不是高質(zhì)量設(shè)計(jì)的標(biāo)志。

糟糕的用戶體驗(yàn)設(shè)計(jì)#10：行業(yè)術(shù)語(yǔ)

在SaaS業(yè)務(wù)中，有許多時(shí)候需要簡(jiǎn)潔的表達(dá)。想想“彈窗”、“工具提示”、“微調(diào)查”等術(shù)語(yǔ)。

你沒(méi)有太多的時(shí)間來(lái)向你的用戶解釋你的意思，所以你需要快速進(jìn)入主題。

因此，當(dāng)客戶看到這樣的文案時(shí)，他們不太可能留下深刻的印象：

“點(diǎn)擊一下，通過(guò)應(yīng)用程序接口實(shí)現(xiàn)多方位的利益相關(guān)者的協(xié)調(diào)和協(xié)同。”

如果說(shuō)“與第三方軟件同步”不是更容易嗎？

糟糕的用戶體驗(yàn)設(shè)計(jì)#11：過(guò)度使用系統(tǒng)自發(fā)啟動(dòng)的彈窗

正如我們前面提到的，彈窗的本質(zhì)是干擾性的。

它們很大，有一個(gè)醒目的圖案，并且有一個(gè)要求被點(diǎn)擊的CTA。因此，用戶不太可能不注意到。

如果你的彈窗是由用戶發(fā)起的，這沒(méi)問(wèn)題。

換句話說(shuō)，當(dāng)客戶自己點(diǎn)擊“開(kāi)始了解產(chǎn)品”時(shí)，他們不太可能對(duì)出現(xiàn)的彈窗感到驚訝。

但是還有一類模態(tài)：因?yàn)槟愕南到y(tǒng)被編程成這樣而自動(dòng)出現(xiàn)的彈窗，跟用戶的設(shè)置無(wú)關(guān)。

以Surfer為例，它在登錄后就向我“喊話”。這個(gè)新功能有這么重要，以至于在我還沒(méi)來(lái)得及眨眼時(shí)，它就占據(jù)了我的整個(gè)屏幕？

因此，考慮到彈窗的本質(zhì)是干擾性的，并且考慮到用戶作為一個(gè)整體會(huì)更傾向于他們對(duì)應(yīng)用程序的主動(dòng)權(quán)，過(guò)度使用像這樣的系統(tǒng)生成的彈窗必然會(huì)讓人厭煩。

彈窗最好在重要的情況下才偶爾使用，比如當(dāng)你想和你的客戶反復(fù)確認(rèn)他們是否真的想取消他們的賬戶時(shí)。

一個(gè)由系統(tǒng)啟動(dòng)的彈窗的例子是，系統(tǒng)反復(fù)嘗試向客戶推銷一個(gè)跟他無(wú)關(guān)的新功能。盡管你希望增加客戶的終身價(jià)值，這種想法也很正常。但從你的用戶的角度來(lái)看，這并不緊急，而且也不相關(guān)。

糟糕的用戶體驗(yàn)設(shè)計(jì)#12：自動(dòng)播放視頻

從本質(zhì)上講，視頻內(nèi)容是非常吸引人的，這可能就是為什么越來(lái)越多的工具出現(xiàn)，讓SaaS公司在他們的入職培訓(xùn)中加入短視頻。

當(dāng)它吸引你的客戶對(duì)他們感興趣時(shí)，這種程度的參與可以說(shuō)是一種好處。但是，如果你操縱性地想利用視頻的參與性來(lái)引導(dǎo)用戶去做一些不相關(guān)的事情，它也可能成為一個(gè)問(wèn)題。

公司認(rèn)為讓視頻自動(dòng)播放是可以的，不管用戶在做什么。

是的，有時(shí)你會(huì)很幸運(yùn)地碰到一個(gè)對(duì)你所展示的內(nèi)容感興趣的用戶，但更多時(shí)候，缺乏自主性會(huì)刺激你的客戶點(diǎn)擊X按鈕。

所以不推薦這種方式。

糟糕的用戶體驗(yàn)設(shè)計(jì)#13：空白狀態(tài)

當(dāng)你注冊(cè)一個(gè)新的平臺(tái)時(shí)，你希望看到它充滿了其他用戶，你可以與他們互動(dòng)。至少，你會(huì)好奇地看到演示內(nèi)容，顯示你在輸入更多數(shù)據(jù)后，平臺(tái)會(huì)是什么樣子。

但是不管怎么樣，你肯定不希望看到的是這樣一個(gè)空白的鬼樣子。

在用戶體驗(yàn)設(shè)計(jì)中，這被稱為“空白狀態(tài)”。

空白狀態(tài)是令人郁悶的，因?yàn)榕c已經(jīng)有其他用戶的平臺(tái)相比，它們需要更多的激活能量。

這有點(diǎn)像學(xué)校里的美術(shù)考試，你被要求在一張白紙上開(kāi)始畫(huà)畫(huà)。從心理學(xué)上講，從頭開(kāi)始是很難的。

這就是為什么自動(dòng)駕駛汽車(chē)的聯(lián)合創(chuàng)始人希夫-帕特爾（Shiv Patel）在他最近的產(chǎn)品驅(qū)動(dòng)演講中提醒說(shuō)，空白狀態(tài)應(yīng)該用演示內(nèi)容來(lái)代替。

整個(gè)演講非常有用，建議大家都去看看。

結(jié)論

現(xiàn)在你知道了一些在設(shè)計(jì)SaaS產(chǎn)品時(shí)需要避免的最糟糕的設(shè)計(jì)。

如果你想模仿一些好的設(shè)計(jì)，同時(shí)又想通過(guò)不編碼來(lái)節(jié)省時(shí)間，你可以考慮看看Userpilot。

我們的模板是以這樣的方式設(shè)置的，它們使你更難犯像本文中的那些設(shè)計(jì)問(wèn)題。

獲取Userpilot的演示，看看你如何建立吸引人的、有背景的應(yīng)用內(nèi)體驗(yàn)。

原文地址：https://userpilot.medium.com/bad-ux-design-13-worst-ux-design-fails-to-avoid-in-your-saas-973431a26208

原文作者：Userpilot Team

譯者：許綺博，人人都是產(chǎn)品經(jīng)理實(shí)習(xí)生

本文由人人都是產(chǎn)品經(jīng)理實(shí)習(xí)生 @許綺博 翻譯發(fā)布，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議