幫你提升表單使用效率的四個(gè)界面設(shè)計(jì)技巧發(fā)布者:本站 時(shí)間:2020-06-20 14:06:19
Salesforce 用戶每天都在和表單打交道,無(wú)論他是銷售人員、主管還是經(jīng)理。所以,對(duì)于Salesforce而言,能否無(wú)縫地添加、編輯、刪除信息就是確保企業(yè)生產(chǎn)力的核心因素和驅(qū)動(dòng)力所在。這也是為什么Salesforce的UX團(tuán)隊(duì)將表單設(shè)計(jì)和編輯作為新產(chǎn)品 Lightning Experience的核心。
1、標(biāo)簽&字段的對(duì)齊
在Lightning 中,表單里的標(biāo)簽和它所對(duì)應(yīng)的輸入字段是一起左對(duì)齊的,并且標(biāo)簽處于輸入框的上方。這種設(shè)計(jì)方式可以讓用戶操作更加省心高效,和之前的版本相比,用戶在瀏覽和操作的時(shí)候,只需要進(jìn)行上下眼動(dòng)就可以搞定一切,無(wú)需左右掃視。
一切都是左對(duì)齊的
雖然新的設(shè)計(jì)會(huì)在垂直方向上占用更多的空間,但是標(biāo)簽和字段的匹配會(huì)讓整個(gè)界面在視覺(jué)上更加易用清晰。為了讓用戶在輸入的時(shí)候看得更清楚,成對(duì)的字段和標(biāo)簽會(huì)更加靠近,兩個(gè)不同的組之間的間隙會(huì)更大。無(wú)需左右掃視之后,用戶可以更加順暢地填寫(xiě)表單。
在視圖模式之下,我們采用了相同的原理來(lái)設(shè)計(jì),這樣使得信息的層次結(jié)構(gòu)更優(yōu)秀,同時(shí)確保了整體的可讀性。
2、設(shè)置默認(rèn)值
如果你是一名銷售人員,你的工作內(nèi)容可能涉及到同潛在用戶進(jìn)行溝通(也就是“Leads”)。如果你想在Salesforce中跟蹤這些潛在用戶的信息,那么通常你得先創(chuàng)建一個(gè)相應(yīng)的檔案。如果要這么做的話,可能會(huì)創(chuàng)建下面的這種Lead 表單:
在Salesforce中創(chuàng)建一個(gè)新的Lead 表單
看起來(lái)很簡(jiǎn)單,是吧?但是如果我們仔細(xì)看看,就能逐漸找出這種表單在設(shè)計(jì)上的門(mén)道。第一個(gè)可編輯的字段是“Lead 狀態(tài)”,它包含了以下選項(xiàng):無(wú)聯(lián)系、有聯(lián)系、開(kāi)放狀態(tài)、合格、不合格。
研究表明,設(shè)置一個(gè)默認(rèn)值會(huì)引導(dǎo)許多人在多種不同的語(yǔ)境和環(huán)境下選擇默認(rèn)選項(xiàng)。好了,回到最初的問(wèn)題,如果你是一個(gè)銷售人員,在同新的潛在用戶的溝通的時(shí)候,第一次填寫(xiě)這個(gè)表單的時(shí)候,你可能會(huì)更傾向于選擇“開(kāi)放狀態(tài)”而非空著不填寫(xiě)。
好了,在絕大多數(shù)的情況下,新建一個(gè)Lead 表單的時(shí)候銷售人員會(huì)選擇“開(kāi)放狀態(tài)”。而在之后每次新建這類表單的時(shí)候,在這個(gè)字段上耗費(fèi)一兩秒來(lái)進(jìn)行選擇。但是如果這種表單的數(shù)量非常多,比如有幾百份,那么這個(gè)修改成本就非常之高昂了。這就是為何要為一些字段設(shè)計(jì)默認(rèn)值。
3、預(yù)填寫(xiě)相關(guān)字段
許多記錄的相關(guān)頁(yè)面會(huì)根據(jù)“發(fā)布者”來(lái)執(zhí)行一些預(yù)制的操作,比如創(chuàng)建新的任務(wù)和事件(我們?cè)谔詫毾聠蔚臅r(shí)候,系統(tǒng)會(huì)幫你填寫(xiě)預(yù)制的默認(rèn)收件地址、收件人和聯(lián)系電話,這種機(jī)制與之類似)。那么我們看看下面的頁(yè)面:
發(fā)布者登錄之后觸發(fā)的操作
系統(tǒng)會(huì)自動(dòng)填寫(xiě)發(fā)布者信息
在理想的狀態(tài)下,用戶會(huì)認(rèn)真填寫(xiě)每一個(gè)字段的詳細(xì)信息,然而事實(shí)上用戶并沒(méi)有這么做。
在這個(gè)案例中,這個(gè)Lead 表單是關(guān)于一個(gè)名叫Walter Junior的人,并且這是執(zhí)行一次調(diào)用之后顯示的界面。這個(gè)用戶相關(guān)的信息包含了四個(gè)字段,而其中“姓名”和“項(xiàng)目”兩個(gè)字段都被預(yù)先填寫(xiě),由于這是一個(gè)調(diào)用信息的界面,所以項(xiàng)目中默認(rèn)填寫(xiě)的是“Call”,而相關(guān)用戶的名字也無(wú)需填寫(xiě),直接填寫(xiě)進(jìn)去了。
在理想的狀態(tài)下,用戶會(huì)“勤勉”地填寫(xiě)所有字段,并且詳細(xì)地描述每一個(gè)細(xì)節(jié)和相關(guān)的信息。然而實(shí)際上,人是有惰性的,操作者總會(huì)詳盡辦法偷懶。每一個(gè)新增加的字段,都是用戶完成表單的巨大屏障。為了解決這個(gè)問(wèn)題,我們作出了一個(gè)妥協(xié)方案:系統(tǒng)預(yù)先填充一些相關(guān)的關(guān)鍵內(nèi)容。當(dāng)用戶填寫(xiě)的表單涵蓋這些預(yù)制信息的時(shí)候,系統(tǒng)會(huì)幫用戶填寫(xiě)預(yù)制的信息,這樣一來(lái),這個(gè)有四個(gè)字段的表單中,用戶需要填寫(xiě)的僅僅只有2個(gè)字段(請(qǐng)繼續(xù)腦補(bǔ)淘寶下單的時(shí)候,自動(dòng)添加收件人信息的機(jī)制)。
4、讓表單擁有更好的可訪問(wèn)性
在設(shè)計(jì)新的Lightning Experience 的時(shí)候,我們對(duì)于它的可訪問(wèn)性設(shè)計(jì)就有一個(gè)基本的構(gòu)想。由于鍵盤(pán)輸入還是目前我們用戶的主要輸入方式(考慮到我們這是一個(gè)企業(yè)級(jí)軟件),所以一定要對(duì)鍵盤(pán)有良好的兼容和適配,必須確保用戶僅用鍵盤(pán)就可以執(zhí)行全部的操作。為此,我們?yōu)槊總€(gè)表單組件建立了特定的鍵盤(pán)交互模式,而且這些模式的構(gòu)建是遵循W3C的規(guī)則來(lái)設(shè)計(jì)的,這也確保了這套交互的準(zhǔn)確和廣泛的適配性。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過(guò)
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話:021-58370032
關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開(kāi)發(fā)