提升用戶體驗(yàn)的指導(dǎo)思想:減少點(diǎn)擊,高亮提示

8 評論 8712 瀏覽 36 收藏 7 分鐘

產(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ù)來了,我們先看看搜狗輸入法。

QQ截圖20161204160218

這個(gè)是前2天出現(xiàn)在皓皓的朋友圈說說,是贊美搜狗輸入法的鍵盤移動(dòng)設(shè)計(jì)的,對于這種細(xì)節(jié),大家是是否有必要做呢?或許很多人都會(huì)說,沒必要呀,這個(gè)功能那么隱藏,估計(jì)沒有幾個(gè)人會(huì)用到。就像皓皓,包括皓皓現(xiàn)公司同事,都說沒必要用到這個(gè)功能。

但是,搜狗他就做了這樣的用戶體驗(yàn)的優(yōu)化,而且是贏得了用戶的贊賞,用戶還幫他做了宣傳。不管你信不信,反正做了就是有效的。

我們再看另一個(gè)案例:

QQ截圖20161204160328

(支付寶付款頁面)

這個(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)證碼的輸入還是整條的輸入框,如下圖:

QQ截圖20161204160434

其實(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)輸入框模塊

輸入框,是皓皓最想吐槽的地方了。

QQ截圖20161204163005

這個(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ù)舒服,否則還得用戶去刪除,多麻煩。

QQ圖片20161204163110

(優(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)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 我沒明白你說的減少點(diǎn)擊是什么意思 是禁止輸入?看標(biāo)題以為高亮的作用是減少點(diǎn)擊 但最后文章說減少點(diǎn)擊是超過字?jǐn)?shù)時(shí)不讓用戶多一步刪除的操作 不太明白 可以詳細(xì)解答一下嗎

    來自廣東 回復(fù)
  2. 最后一個(gè)圖的需求是:既顯示字?jǐn)?shù)的限制,也要提示已輸入的字?jǐn)?shù)。作者把這兩部分隔開了,不夠簡潔。我建議在輸入框的里的右下角顯示“0/150字”,“0”就是已經(jīng)輸入的字?jǐn)?shù),“150”就是最多可以輸入的字?jǐn)?shù),這樣更為簡潔明了。

    回復(fù)
    1. 雖然“0/150字”可以清晰的知道 輸入了多少字 以及 可以輸入多少字 但就像作者說的 對于短文本 我們不需要知道自己輸入了多少字 因?yàn)椴皇菧愖謹(jǐn)?shù) 只需要知道還可以輸入多少字 而對于長文本 就需要顯示輸入了多少字 因?yàn)殚L文本一般是在論文或者寫作的時(shí)候 需要計(jì)算字?jǐn)?shù) 所以不需要剩余多少字這個(gè)需求 鄙人微見

      來自廣東 回復(fù)
  3. 小tips,蠻好的

    來自上海 回復(fù)
  4. 微博如果超出字?jǐn)?shù),就不讓用戶輸入,這種做法真的欠妥當(dāng)。

    回復(fù)
  5. ??

    來自浙江 回復(fù)
  6. 鍵盤上左右滑動(dòng)移動(dòng)輸入框光標(biāo)好像已經(jīng)出來蠻久了

    來自福建 回復(fù)
    1. ????

      回復(fù)