這些基本的提升產(chǎn)品體驗知識你應(yīng)該知道

1 評論 5547 瀏覽 30 收藏 11 分鐘

在UI設(shè)計中,常常被提及:什么是用戶體驗?產(chǎn)品怎么能夠留住人?如何讓產(chǎn)品被更多的人愛用?這都是值得思考的問題。

前幾天我在體驗一款產(chǎn)品注冊輸入驗證碼的時候發(fā)現(xiàn),鍵盤能夠自動獲取到手機的短信,這真的是解救我這種每次輸入驗證碼要記兩遍的人。

后來通過了解才知道是iPhone手機更新iOS12以后,系統(tǒng)鍵盤增加的提醒功能。

這些基本的提升產(chǎn)品體驗知識你應(yīng)該知道

于是我又去研究了經(jīng)常使用的京東金融,首先我測試了忘記密碼頁面,輸入驗證碼時他采用的系統(tǒng)鍵盤樣式,同樣系統(tǒng)鍵盤獲取到了短信驗證碼,直接點擊驗證碼即可輸入,簡單快捷。

同時我又測試了支付界面的短信驗證,京東金融為了安全考慮,并沒有采用系統(tǒng)鍵盤而是自己開發(fā)的安全鍵盤,并沒有獲取短信驗證碼信息,但是作為用戶的我并沒有感到不好用,畢竟以安全為主。

這些基本的提升產(chǎn)品體驗知識你應(yīng)該知道

我想這個例子就可以回答我上面問的幾個問題。什么是用戶體驗?對于一個成熟的產(chǎn)品來說,你的用戶愛用、經(jīng)常用就可以說他用戶體驗做得比較好。

如何才能讓用戶愛用呢?首先需要保證基本功能滿足;其次交互流程合理、最后在前兩個都做好的情況下,我們還可以從交互的小細節(jié)來可以提升產(chǎn)品體驗,從而讓用戶愛用。

以下是我整理的8大交互小細節(jié):

  1. 小操作也要及時反饋;
  2. 讓用戶操作更方便;
  3. 強調(diào)產(chǎn)品希望用戶注意的地方;
  4. 激勵用戶進行下一步操作;
  5. 新功能,引導用戶關(guān)注點;
  6. 加入品牌基因;
  7. 不經(jīng)意時制造驚喜;
  8. 點贊狀態(tài)跟隨。

一、小操作也要及時反饋

反饋不單單是在大的功能頁面才用,小操作也需要提供及時反饋,讓用戶知道正在發(fā)生什么,從而有掌控感。這個反饋可以是聽覺、觸覺、視覺。

這些基本的提升產(chǎn)品體驗知識你應(yīng)該知道

以愛奇藝安卓版V9.9.5視頻詳情頁為例,它就是加入了觸感反饋,當你點擊點贊或收藏時,手機會進行震動(目前iPhone版還未更新),當我發(fā)現(xiàn)這個小交互的時候就被吸引到了。

當你點贊的時候,就像你剛戀愛時,你男朋友牽你手觸電的感覺,加入觸感之后讓整個交互更加情感化了。同時當你點贊或收藏成功之后,也會及時反饋當前所處的狀態(tài),提示成功,從而增強用戶的把控感。

二、讓用戶操作更方便

讓用戶操作更方便,這也是我們在做交互細節(jié)時需要考慮的,這樣可以盡可能的縮短用戶操作時間,同時也可減輕用戶的認知負擔,促進用戶下單。

這些基本的提升產(chǎn)品體驗知識你應(yīng)該知道

以天貓購物車為例,購物車單個列表可以左滑進行發(fā)現(xiàn)、移入收藏夾、刪除等功能,而我們長按列表,同樣可以展示這三個操作。我們知道側(cè)滑操作是iOS才有的,而安卓版大多數(shù)編輯操作都是采用長按,天貓iPhone版2種方式都有加入,可以照顧到更多人的習慣。

三、強調(diào)產(chǎn)品希望用戶注意的點

產(chǎn)品不單單只是為了用戶體驗,其最終目的也是為了盈利,因此通過一些小交互也可強調(diào)產(chǎn)品希望用戶注意的地方。

這些基本的提升產(chǎn)品體驗知識你應(yīng)該知道

左圖:以大眾點評為例,大眾點評詳情頁不斷上滑時,頂部會將個人信息和關(guān)注按鈕進行置頂操作,這樣就可方便用戶在瀏覽過程中隨時進行關(guān)注操作。右圖:以掌上生活為例,在精選欄目界面像下滑動過程中,底部會提示一個產(chǎn)品的氣泡提示,點擊氣泡會下滑至相關(guān)位置的產(chǎn)品。

四、激勵用戶進行下一步操作

激勵用戶進行下一步操作,在一定誘因趨勢下,讓用戶自愿做產(chǎn)品期望他們做的事情,從而激勵用戶進行下一步操作。

這些基本的提升產(chǎn)品體驗知識你應(yīng)該知道

以天貓雙11活動為例,從天貓首頁界面加入搶666紅包為誘導,作為用戶看到這樣的內(nèi)容還是很想點進去看看的,當然進入之后也不負眾望確實讓我搶了紅包,領(lǐng)取到了80塊的福利,同時下方還有各種任務(wù)列表,一步步引導用戶去操作,從而達到產(chǎn)品想讓用戶操作的目的。

五、新功能,引導用戶關(guān)注

引導用戶關(guān)注,通過外力引導可以引導用戶做產(chǎn)品想讓他們做的事情,雖然我們說好的產(chǎn)品會自己說話,但是對于某些新操作,是有必要提醒用戶的。

這些基本的提升產(chǎn)品體驗知識你應(yīng)該知道

以愛奇藝為例,在首頁你看到有一個長按試試的手型引導,這個是新加的操作,在初期長按操作優(yōu)先在安卓版版才有,但是很多人都不知道這個功能,我也是無意中發(fā)現(xiàn)的。在iPhone版上線后,他們在第一張視頻圖上加入引導,可以更明確的讓用戶知道有該功能,長按封面后可對視頻進行預(yù)覽、收藏、直接看正片等操作。

六、加入品牌基因

在產(chǎn)品中合理的加入品牌基因,可以讓用戶一眼看出這是你的產(chǎn)品,從而提升產(chǎn)品的識別度。下面我找了兩款交互小細節(jié)中運用品牌基因的案例。如下圖:

這些基本的提升產(chǎn)品體驗知識你應(yīng)該知道

以轉(zhuǎn)轉(zhuǎn)為例,它在底部標簽欄舵峰發(fā)布按鈕處,剛進頁面加載時,會有一個裝有發(fā)條的小熊在那轉(zhuǎn)啊轉(zhuǎn),在如今趨同的產(chǎn)品中,很容易就能夠知道是轉(zhuǎn)轉(zhuǎn)的吉祥物。以美團外賣為例,下拉刷新時,顯示一個袋鼠快遞員送餐的小動畫,看到它我們很容易就能夠知道是美團外賣。

七、不經(jīng)意時,制造驚喜

不經(jīng)意時,在一些小細節(jié)處制造驚喜,從功能上來說并沒有什么幫助,但是這個驚喜提供了超出了用戶預(yù)期的體驗,就會讓用戶對產(chǎn)品產(chǎn)生好感。

這些基本的提升產(chǎn)品體驗知識你應(yīng)該知道

以騰訊視頻為例,在doki明星詳情中,為明星打榜后可以繼續(xù)沖榜,點擊沖榜就有很多小愛心從天而降,為用戶營造浪漫溫馨的氛圍,提高用戶的幸福感。

八、點贊狀態(tài)跟隨

當某個功能比較重要時,可能會在多個地方出現(xiàn),這時候就需要做好狀態(tài)的數(shù)據(jù)跟隨了,如下圖:

這些基本的提升產(chǎn)品體驗知識你應(yīng)該知道

以騰訊視頻為例,騰訊doki詳情頁面在文章底部有一個大的點贊按鈕,提示用戶看完內(nèi)容后進行點贊操作,但是如果用戶并沒有滑動到底部想點贊怎么辦,所以騰訊在詳情頁的底部固定有評論和點贊,在交互上就需要做到,點擊其中一個,另外一個效果要進行跟隨。

總結(jié)

作為設(shè)計師,我們在設(shè)計時除了考慮實現(xiàn)基本功能外,同時還可以考慮如何設(shè)計才能夠抓住用戶,讓用戶為你的產(chǎn)品買單。以上八個交互小細節(jié)其實仔細看,你會發(fā)現(xiàn)總結(jié)起來就是反饋、提醒、引導、激勵這些交互方式,在做交互設(shè)計時需要我們落實到細節(jié),加強產(chǎn)品與用戶之間的互動,從而提升產(chǎn)品體驗的交互細節(jié)。

參考鏈接:https://zhuanlan.zhihu.com/p/35985157 《微交互如何提升用戶體驗》

 

作者:風箏KK,公眾號:海鹽社本文由 @ 風箏KK

原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!