在你的SaaS中,要避免這13個最糟糕的用戶體驗設(shè)計
編輯導(dǎo)語:產(chǎn)品若不能提供符合用戶期待的使用體驗,那么它將很有可能流失大量用戶。為了避免這樣的情況發(fā)生,產(chǎn)品可以結(jié)合已有案例,盡量站在用戶的角度上進(jìn)行思考。不妨看看這篇文章,作者為你總結(jié)了SaaS產(chǎn)品中最需避免的一些設(shè)計錯誤,相信會對你有所幫助。
從亞馬遜的導(dǎo)航欄到WhatsApp的刪除消息,作為消費(fèi)者的我們對這些糟糕的UX設(shè)計再熟悉不過了。
從SaaS的角度來看,一個糟糕的用戶體驗有時會意味著失去一個付費(fèi)客戶,或者是數(shù)百個客戶。
因此,了解哪些是設(shè)計黑洞是至關(guān)重要的,這樣就可以避免在你的產(chǎn)品中出現(xiàn)。
在這篇文章中,我們列出了迄今為止我們所看到的13個最糟糕的設(shè)計錯誤。
讓我們開始吧。
- 不要每次都把新功能設(shè)置在新頁面中,你會干擾新員工的自動化培訓(xùn),也會讓你的客戶迷惑。
- 不要使用包含數(shù)百個選項的下拉菜單。
- 新員工培訓(xùn)清單中的項目不超過3-4個。
- 始終確保你的模版有一個 “X”,如果你的用戶不感興趣,可以關(guān)掉。
- 不要用你的工具提示文本框擋住UI的其他部分。
- 確保你的產(chǎn)品所包含的所有功能都能讓客戶直觀地發(fā)現(xiàn)。
- 限制密碼數(shù)量,如字符長度。
- 切勿不顧客戶需求,提供線性的產(chǎn)品導(dǎo)覽,以同樣的方式介紹所有功能。
- 一旦你的客戶在你的產(chǎn)品中添加了他們自己的內(nèi)容,你的產(chǎn)品中的任何演示內(nèi)容就應(yīng)該立即消失。
- 保持你的文案簡潔,并避免使用行業(yè)術(shù)語。
- 不要用不是他們自己設(shè)置的彈窗來轟炸用戶。
- 將視頻自動播放保持在最低限度,作為尊重用戶自主權(quán)的一種方式。
- 用假的數(shù)據(jù)或演示內(nèi)容來填充空白的狀態(tài)。
糟糕的用戶體驗設(shè)計#1:新功能在新標(biāo)簽頁上
想象一下這樣的場景:你正在像往常一樣瀏覽你的項目管理軟件,突然你發(fā)現(xiàn)了一個新出的時間跟蹤功能。
出于好奇,你點(diǎn)擊了它,想看看它是如何工作的,結(jié)果一個新的標(biāo)簽打開了。
從用戶的角度來看,這非常討厭,因為用戶被帶離了之前正在做的事情。
從SaaS公司的角度來看,這是一場災(zāi)難,特別是如果你使用的是Userpilot這樣的入職培訓(xùn)軟件的時候。
更多的時候,如果你的用戶在一個新的標(biāo)簽頁中打開一個頁面,那么這個頁面的新變化就不會被注意。因此,當(dāng)用戶點(diǎn)擊了新功能,而你設(shè)置了自動入職系統(tǒng),想用工具提示來吸引他們的注意,但他們完全沒有發(fā)現(xiàn)。這就意味著你在入職培訓(xùn)中的所有努力都白費(fèi)了。
所以,作為一個UX設(shè)計師,這是你要避免的事情。
糟糕的用戶體驗設(shè)計#2:長的下拉菜單
你是否曾經(jīng)點(diǎn)擊過一個下拉菜單并發(fā)生過這種情況?
來源:Walodesign
你看到一個巨大的文本墻,而你要找的東西就在墻的底部,這種情況并不能激發(fā)客戶忠誠度。
這種長的下拉菜單在要求你插入你的國籍的網(wǎng)站上尤為常見。如果你來自美國,那么就請你“快樂地”滾動吧!
有時,像這種情況,讓用戶輸入他們國家的首字母,然后讓下拉菜單跳到以該字母開頭的國家會好些。
但更多的時候,最好是完全跳過下拉菜單,讓用戶直接寫他們需要的東西。如果你想增加自動化,自動定位填寫可能是一個更好的選擇。
我們知道你想讓你的注冊流程簡單化,但在這種情況下,你應(yīng)該問問自己,自己增加了多少新的難度。
糟糕的用戶體驗設(shè)計#3:龐大的檢查清單
在一個理想的世界里,入職檢查表是用來給客戶提供3-4個激活任務(wù)的,沒有什么太復(fù)雜的,只需要向他們展示使用產(chǎn)品的基本知識就可以了。
然后你有這樣的檢查表:
你真的認(rèn)為你的客戶會完成所有的這些任務(wù),而不是在一天內(nèi)流失掉嗎?
如果這是他們第一次使用你的應(yīng)用程序,他們會不想再繼續(xù)下去,這完全不是好的用戶體驗。
盡量不要讓用戶不知所措,給他們簡短的任務(wù)清單,幫助他們快速熟悉流程。
這里有一個很好的用戶體驗的例子。
Backlinkmanager短而精的檢查單會促使用戶使用一個功能。
想通過簡短而精致的檢查表來提高用戶體驗嗎??拿一個Userpilot演示來看看它有多簡單。
糟糕的用戶體驗設(shè)計#4:彈窗上沒有X
正如我們在這個博客上所寫的那樣,許多現(xiàn)代網(wǎng)站使用彈窗來打斷用戶并引起他們的注意。
這樣做的后果是,彈窗太大了,很容易讓人分心。
但是,如果不能關(guān)閉彈窗,彈窗的這種優(yōu)勢會迅速變成一種弱點(diǎn)。
如果因為用戶別無選擇,而迫使采取一個行動,這是一個糟糕的用戶體驗設(shè)計。
想象一下,你正在做一些重要的事情,比如財務(wù)審計,然后一個彈窗彈了出來。
盡管你所使用的產(chǎn)品系統(tǒng)認(rèn)為現(xiàn)在這真的很重要,但你有其他的重要的事。
所以你尋找X按鈕來關(guān)閉……卻找不到。
給所有UX設(shè)計師的建議:我們知道你真的希望你的用戶在你的模版上點(diǎn)擊你的CTA。但是請為你的客戶的自主性著想,請給他們一個可以退出模態(tài)的選項。
遠(yuǎn)離這些糟糕的用戶體驗?zāi)J綉?yīng)該被認(rèn)為是一種常識。
糟糕的用戶體驗設(shè)計#5:遮蔽用戶界面的工具提示
在一個理想的世界里,工具提示應(yīng)該只為一個UI元素提供簡短的、針對上下文的指導(dǎo)。
它們作為最小的用戶體驗?zāi)J街皇怯性虻模核鼈儜?yīng)該微妙地融入原本的用戶界面。
它們不應(yīng)該這樣放置,會掩蓋UI的其他部分:
更糟糕的是,想象一下,一個工具提示遮住了它應(yīng)該解釋的用戶界面!這是不應(yīng)該的!
來源:Adam Silver
這對工具提示的存在有直接的反作用,而且一定會讓你的客戶想放棄。
糟糕的用戶體驗設(shè)計#6:低可發(fā)現(xiàn)性
如果你同意一個緩慢加載的頁面是一個問題(誰不同意呢),那么,如果再加上低可發(fā)現(xiàn)性,你就會有一個糟糕的用戶體驗的配方。
我們生活在一個即時滿足的時代,我們希望能立即找到我們想要的東西。
因此,如果你的用戶界面看起來像這樣:
對大多數(shù)用戶來說,找到他們需要的東西將是一個天大的難題。
在這種情況下尋找分析功能,就好比大海撈針。
這是好的用戶體驗的反面。
一般來說,最好是設(shè)置一些產(chǎn)品功能,并讓他們能被用戶一眼看到。而不是設(shè)置眾多功能讓用戶眼花繚亂。
如果你的產(chǎn)品是為大型企業(yè)團(tuán)隊設(shè)計的,并且絕對必須擁有他們要求的所有功能,那么你至少應(yīng)該設(shè)置一個搜索欄,以便用戶能夠找到他們需要的東西。
你也可以把這個邏輯應(yīng)用于幫助中心。
如果你的幫助中心很難找到,那么它對你的用戶就不會有什么價值。這意味著會有很多煩人的客戶——以及對你的客戶服務(wù)團(tuán)隊的大量咨詢。
糟糕的用戶體驗設(shè)計#7:復(fù)雜的密碼要求
我們明白,你希望你的客戶創(chuàng)建安全的密碼,這樣就沒有人能夠入侵他們的用戶數(shù)據(jù)。
因此,一個6個數(shù)字的密碼或類似 “密碼123”的東西是不可能的。
在這里,一定程度的謹(jǐn)慎是合理的。
但是,希望你會同意我們的觀點(diǎn),即這太過分了。
考慮到你的普通用戶可能已經(jīng)有很多密碼需要記住了。如果你還對創(chuàng)建密碼提出這么多要求,你只會給他們帶來壓力。另外,他們可能在一兩天后就記不住他們的16個字母的新密碼和6個特殊字符了。
在安全性和易用性之間,有一條中間線。
糟糕的用戶體驗設(shè)計#8:線性產(chǎn)品之旅
你是否曾經(jīng)注冊了一個新產(chǎn)品,看了他們的所有產(chǎn)品說明,然后對自己說:“這跟我有什么關(guān)系?”
我們問了一些SaaS迷,他們對線性游覽有什么看法,這是他們給我們的回答。
這正是因為SaaS企業(yè)既沒有做任何用戶研究,也沒有對他們的客戶進(jìn)行細(xì)分,所以最終給所有用戶提供相同的互動式瀏覽時發(fā)生的情況。
你可以把線性產(chǎn)品導(dǎo)覽看作是以相同的順序、以同樣的方式經(jīng)歷了同樣的產(chǎn)品功能,而且對每個用戶都是如此。
換句話說,這有點(diǎn)像你以前的大學(xué)老師,他經(jīng)常滔滔不絕,而且可能已經(jīng)以完全相同的方式講了30年的課。
這是一個糟糕的用戶體驗,最好不要這么做。
特別是它很容易被簡短的交互式演練所取代,用一系列簡短的工具提示來引導(dǎo)用戶了解你產(chǎn)品的特定功能和如何使用它。
想用交互式演練代替硬編碼的產(chǎn)品導(dǎo)覽,而不需要編碼嗎?拿一個Userpilot演示來看看你如何做到的。
糟糕的用戶體驗設(shè)計#9:永久的演示內(nèi)容
演示內(nèi)容對于向客戶展示你的平臺,以及在他們輸入一些數(shù)據(jù)后的樣子是非常好的。
如果使用得當(dāng),演示內(nèi)容在你用真實的用戶數(shù)據(jù)取代它之后就會消失。在這一點(diǎn)上,它已經(jīng)達(dá)到了它的目的,你可以隨心所欲地使用這個應(yīng)用程序。
但是,可惜的是,有時演示內(nèi)容就是不會消失,不管你怎么做,尤其是當(dāng)你想要一個個性化的產(chǎn)品體驗時,這可不是什么好事。
從用戶的角度來看,這可能既讓人困惑又讓人沮喪。這兩種反應(yīng)都不是高質(zhì)量設(shè)計的標(biāo)志。
糟糕的用戶體驗設(shè)計#10:行業(yè)術(shù)語
在SaaS業(yè)務(wù)中,有許多時候需要簡潔的表達(dá)。想想“彈窗”、“工具提示”、“微調(diào)查”等術(shù)語。
你沒有太多的時間來向你的用戶解釋你的意思,所以你需要快速進(jìn)入主題。
因此,當(dāng)客戶看到這樣的文案時,他們不太可能留下深刻的印象:
“點(diǎn)擊一下,通過應(yīng)用程序接口實現(xiàn)多方位的利益相關(guān)者的協(xié)調(diào)和協(xié)同?!?/p>
如果說“與第三方軟件同步”不是更容易嗎?
糟糕的用戶體驗設(shè)計#11:過度使用系統(tǒng)自發(fā)啟動的彈窗
正如我們前面提到的,彈窗的本質(zhì)是干擾性的。
它們很大,有一個醒目的圖案,并且有一個要求被點(diǎn)擊的CTA。因此,用戶不太可能不注意到。
如果你的彈窗是由用戶發(fā)起的,這沒問題。
換句話說,當(dāng)客戶自己點(diǎn)擊“開始了解產(chǎn)品”時,他們不太可能對出現(xiàn)的彈窗感到驚訝。
但是還有一類模態(tài):因為你的系統(tǒng)被編程成這樣而自動出現(xiàn)的彈窗,跟用戶的設(shè)置無關(guān)。
以Surfer為例,它在登錄后就向我“喊話”。這個新功能有這么重要,以至于在我還沒來得及眨眼時,它就占據(jù)了我的整個屏幕?
因此,考慮到彈窗的本質(zhì)是干擾性的,并且考慮到用戶作為一個整體會更傾向于他們對應(yīng)用程序的主動權(quán),過度使用像這樣的系統(tǒng)生成的彈窗必然會讓人厭煩。
彈窗最好在重要的情況下才偶爾使用,比如當(dāng)你想和你的客戶反復(fù)確認(rèn)他們是否真的想取消他們的賬戶時。
一個由系統(tǒng)啟動的彈窗的例子是,系統(tǒng)反復(fù)嘗試向客戶推銷一個跟他無關(guān)的新功能。盡管你希望增加客戶的終身價值,這種想法也很正常。但從你的用戶的角度來看,這并不緊急,而且也不相關(guān)。
糟糕的用戶體驗設(shè)計#12:自動播放視頻
從本質(zhì)上講,視頻內(nèi)容是非常吸引人的,這可能就是為什么越來越多的工具出現(xiàn),讓SaaS公司在他們的入職培訓(xùn)中加入短視頻。
當(dāng)它吸引你的客戶對他們感興趣時,這種程度的參與可以說是一種好處。但是,如果你操縱性地想利用視頻的參與性來引導(dǎo)用戶去做一些不相關(guān)的事情,它也可能成為一個問題。
公司認(rèn)為讓視頻自動播放是可以的,不管用戶在做什么。
是的,有時你會很幸運(yùn)地碰到一個對你所展示的內(nèi)容感興趣的用戶,但更多時候,缺乏自主性會刺激你的客戶點(diǎn)擊X按鈕。
所以不推薦這種方式。
糟糕的用戶體驗設(shè)計#13:空白狀態(tài)
當(dāng)你注冊一個新的平臺時,你希望看到它充滿了其他用戶,你可以與他們互動。至少,你會好奇地看到演示內(nèi)容,顯示你在輸入更多數(shù)據(jù)后,平臺會是什么樣子。
但是不管怎么樣,你肯定不希望看到的是這樣一個空白的鬼樣子。
在用戶體驗設(shè)計中,這被稱為“空白狀態(tài)”。
空白狀態(tài)是令人郁悶的,因為與已經(jīng)有其他用戶的平臺相比,它們需要更多的激活能量。
這有點(diǎn)像學(xué)校里的美術(shù)考試,你被要求在一張白紙上開始畫畫。從心理學(xué)上講,從頭開始是很難的。
這就是為什么自動駕駛汽車的聯(lián)合創(chuàng)始人希夫-帕特爾(Shiv Patel)在他最近的產(chǎn)品驅(qū)動演講中提醒說,空白狀態(tài)應(yīng)該用演示內(nèi)容來代替。
整個演講非常有用,建議大家都去看看。
結(jié)論
現(xiàn)在你知道了一些在設(shè)計SaaS產(chǎn)品時需要避免的最糟糕的設(shè)計。
如果你想模仿一些好的設(shè)計,同時又想通過不編碼來節(jié)省時間,你可以考慮看看Userpilot。
我們的模板是以這樣的方式設(shè)置的,它們使你更難犯像本文中的那些設(shè)計問題。
獲取Userpilot的演示,看看你如何建立吸引人的、有背景的應(yīng)用內(nèi)體驗。
原文地址:https://userpilot.medium.com/bad-ux-design-13-worst-ux-design-fails-to-avoid-in-your-saas-973431a26208
原文作者:Userpilot Team
譯者:許綺博,人人都是產(chǎn)品經(jīng)理實習(xí)生
本文由人人都是產(chǎn)品經(jīng)理實習(xí)生 @許綺博 翻譯發(fā)布,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自 Unsplash,基于 CC0 協(xié)議
總結(jié)的太好啦??!要是每個人都這樣做就好了,就是上次想找×都找不到
在考慮推銷力度的同時還要考慮到用戶體驗,這個真的是一個值得一直學(xué)習(xí)的問題。
收藏下來,以后預(yù)防自己犯下錯誤。用戶的體驗感,直接影響了一款產(chǎn)品的結(jié)果
將視頻自動播放保持在最低限度,作為尊重用戶自主權(quán)的一種方式