合理預(yù)設(shè):如何為用戶提前設(shè)置好默認(rèn)值

2022-3-24    ui設(shè)計(jì)分享達(dá)人

What 是什么

「合理預(yù)設(shè)」是指系統(tǒng)提供默認(rèn)選項(xiàng),這些默認(rèn)選項(xiàng)不需要用戶做任何操作,可以節(jié)省用戶完成表單的時(shí)間和精力。

這些默認(rèn)選項(xiàng)來的數(shù)據(jù)源包括: 先前輸入的會(huì)話數(shù)據(jù)、來自用戶帳戶的信息、當(dāng)前位置、當(dāng)前數(shù)據(jù)和時(shí)間等等。


案例 釘釘?shù)摹按k事項(xiàng)”設(shè)置功能,可以自動(dòng)抓取到語(yǔ)句中的時(shí)間信息,自動(dòng)幫助用戶默認(rèn)填寫時(shí)間,減少用戶的操作時(shí)長(zhǎng):

相關(guān)模式 :語(yǔ)句填空


Why 為什么

系統(tǒng)通過提供合理的默認(rèn)信息和答案,分擔(dān)了用戶思考和輸入信息的工作,減少時(shí)間,提高效率。

而就算預(yù)設(shè)信息不是用戶想要的,也為用戶提供了一個(gè)示例來說明答案應(yīng)該是什么樣子的。這一點(diǎn)也可以節(jié)約用戶幾秒的思考時(shí)間,或者避免輸入錯(cuò)誤的信息。


另外,合理的默認(rèn)值還可以幫助用戶應(yīng)對(duì)一些“難題”。如果用戶跳過了一塊字段,那么可能是這個(gè)問題沒有引起他的注意。用戶可能是不理解這個(gè)問題、或是默認(rèn)值的含義。輸入答案,選擇值,或單擊按鈕的動(dòng)作會(huì)迫使用戶有意識(shí)地面對(duì)這個(gè)問題。


比如疫情期間,大部分公司都需要做健康打卡,下圖中有一些選項(xiàng)是直接填了默認(rèn)值,但是有些就沒有填。比如下圖的左圖中,有關(guān)于“請(qǐng)假未到崗”這些問題,因?yàn)闆]有填默認(rèn)值,用戶就會(huì)對(duì)這個(gè)問題有印象。然后比如“今日是否有發(fā)熱癥狀”,“是否有咳嗽”這些,因?yàn)楸幌到y(tǒng)默認(rèn)填了,用戶很容易就忽略過去了。

所以一些刻意希望被關(guān)注的問題,其實(shí)最好不要提供預(yù)設(shè)值,這樣可以讓用戶感知到這個(gè)重要信息的存在,進(jìn)而加深對(duì)內(nèi)容的認(rèn)知。



When 什么時(shí)候使用

當(dāng)產(chǎn)品要求用戶提供類似表單的信息輸入(例如文本框或單選按鈕),并希望減少用戶填寫時(shí)長(zhǎng)時(shí),可以使用提供默認(rèn)設(shè)置。


但是當(dāng)問題的答案會(huì)很敏感或是與政治相關(guān)時(shí),最好不要提供默認(rèn)值,例如密碼、性別或公民身份等。最好也不要為用戶擅自訂閱非必要的內(nèi)容信息,如“請(qǐng)給我發(fā)送廣告郵件”等。


使用條件

· 用戶需要做類似表單的信息輸入操作;

· 系統(tǒng)希望減少用戶需要做的工作;

· 系統(tǒng)希望確保用戶填寫的準(zhǔn)確性和一致性;

· 可能用戶并不知道或者不關(guān)心答案,不需要引起用戶的重視;

· 問題的答案不屬于敏感信息或是與政治無關(guān)。


How 如何使用

設(shè)定「合理預(yù)設(shè)」有兩種普遍的用法:

1、使用一個(gè)通用的、常識(shí)性的、滿足大部分用戶需求的默認(rèn)值,預(yù)先填寫輸入框;

2、可以調(diào)用用戶早些時(shí)候提供給系統(tǒng)的信息來動(dòng)態(tài)地設(shè)置默認(rèn)值。例如,某個(gè)用戶提供了一個(gè)中國(guó)的郵政編碼,系統(tǒng)可以從這個(gè)編碼推導(dǎo)出用戶所在的省,甚至市和區(qū)的名稱。


除此之外要注意幾點(diǎn)應(yīng)用原則:

· 使用預(yù)設(shè)的默認(rèn)值不僅僅是為了防止用戶留下空白的輸入?yún)^(qū)域;

· 要充分的了解你的用戶,默認(rèn)值的設(shè)定要有絕對(duì)合理的理由 —— 否則,系統(tǒng)會(huì)給所有人帶來額外的工作量。


Example 案例

案例一:唯品會(huì)小程序在購(gòu)買服飾類選擇 SKU

用戶需求:購(gòu)買服裝時(shí)需要選擇尺碼


唯品會(huì)小程序在購(gòu)買服飾類選擇 SKU 時(shí),每個(gè)尺碼點(diǎn)擊后會(huì)顯示對(duì)應(yīng)的衣服參數(shù),用戶不再需要去商品描述中的尺碼表格中再找,也可以是設(shè)置好自己的身材數(shù)據(jù),平臺(tái)會(huì)默認(rèn)選中適合你的尺碼。

案例二:螞蟻鏈實(shí)人認(rèn)證表單

用戶需求:需要根據(jù)表單內(nèi)容填寫和上傳文件

螞蟻鏈實(shí)人認(rèn)證在上傳證件時(shí)會(huì)根據(jù)用戶所在國(guó)家和地區(qū),幫助用戶默認(rèn)選擇概率最大的選項(xiàng),不需要用戶自己操作。

案例三:Photoshop 創(chuàng)建新文件

用戶需求:創(chuàng)建新文件,調(diào)整畫布大小

在 Photoshop CC 中創(chuàng)建新的圖像文件時(shí),默認(rèn)情況下會(huì)從操作系統(tǒng)剪切板開始。這里的假設(shè)是用戶剛剛創(chuàng)建了一個(gè)屏幕截圖,并且正在編輯該圖像。因此,Photoshop 在剪貼板中獲取圖像的寬度和高度,并使用它們來預(yù)先填充創(chuàng)建新文件的尺寸,這是一種節(jié)省時(shí)間的聰明方法。不用擔(dān)心圖像和畫布會(huì)有尺寸不匹配的情況。


當(dāng)用戶想要調(diào)整畫布大小時(shí),原先畫布的長(zhǎng)寬尺寸會(huì)預(yù)設(shè)出現(xiàn)在新的畫布大小里面,方便用戶進(jìn)一步進(jìn)行尺寸調(diào)整。


文章來源:站酷  作者:Ant_Design
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)



分享本文至:

日歷

鏈接

個(gè)人資料

存檔