提升用戶體驗的指導思想:減少點擊,高亮提示

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

產品設計就這樣,很多細節的地方,不管你信不信,反正做了就是有效的。

很多時候,我們(或開發)都會覺得某些優化沒必要去做,主要是覺得這些優化點并不會讓我們的產品的用戶體驗得到什么提升,但是,皓皓想告訴你,不管你信不信,反正做了就是有效的!

一、前列腺的啟發

今天,皓皓接到一個朋友的電話,說他爸爸出院了,皓皓覺得挺納悶。說到朋友的爸爸,這里面有一個有點難為情的故事。朋友的爸爸是因為前列腺肥大,難以正常排尿導致的入院。對于男性這種病,醫生的建議是讓病人不去想這個事情,自然會好,沒必要采用什么治療手段。

于是皓皓問朋友:“叔叔的病怎么突然就好了,以前不是一直嚷著不舒服嗎,BalaBala?”朋友說:“其實這個病就像醫生說,根本不用怎么治療,只要不去想就好。我呢,最近給我爸找了很多事情做,讓他忙到根本沒有時間想其他的,自然而然的他覺得排尿正常了,于是乎就出院,不管你信不信,反正這樣做了就是有效的?!?/p>

二、搜狗輸入法和支付寶的以身試法

皓皓記得以前,經常有開發吐槽說,所謂的用戶體驗都是虛的,能不能拿點實的證據來說服他們去開發,現在證據來了,我們先看看搜狗輸入法。

QQ截圖20161204160218

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

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

我們再看另一個案例:

QQ截圖20161204160328

(支付寶付款頁面)

這個是支付寶的付款頁面,相信大家都不陌生吧?輸完密碼后,就會自動付款了,皓皓記得這個功能剛出來的時候,身邊的朋友一片好評,大贊其用戶體驗做的好呀。換作以前,相信大家都是習慣輸完密碼,然后按“確定”,現在,支付寶讓我們省了一步。

產品設計就這樣,很多細節的地方,不管你信不信,反正做了就是有效的

三、該如何去優化?

道理知道后,我們就需要去實踐,把這些優化點都做出來,提升產品的用戶體驗。皓皓的招數是:減少點擊,高亮提示。

下面舉幾個例子說明一下皓皓的招數:

1)驗證碼模塊

通過手機驗證碼注冊/登錄,現在已經是標配了,但依舊有很多產品沒有做好。大家看一下,現在是不是很多驗證碼的輸入還是整條的輸入框,如下圖:

QQ截圖20161204160434

其實,這個模塊可以做的更好,就是像支付寶的支付密碼一樣,分成6個位置,當用戶輸完之后,自動進入,畢竟現在還會輸錯驗證碼的概率,并不多。

其二,則是點擊輸入驗證碼頁面的鍵盤彈出框,仔細看一下,又有幾個產品是做到點擊就彈出數字鍵盤的。所以,驗證碼模塊的用戶體驗優化點就是自動彈出數字鍵盤、自動登錄,這樣就可以減少用戶的點擊次數了。

2)輸入框模塊

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

QQ截圖20161204163005

這個是發微博的截圖,在紅色圈出的地方,有個統計字數的小提示,皓皓覺得這個用戶體驗,做的挺不錯了。為何這樣說,因為皓皓遇到很多都是,當輸完一堆BalaBala之后,提示字數過多,請重新輸入,但又不提示,最多可輸入多少個字,為了順利發完這個東西,還真是不容易,只好一次一次地試。

那具體怎么優化會好點,對于這種輸入庫提示,首先是高亮提示,然后再來減少點擊。就比如微博,我們在空白時,提示可輸入多少個,然后提示還剩下/已經輸入了多少字(對于只可輸入短文本的,就提示剩余多少字,多余可以輸入長文本的,則提示已經輸入多少字)。那減少點擊呢,就是超過了字數,就不讓用戶繼續舒服,否則還得用戶去刪除,多麻煩。

QQ圖片20161204163110

(優化后的初稿)

可以優化的地方還有很多很多,比如要選擇的地方,初始化默認選擇某一個類型,我們都可以根據這2招進行優化的。

< 完 >

 

作者:皓皓(微信公眾號qipa2233)3年產品經理,擅長從市場、運營的角度設計產品,擔任過移動醫療產品設計,目前從事SaaS產品設計。

本文由 @皓皓 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 我沒明白你說的減少點擊是什么意思 是禁止輸入?看標題以為高亮的作用是減少點擊 但最后文章說減少點擊是超過字數時不讓用戶多一步刪除的操作 不太明白 可以詳細解答一下嗎

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

    回復
    1. 雖然“0/150字”可以清晰的知道 輸入了多少字 以及 可以輸入多少字 但就像作者說的 對于短文本 我們不需要知道自己輸入了多少字 因為不是湊字數 只需要知道還可以輸入多少字 而對于長文本 就需要顯示輸入了多少字 因為長文本一般是在論文或者寫作的時候 需要計算字數 所以不需要剩余多少字這個需求 鄙人微見

      來自廣東 回復
  3. 小tips,蠻好的

    來自上海 回復
  4. 微博如果超出字數,就不讓用戶輸入,這種做法真的欠妥當。

    回復
  5. ??

    來自浙江 回復
  6. 鍵盤上左右滑動移動輸入框光標好像已經出來蠻久了

    來自福建 回復
    1. ????

      回復