UX細節(jié)設計思路——預期操作權衡
編輯導語:很多情況下,我們能夠通過用戶的一些行為操作判斷出用戶預期進行的操作,但預期的操作可能有很多種,不能妄作主張給用戶呈現某一結果。本文作者對預期操作權衡進行了分析,一起來看一下吧。
優(yōu)秀UX細節(jié)創(chuàng)新設計讓用戶感到方便、貼心、可靠、安全、愉悅。UX細節(jié)創(chuàng)新設計并非都來自一剎那的靈光乍現, 創(chuàng)新能力也不是少數人只可意會不可言傳的一種天賦,優(yōu)秀的UX細節(jié)創(chuàng)新設計其實有章可循,創(chuàng)新能力是可以通過后天培養(yǎng)提升的。本文分享技巧:必經流程簡化。
預期操作權衡的設計思路:與一般能夠明確判斷用戶意圖的情況設計思路不同,很多情況下我們能夠通過用戶的一些行為操作判斷出用戶預期進行的操作,但預期的操作可能有多種,此時就不可妄作主張給用戶呈現某一結果。
但當發(fā)現用戶執(zhí)行某一項預期操作的概率比其他項的概率要大很多,且即便錯誤進行這一步預期操作,撤回或糾正的代價也非常低時,也可以直接給用戶呈現概率最大的預期操作。
一、設計案例
1. Trello.com
是一款在線辦公協同的網站,國內類似的產品如Worktile、Teambition等。在Trello.com中一個新的卡片上寫標題,并未保存,切換到另外一個卡片上,Trello會認為用戶可能輸錯了地方,默認將用戶前面寫的標題粘貼到新的卡片中。這樣如果用戶正在卡片一中輸入內容,發(fā)現輸入的內容應該輸入到卡片二,不得不切換到卡片二,會發(fā)現需要輸入的內容Trello已經幫他們填寫到了卡片二!
Trello.com在不同卡片間切換輸入
與確認流程簡化設計不一樣,當用戶輸入完卡片一后未保存就切換至卡片二這個操作,并不能確切判斷用戶會在卡片二中要輸入的內容,但結合用戶的操作特征可以認為有很大的可能性是輸入錯誤,需要在卡片二中輸入相同內容。下面使用流程圖更加清晰地展示兩種情況的不同之處。
再考慮輸入內容是否跟剛輸入內容一致的概率,整理到以下對比表中, 可以非常直觀地看出,在絕大多數情況下為用戶節(jié)省了操作時間,即便是與用戶期望不符,用戶也只多出刪除這一步操作,并未帶來太大的操作麻煩。綜合考慮,為用戶提供自動填寫功能是最優(yōu)選擇。
方案采用與否預期結果對比表:
準備進行預期操作權衡法完善一項細節(jié)創(chuàng)新設計時,可制作以上預期結果對比表格,配合不同情況的出現概率,綜合評估權衡出最優(yōu)方案。
決定最終采用哪種方案呈現給用戶,數據分析起著至關重要的作用。如果沒有各種預期方案被使用的概率值,設計者是無法判斷出應該最終展示哪一種方案給用戶的。當用戶的選擇遠不止兩條時,雖然不能將概率最高的結果直接拋給用戶,但可以將概率最高的操作選項為用戶做優(yōu)先展示。
Google Analytics(谷歌分析)里的用戶習慣操作流圖,可以清晰看出用戶每一步操作的概率
2. Evernote
當用戶使用Evernote(印象筆記)創(chuàng)建一條新的記錄時,Evernote會從用戶日歷的待辦事項中獲取一條作為默認標題,雖然命中的概率并不高,但完全沒有增加任何用戶操作成本,萬一命中了呢,何樂而不為!
Evernote創(chuàng)建新的記錄,會從用戶日歷的待辦事項中獲取一條作為默認標題
3. macOS
再如macOS中的Finder(相當于Windows中的資源管理器),當復制的一個文件夾名稱帶有年份信息,比如“Xmas 2013”,粘貼出來的文件夾將自動追加年份為“Xmas 2014”,即便不準確也無妨,沒有增加用戶操作成本嘛!
在Finder中復制的文件夾名稱帶有年代信息,粘貼出來的文件夾將自動追加年份
4. 360瀏覽器
在360瀏覽器中選中文本,會彈出搜索/復制操作框,點擊“搜索”按鈕,直接為用戶新打開一個頁面,打開搜索引擎,并搜索此文本;點擊“復制”按鈕,則會將文本復制至剪貼板,用戶點擊右鍵就可以展開對該文字區(qū)域的全部操作。很顯然,360瀏覽器是對操作頻率最高的文本搜索和復制功能做功能提前處理,簡化用戶操作。
在360安全瀏覽器中選擇文本后點擊右鍵
二、設計心法
首先,這類細節(jié)創(chuàng)新更多在使用過程中洞察或通過研究用戶行為流發(fā)掘,做細節(jié)創(chuàng)新時制作前文列舉預期結果對比表格,配合不同情況的出現概率,綜合評估權衡出最優(yōu)方案。
其次,數據是基礎,依據用戶不同預期方案采用的概率給出最優(yōu)的設計。
作者:文哲,微信公眾號:偉大的小細節(jié),《偉大的小細節(jié)》作者。
本文由 @Stanley 原創(chuàng)發(fā)布于人人都是產品經理,未經許可,禁止轉載
題圖來自 Unsplash,基于 CC0 協議
- 目前還沒評論,等你發(fā)揮!