這些基本的提升產品體驗知識你應該知道
在UI設計中,我們常常說使用者體驗至上,什麼是使用者體驗?我們的產品為什麼能夠留住人?為什麼那麼多人愛用?這都是值得思考的問題。
在UI設計中,我們常常說使用者體驗至上,什麼是使用者體驗?我們的產品為什麼能夠留住人?為什麼那麼多人愛用?這都是值得思考的問題。
前幾天我在體驗一款產品註冊輸入驗證碼的時候發現,鍵盤能夠自動獲取到手機的簡訊,這真的是解救我這種每次輸入驗證碼要記兩遍的人。後來通過了解才知道是iPhone手機更新iOS12以後,系統鍵盤增加的提醒功能。
於是我又去研究了經常使用的京東金融,首先我測試了忘記密碼頁面,輸入驗證碼時他採用的系統鍵盤樣式,同樣系統鍵盤獲取到了簡訊驗證碼,直接點選驗證碼即可輸入,簡單快捷。
同時我又測試了支付介面的簡訊驗證,京東金融為了安全考慮,並沒有採用系統鍵盤而是自己開發的安全鍵盤,並沒有獲取簡訊驗證碼資訊,但是作為使用者的我並沒有感到不好用,畢竟以安全為主。
我想這個例子就可以回答我上面問的幾個問題。什麼是使用者體驗?對於一個成熟的產品來說,你的使用者愛用、經常用就可以說他使用者體驗做得比較好。
如何才能讓使用者愛用呢?首先需要保證基本功能滿足;其次互動流程合理、最後在前兩個都做好的情況下,我們還可以從互動的小細節來可以提升產品體驗,從而讓使用者愛用。以下是我整理的8大互動小細節:
目錄
1、小操作也要及時反饋
2、讓使用者操作更方便
3、強調產品希望使用者注意的地方
4、激勵使用者進行下一步操作
5、新功能,引導使用者關注點
6、加入品牌基因
7、不經意時製造驚喜
8、點贊狀態跟隨
小操作也要及時反饋
反饋不單單是在大的功能頁面才用,小操作也需要提供及時反饋,讓使用者知道正在發生什麼,從而有掌控感。這個反饋可以是聽覺、觸覺、視覺。
以愛奇藝安卓版V9.9.5視訊詳情頁為例,它就是加入了觸感反饋,當你點選點贊或收藏時,手機會進行震動(目前iPhone版還未更新),當我發現這個小互動的時候就被吸引到了。當你點讚的時候,就像你剛戀愛時,你男朋友牽你手觸電的感覺,加入觸感之後讓整個互動更加情感化了。同時當你點贊或收藏成功之後,也會及時反饋當前所處的狀態,提示成功,從而增強使用者的把控感。
讓使用者操作更方便
讓使用者操作更方便,這也是我們在做互動細節時需要考慮的,這樣可以儘可能的縮短使用者操作時間,同時也可減輕使用者的認知負擔,促進使用者下單。
以天貓購物車為例,購物車單個列表可以左滑進行發現、移入收藏夾、刪除等功能,而我們長按列表,同樣可以展示這三個操作。
我們知道側滑操作是iOS才有的,而安卓版大多數編輯操作都是採用長按,天貓iPhone版2種方式都有加入,可以照顧到更多人的習慣。
強調產品希望使用者注意點
產品不單單只是為了使用者體驗,其最終目的也是為了盈利,因此通過一些小互動也可強調產品希望使用者注意的地方。
左圖:以大眾點評為例,大眾點評詳情頁不斷上滑時,頂部會將個人資訊和關注按鈕進行置頂操作,這樣就可方便使用者在瀏覽過程中隨時進行關注操作。
右圖:以掌上生活為例,在精選欄目介面像下滑動過程中,底部會提示一個產品的氣泡提示,點選氣泡會下滑至相關位置的產品。
激勵使用者進行下一步操作
激勵使用者進行下一步操作,在一定誘因趨勢下,讓使用者自願做產品期望他們做的事情,從而激勵使用者進行下一步操作。
以天貓雙11活動為例,從天貓首頁介面加入搶666紅包為誘導,作為使用者看到這樣的內容還是很想點進去看看的,當然進入之後也不負眾望確實讓我搶了紅包,領取到了80塊的福利,同時下方還有各種任務列表,一步步引導使用者去操作,從而達到產品想讓使用者操作的目的。
新功能,引導使用者關注
引導使用者關注,通過外力引導可以引導使用者做產品想讓他們做的事情,雖然我們說好的產品會自己說話,但是對於某些新操作,是有必要提醒使用者的。
以愛奇藝為例,在首頁你看到有一個長按試試的手型引導,這個是新加的操作,在初期長按操作優先在安卓版版才有,但是很多人都不知道這個功能,我也是無意中發現的。在iPhone版上線後,他們在第一張視訊圖上加入引導,可以更明確的讓使用者知道有該功能,長按封面後可對視訊進行預覽、收藏、直接砍正片等操作。
加入品牌基因
在產品中合理的加入品牌基因,可以讓使用者一眼看出這是你的產品,從而提升產品的識別度。下面我找了兩款互動小細節中運用品牌基因的案例。如下圖:
以轉轉為例,它在底部標籤欄舵峰釋出按鈕處,剛進頁面載入時,會有一個裝有發條的小熊在那轉啊轉,在如今趨同的產品中,很容易就能夠知道是轉轉的吉祥物。
以美團外賣為例,下拉重新整理時,顯示一個袋鼠快遞員送餐的小動畫,看到它我們很容易就能夠知道是美團外賣。
不經意時,製造驚喜
不經意時,在一些小細節處製造驚喜,從功能上來說並沒有什麼幫助,但是這個驚喜提供了超出了使用者預期的體驗,就會讓使用者對產品產生好感。
以騰訊視訊為例,在doki明星詳情中,為明星打榜後可以繼續衝榜,點選衝榜就有很多小愛心從天而降,為使用者營造浪漫溫馨的氛圍,提高使用者的幸福感。
點贊狀態跟隨
當某個功能比較重要時,可能會在多個地方出現,這時候就需要做好狀態的資料跟隨了,如下圖:
以騰訊視訊為例,騰訊doki詳情頁面在文章底部有一個大的點贊按鈕,提示使用者看完內容後進行點贊操作,但是如果使用者並沒有滑動到底部想點贊怎麼辦,所以騰訊在詳情頁的底部固定有評論和點贊,在互動上就需要做到,點選其中一個,另外一個效果要進行跟隨。
總結
作為設計師,我們在設計時除了考慮實現基本功能外,同時還可以考慮如何設計才能夠抓住使用者,讓使用者為你的產品買單。以上八個互動小細節其實仔細看,你會發現總結起來就是反饋、提醒、引導、激勵這些互動方式,在做互動設計時需要我們落實到細節,加強產品與使用者之間的互動,從而提升產品體驗的互動細節。
參考連結
ofollow,noindex" target="_blank"> https://zhuanlan.zhihu.com/p/35985157
微互動如何提升使用者體驗
微信公眾號: 海鹽社