如何優(yōu)化操作流程,提升用戶體驗?
關于提升用戶體驗的方法論非常多,其中一個比較常見的就是簡化操作流程。我們對此非常熟悉,但是我很少看到有文章系統(tǒng)的去論述該如何去簡化操作流程。這里我就做一個簡單的分析,如果大家看完之后有所收獲或啟發(fā),不勝榮幸。
一、什么是操作流程?
操作流程指的是用戶為了達到某個目標所需要經(jīng)歷的操作和場景轉換。舉個生活中的例子,小時候我爸帶我去營業(yè)廳交電話費。當時交話費的操作流程為:從家騎自行車去營業(yè)廳,排隊,查詢話費,交錢,騎車回家。所需要經(jīng)歷的場景轉換是從家到營業(yè)廳,再回家。
而產(chǎn)品設計中的「操作」我們可以理解成交互方式,「場景轉換」理解成參與的頁面數(shù)。所以簡化操作流程可以劃分為兩個方向:優(yōu)化交互方式,減少不必要的場景轉換(頁面)。
二、優(yōu)化交互方式
交互方式的優(yōu)化我們可以從兩個方面來入手:減少用戶點擊次數(shù)和降低操作難度。讓用戶在更少的點擊次數(shù)下完成操作,其實就是提升信息的錄入和反饋效率。一些新技術的應用可以幫助我們實現(xiàn)這個目的。
例如現(xiàn)在綁定銀行卡的時候,一些產(chǎn)品給用戶提供了拍照識別卡號的功能,用戶就不需要手動輸入卡號。這樣可以減少用戶的點擊次數(shù),而且還降低了用戶手動輸入錯誤的風險。此外還有一些指紋支付,刷臉登錄這樣生物識別功能,這些新技術的應用可以極大的提升用戶的交互效率。所以設計師對新技術的持續(xù)關注是非常有必要的。
當然并不意味著我們需要埋頭于對新技術的追求。很多時候只要消化好現(xiàn)有的技術,同樣可以優(yōu)化產(chǎn)品體驗。例如,在性別錄入的時候,這里設計師選擇的下拉列表的樣式,但是我覺得使用單選框會更加合適,因為總共就兩個選項。選擇單選框可以減少用戶的點擊次數(shù)。
從上面這個例子我們可以發(fā)現(xiàn)有些組件在功能上是有相互重疊的部分。一旦一個功能可以由多個組件來完成,那么我們必須找出最優(yōu)方案。所以交互設計師和產(chǎn)品經(jīng)理的一個基本功就是明確每個的組件的最適用場景,在原型圖中予以明確。
以上圍繞的重點是減少點擊次數(shù),接下來我們主要說降低操作難度。我們再看一個案例,以前用戶想刪微信好友,會從底部彈出一個對話框確認一下操作。但是新版的「確認操作」直接在原消息欄這里展示。其實改版前后用戶的點擊次數(shù)都是一樣的,但是新版的反饋具有更強的指向性,用戶的目光(注意力)不會發(fā)生轉移。
上面說到了用戶的目光,這里跟大家分享一下人類眼球?qū)τ谝曈X信息的處理過程:
- 基本信息提取,并處理多個特征;
- 根據(jù)目的需要,篩選關注內(nèi)容;
- 保存關鍵目標,聯(lián)想相關描述。
其中第一階段中的基本信息涵蓋了形狀、顏色、位置、輪廓等。每次用戶收到一個反饋,進入一個新的界面,都要重新去獲取這些信息。為提升了用戶對視覺信息的處理效率,我們可以提供相同的形狀、顏色、位置、輪廓等,這就是一致性原則可以減少用戶的學習/操作成本的原因。以上面的例子為例,底部對話框的反饋樣式,用戶要重新識別位置和形狀,而新版的反饋樣式則不會出現(xiàn)這種情況,更加易用。
三、減少場景轉換
我們在為一個任務繪制流程圖的時候,應該避免讓用戶跳轉過多的頁面,因為多跳轉一個頁面就意味著多流失一部分用戶,就像漏斗一樣。
前幾天有個朋友在微信群里問了一個問題:新用戶在注冊完成的時候,我們是否應該讓用戶去設置登錄密碼,類似的還有支付密碼設置問題。
為了回答這個問題,我特地下了兩款競品,都是教你怎么做菜的。這里分別說是產(chǎn)品A和產(chǎn)品B,這兩款產(chǎn)品都支持第三方登錄,而且登錄后都要求用戶去綁定手機號。但是產(chǎn)品B給用戶提供了「跳過」按鈕,用戶可以選擇不綁定。
首先得承認我對這兩款產(chǎn)品都不太了解,直接評論好壞的話會有失偏頗,而且設計無所謂好壞。僅從我個人角度來說,不支持在這里讓用戶就去設置密碼或者去綁定手機號。因為用戶剛注冊完,還沒有享受到你提供的服務,你就考慮用戶再次登錄和購買的場景了,說不定用戶看到這個設置界面直接就走人了。因為現(xiàn)在產(chǎn)品同質(zhì)化現(xiàn)象非常的嚴重,你的產(chǎn)品可以有很多替代品。
從上面這個例子,我們也可以發(fā)現(xiàn)在操作流程設計階段,我們非常有必要去進行任務分析,去明確高層次的任務和低層次的任務。每一個任務映射到設計層級,可能是一個 icon,也可能是一個頁面。以下圖為例,同樣的購票界面,這里的主要任務是選座。而更換場次屬于次要任務,但它展示形式只是一個 icon,沒有打亂整個界面的布局,也沒有過度分散用戶的注意力,在這里我覺得是非常合適的。
如果低層次的任務需要新增一個頁面來完成,而新增的頁面又有讓用戶大量流失的風險,我個人的建議是舍去。產(chǎn)品設計過程中設計師需要去做很多決定,其中很多都不是非黑即白的選擇。每一個選項都有其背后的意義,我們只能去做更符合當前階段產(chǎn)品利益的選擇。
當然并不是只有進行任務分析才可以減少場景轉換,通過簡單的小細節(jié)修改也可以達到目的。以微信為例,當用戶編輯狀態(tài)準備發(fā)朋友圈,如果點擊了「取消」,我們會發(fā)現(xiàn)會彈出一個對話框,讓用戶選擇「保留」或「不保留」。
這樣的處理有一個問題:如果用戶是誤點擊了「取消」,那么他只能點擊「保留」,然后退出再進入編輯狀態(tài)。
我看了一下 QQ 和微博,他們用的是從底部彈出的動作欄,用戶如果是誤操作,只要點擊「取消」就可以了。這樣彈框的一個小變化,就可以避免了用戶再次返回到原界面,減少了場景的轉換。
總結
以上就是我從優(yōu)化交互方式、減少場景轉換這兩個方面對簡化操作流程的一個分析。如果你有不同的想法,歡迎留言或者添加我個人微信討論交流。
#專欄作家#
王M爭(微信公眾號:王M爭),人人都是經(jīng)理專欄作家,資深互聯(lián)網(wǎng)人。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉載。
題圖來自 Pexels,基于 CC0 協(xié)議
“我們在為一個任務繪制流程圖的時候,應該避免讓用戶跳轉過多的頁面,因為多跳轉一個頁面就意味著多流失一部分用戶,就像漏斗一樣?!?br /> 這個觀點是支持的,但是現(xiàn)在很多主流app(如美團、keep等)的登錄注冊流程都改成了多頁面的設計形式,又是基于什么考量的呢?
登陸綁定手機號功能的看法和作者相背:
1.手機號數(shù)據(jù)maybe價值很高
2.用戶點擊第三方登錄后綁定手機這步操作只要成本適量 用戶可以接受
3.設置跳過選項 百分之50以上會跳過了
發(fā)朋友圈這個,其實當時的考慮是因為取消按鈕的位置在屏幕的左上角,一般用戶不管是雙手還是單手,誤操作的幾率極低,而且我個人不喜歡取消和保存,添加類的按鈕放在底部的設計,因為用戶在單手操作的時候及其的不方便,
微信點擊空白處就是取消操作
哥們你用的安卓嗎
是啊
我用的iPhone點擊空白處是沒法取消的
想想為啥要這樣設計
同問,點擊空白處取消很便捷呀!ios不可能實現(xiàn)不了這種交互,是有什么考慮嗎?
同問。