提升用戶體驗(yàn)的指導(dǎo)思想:減少點(diǎn)擊,高亮提示
產(chǎn)品設(shè)計(jì)就這樣,很多細(xì)節(jié)的地方,不管你信不信,反正做了就是有效的。
很多時(shí)候,我們(或開發(fā))都會(huì)覺得某些優(yōu)化沒必要去做,主要是覺得這些優(yōu)化點(diǎn)并不會(huì)讓我們的產(chǎn)品的用戶體驗(yàn)得到什么提升,但是,皓皓想告訴你,不管你信不信,反正做了就是有效的!
一、前列腺的啟發(fā)
今天,皓皓接到一個(gè)朋友的電話,說他爸爸出院了,皓皓覺得挺納悶。說到朋友的爸爸,這里面有一個(gè)有點(diǎn)難為情的故事。朋友的爸爸是因?yàn)榍傲邢俜蚀螅y以正常排尿?qū)е碌娜朐?。對于男性這種病,醫(yī)生的建議是讓病人不去想這個(gè)事情,自然會(huì)好,沒必要采用什么治療手段。
于是皓皓問朋友:“叔叔的病怎么突然就好了,以前不是一直嚷著不舒服嗎,BalaBala?”朋友說:“其實(shí)這個(gè)病就像醫(yī)生說,根本不用怎么治療,只要不去想就好。我呢,最近給我爸找了很多事情做,讓他忙到根本沒有時(shí)間想其他的,自然而然的他覺得排尿正常了,于是乎就出院,不管你信不信,反正這樣做了就是有效的?!?/p>
二、搜狗輸入法和支付寶的以身試法
皓皓記得以前,經(jīng)常有開發(fā)吐槽說,所謂的用戶體驗(yàn)都是虛的,能不能拿點(diǎn)實(shí)的證據(jù)來說服他們?nèi)ラ_發(fā),現(xiàn)在證據(jù)來了,我們先看看搜狗輸入法。
這個(gè)是前2天出現(xiàn)在皓皓的朋友圈說說,是贊美搜狗輸入法的鍵盤移動(dòng)設(shè)計(jì)的,對于這種細(xì)節(jié),大家是是否有必要做呢?或許很多人都會(huì)說,沒必要呀,這個(gè)功能那么隱藏,估計(jì)沒有幾個(gè)人會(huì)用到。就像皓皓,包括皓皓現(xiàn)公司同事,都說沒必要用到這個(gè)功能。
但是,搜狗他就做了這樣的用戶體驗(yàn)的優(yōu)化,而且是贏得了用戶的贊賞,用戶還幫他做了宣傳。不管你信不信,反正做了就是有效的。
我們再看另一個(gè)案例:
(支付寶付款頁面)
這個(gè)是支付寶的付款頁面,相信大家都不陌生吧?輸完密碼后,就會(huì)自動(dòng)付款了,皓皓記得這個(gè)功能剛出來的時(shí)候,身邊的朋友一片好評,大贊其用戶體驗(yàn)做的好呀。換作以前,相信大家都是習(xí)慣輸完密碼,然后按“確定”,現(xiàn)在,支付寶讓我們省了一步。
產(chǎn)品設(shè)計(jì)就這樣,很多細(xì)節(jié)的地方,不管你信不信,反正做了就是有效的。
三、該如何去優(yōu)化?
道理知道后,我們就需要去實(shí)踐,把這些優(yōu)化點(diǎn)都做出來,提升產(chǎn)品的用戶體驗(yàn)。皓皓的招數(shù)是:減少點(diǎn)擊,高亮提示。
下面舉幾個(gè)例子說明一下皓皓的招數(shù):
1)驗(yàn)證碼模塊
通過手機(jī)驗(yàn)證碼注冊/登錄,現(xiàn)在已經(jīng)是標(biāo)配了,但依舊有很多產(chǎn)品沒有做好。大家看一下,現(xiàn)在是不是很多驗(yàn)證碼的輸入還是整條的輸入框,如下圖:
其實(shí),這個(gè)模塊可以做的更好,就是像支付寶的支付密碼一樣,分成6個(gè)位置,當(dāng)用戶輸完之后,自動(dòng)進(jìn)入,畢竟現(xiàn)在還會(huì)輸錯(cuò)驗(yàn)證碼的概率,并不多。
其二,則是點(diǎn)擊輸入驗(yàn)證碼頁面的鍵盤彈出框,仔細(xì)看一下,又有幾個(gè)產(chǎn)品是做到點(diǎn)擊就彈出數(shù)字鍵盤的。所以,驗(yàn)證碼模塊的用戶體驗(yàn)優(yōu)化點(diǎn)就是自動(dòng)彈出數(shù)字鍵盤、自動(dòng)登錄,這樣就可以減少用戶的點(diǎn)擊次數(shù)了。
2)輸入框模塊
輸入框,是皓皓最想吐槽的地方了。
這個(gè)是發(fā)微博的截圖,在紅色圈出的地方,有個(gè)統(tǒng)計(jì)字?jǐn)?shù)的小提示,皓皓覺得這個(gè)用戶體驗(yàn),做的挺不錯(cuò)了。為何這樣說,因?yàn)轲┯龅胶芏喽际牵?strong>當(dāng)輸完一堆BalaBala之后,提示字?jǐn)?shù)過多,請重新輸入,但又不提示,最多可輸入多少個(gè)字,為了順利發(fā)完這個(gè)東西,還真是不容易,只好一次一次地試。
那具體怎么優(yōu)化會(huì)好點(diǎn),對于這種輸入庫提示,首先是高亮提示,然后再來減少點(diǎn)擊。就比如微博,我們在空白時(shí),提示可輸入多少個(gè),然后提示還剩下/已經(jīng)輸入了多少字(對于只可輸入短文本的,就提示剩余多少字,多余可以輸入長文本的,則提示已經(jīng)輸入多少字)。那減少點(diǎn)擊呢,就是超過了字?jǐn)?shù),就不讓用戶繼續(xù)舒服,否則還得用戶去刪除,多麻煩。
(優(yōu)化后的初稿)
可以優(yōu)化的地方還有很多很多,比如要選擇的地方,初始化默認(rèn)選擇某一個(gè)類型,我們都可以根據(jù)這2招進(jìn)行優(yōu)化的。
< 完 >
作者:皓皓(微信公眾號qipa2233)3年產(chǎn)品經(jīng)理,擅長從市場、運(yùn)營的角度設(shè)計(jì)產(chǎn)品,擔(dān)任過移動(dòng)醫(yī)療產(chǎn)品設(shè)計(jì),目前從事SaaS產(chǎn)品設(shè)計(jì)。
本文由 @皓皓 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
我沒明白你說的減少點(diǎn)擊是什么意思 是禁止輸入?看標(biāo)題以為高亮的作用是減少點(diǎn)擊 但最后文章說減少點(diǎn)擊是超過字?jǐn)?shù)時(shí)不讓用戶多一步刪除的操作 不太明白 可以詳細(xì)解答一下嗎
最后一個(gè)圖的需求是:既顯示字?jǐn)?shù)的限制,也要提示已輸入的字?jǐn)?shù)。作者把這兩部分隔開了,不夠簡潔。我建議在輸入框的里的右下角顯示“0/150字”,“0”就是已經(jīng)輸入的字?jǐn)?shù),“150”就是最多可以輸入的字?jǐn)?shù),這樣更為簡潔明了。
雖然“0/150字”可以清晰的知道 輸入了多少字 以及 可以輸入多少字 但就像作者說的 對于短文本 我們不需要知道自己輸入了多少字 因?yàn)椴皇菧愖謹(jǐn)?shù) 只需要知道還可以輸入多少字 而對于長文本 就需要顯示輸入了多少字 因?yàn)殚L文本一般是在論文或者寫作的時(shí)候 需要計(jì)算字?jǐn)?shù) 所以不需要剩余多少字這個(gè)需求 鄙人微見
小tips,蠻好的
微博如果超出字?jǐn)?shù),就不讓用戶輸入,這種做法真的欠妥當(dāng)。
??
鍵盤上左右滑動(dòng)移動(dòng)輸入框光標(biāo)好像已經(jīng)出來蠻久了
????