B 端表單|復(fù)雜表單如何簡單化

阿青
0 評論 5940 瀏覽 23 收藏 11 分鐘
🔗 B端产品需要更多地依赖销售团队和渠道合作来推广产品,而C端产品需要更多地利用网络营销和口碑传播来推广产品..

表單的創(chuàng)建易用性尤為重要,表單字段太多,用戶接收的信息量也大。如何將復(fù)雜表單簡單化,避免用戶無從下手,放棄使用?本文總結(jié)了幾點(diǎn),希望對你有所幫助。

表單在網(wǎng)頁中主要負(fù)責(zé)數(shù)據(jù)采集功能,是提交數(shù)據(jù)的一切形式。創(chuàng)建表單是數(shù)據(jù)從無到有的第一步(當(dāng)然也可以導(dǎo)入,不是本文重點(diǎn)),有了數(shù)據(jù)之后,用戶才可以對數(shù)據(jù)進(jìn)行使用,修改等其他進(jìn)一步的行為。

所以創(chuàng)建表單的易用性尤其重要。當(dāng)表單字段太多,用戶接受的信息量太大,無從下手,若非必須使用,用戶大概率就會(huì)放棄。那么對于復(fù)雜表單如何簡單化?

一、組織

《簡約至上》中提到四大簡化策略之一就是組織。想想我們每個(gè)人家,家里的區(qū)域會(huì)被分為廚房,臥室,洗手間等。會(huì)將床放進(jìn)臥室,鍋碗放進(jìn)廚房,馬桶放進(jìn)廁所。超市里大量的貨物會(huì)劃分區(qū)域分類放置,等等。生活里對物體進(jìn)行組織的例子無處不在,組織物體讓我們的環(huán)境變得更整潔,提升自我感受。在馬斯洛需求層次理論中也提到有序是人的需求之一。

信息也是一樣,人們喜歡有組織的信息,有組織的信息可以減少用戶的工作記憶空間,讓用戶注意力更集中。那么信息該如何組織?

1. 導(dǎo)入觀點(diǎn)、窮究問題本質(zhì)

這個(gè)觀點(diǎn)來自于《佐藤可士和的超整理術(shù)》中作者關(guān)于如何整理信息所提出的。當(dāng)作者面對客戶拋出的大量信息需要組織時(shí),重點(diǎn)就在于找出客戶真正想達(dá)成的目標(biāo)。甚至除了客戶本身的意志之外,這個(gè)目標(biāo)還包括來自社會(huì)的期盼。

我非常認(rèn)同,此觀點(diǎn)對于設(shè)計(jì)也依然適用。不同的業(yè)務(wù),信息所傳達(dá)的內(nèi)容不同,當(dāng)導(dǎo)入不同的觀點(diǎn)時(shí),信息的組織方式也會(huì)不同。例如同樣是三間房,提供居住和提供辦公的房間名稱不同,房間內(nèi)的擺設(shè)也會(huì)各不相同。因此需先定義觀點(diǎn),提供組織的依據(jù)。

在設(shè)計(jì)中,我們很容易就鉆進(jìn)細(xì)節(jié)里,糾結(jié)樣式、控件甚至交互方式是否合適,導(dǎo)致無法客觀自我檢視。很容易忘記要退一步思考,“當(dāng)前方案本身是否合理?” 找出觀點(diǎn)的方法之一就是退一步思考,深入事物本質(zhì)。

就拿我現(xiàn)在的需求來舉例,新建作業(yè)時(shí),對于作業(yè)的字段如何組織?我的思路是按照字段的必填項(xiàng)和創(chuàng)建目的來思考。必填項(xiàng)會(huì)影響表單創(chuàng)建的成功與否,是表單成功創(chuàng)建的客觀本質(zhì)。而創(chuàng)建作業(yè)的目的就是去思考用戶真正想達(dá)成的目標(biāo),是創(chuàng)建任務(wù)的本質(zhì)。

(1)必填項(xiàng)

我們經(jīng)常會(huì)接到產(chǎn)品的需求說,這幾個(gè)字段必填,然后我們就按照設(shè)計(jì)規(guī)范加上星標(biāo),但有多少人會(huì)去思考為什么這些字段要必填?設(shè)置必填字段是數(shù)據(jù)采集和管理的一種策略。其原因大致可以從以下4 種角度思考。

1)數(shù)據(jù)層面。滿足數(shù)據(jù)采集的要求,避免數(shù)據(jù)不完整或不準(zhǔn)確,提高數(shù)據(jù)的質(zhì)量和可靠性,比如飛書錄入員工信息時(shí)手機(jī)號(hào)+姓名必填。

2)平臺(tái)需求。必填為了獲取用戶信息,比如問卷類,想獲得用戶的調(diào)研結(jié)果,設(shè)置某些問題必填。

3)數(shù)據(jù)使用者。必填項(xiàng)是使用者區(qū)分不同數(shù)據(jù)的依據(jù),比如飛書創(chuàng)建會(huì)議室,名稱+樓層+容量是必填。業(yè)務(wù)流程要求。某些業(yè)務(wù)流程要求某些信息必須被提供,以便業(yè)務(wù)流程可順利進(jìn)行。比如apple 官網(wǎng)下單時(shí)必須填寫個(gè)人信息和收貨地址等。

4)法規(guī)和安全要求。例如某些敏感信息,密碼等必須設(shè)置為必填項(xiàng),以確保只有授權(quán)人員才能訪問這些信息。

根據(jù)用戶從上到下的瀏覽習(xí)慣,必填項(xiàng)在表單中處于靠前的位置可以讓用戶更快的了解哪些信息是必需的,提升用戶創(chuàng)建表單的效率。

但并不是把所有的必填項(xiàng)都一股腦扔在最前面,當(dāng)信息間有關(guān)聯(lián)時(shí),相關(guān)信息相鄰可以提升信息識(shí)別度,提高用戶輸入效率。

(2)創(chuàng)建目的

復(fù)雜表單如何簡單化

教師教學(xué)工作的流程一般分為:課程規(guī)劃、備課準(zhǔn)備、授課實(shí)施、學(xué)生評估。教師在備課環(huán)節(jié)會(huì)提前準(zhǔn)備教材,資源,教學(xué)活動(dòng),在學(xué)生評估時(shí)會(huì)根據(jù)作業(yè)、考試、報(bào)告等形式將任務(wù)發(fā)放給學(xué)生檢驗(yàn)學(xué)生是否達(dá)到預(yù)期的學(xué)習(xí)目標(biāo)。

對于作業(yè)創(chuàng)建過程就可根據(jù)教學(xué)工作流程將信息劃分為備課和發(fā)布教學(xué)任務(wù)。備課時(shí)僅需輸入基本信息,上傳相關(guān)資源,當(dāng)需要發(fā)布教學(xué)任務(wù)時(shí)再去設(shè)置發(fā)布的班級(人)、考核形式相關(guān)字段。

而對于填寫表單創(chuàng)建作業(yè)者(老師)來講,可以按照用戶專業(yè)度分為初級用戶和高級用戶,初級用戶對產(chǎn)品了解不足,不想花太多時(shí)間在產(chǎn)品使用上,作業(yè)的基礎(chǔ)信息需要更加明顯,以便初級用戶快速完成創(chuàng)建任務(wù)。而對于產(chǎn)品有一定了解的高級用戶,需提供高級功能入口,供其進(jìn)行設(shè)置。所以按照用戶對產(chǎn)品使用程度的不同,發(fā)布教學(xué)任務(wù)相關(guān)字段也可以分為 2 組。

若表單總共有 20 個(gè)字段,組織后僅變?yōu)?20 個(gè)有規(guī)律的字段,當(dāng)用戶沒有看信息的具體內(nèi)容時(shí),對量的感受還是沒變,所以下一步是讓用戶直觀的感受到簡單。就好像超市里東西很多但會(huì)劃分區(qū)域,但東西的量看起來仍然很多。在家里除了對東西進(jìn)行組織分類,我們還會(huì)把不常用的鍋碗放在柜子里收納起來,不打開柜門看起來東西就沒那么多了。

二、如何簡化?

1. 分步驟

很常見的方式,每個(gè)步驟只顯示一小部分字段,通過逐步引導(dǎo)用戶完成,減少用戶的認(rèn)知負(fù)擔(dān),也一定程度提高了表單填寫的效率和準(zhǔn)確性。

2. 漸進(jìn)式披露

漸進(jìn)式披露在初始只展示用戶幾個(gè)最重要的選項(xiàng),僅當(dāng)用戶要求時(shí),提供更多的選項(xiàng)。對于大多數(shù)用戶,降低了產(chǎn)品復(fù)雜性,對于高級用戶也有足夠多的選項(xiàng)/功能來滿足他們。

幾個(gè)常見的設(shè)計(jì)形式。

Zoom 添加會(huì)議時(shí),僅展示添加描述的入口,當(dāng)用戶需要輸入描述時(shí),點(diǎn)擊添加描述展示多行文本輸入框。

復(fù)雜表單如何簡單化

飛書管理后臺(tái)添加成員信息時(shí),將更多信息隱藏起來,僅提供入口,用戶點(diǎn)擊后展示其他信息。

復(fù)雜表單如何簡單化

HubSpot,創(chuàng)建聯(lián)系人時(shí),先展示 3 條信息,當(dāng)用戶輸入一個(gè)后,才會(huì)展示所有字段,這三條信息填寫任意一條時(shí),表單才可完成保存。

復(fù)雜表單如何簡單化

3. 創(chuàng)建后再設(shè)置

展示部分字段,其余設(shè)置項(xiàng)給默認(rèn)值,且在表單中不展示。當(dāng)表單生成后,用戶可進(jìn)入詳情修改這些默認(rèn)值。例如飛書創(chuàng)建會(huì)議室,更多的設(shè)置項(xiàng)在創(chuàng)建完后進(jìn)行設(shè)置,簡化了創(chuàng)建表達(dá)字段展示。

4. 優(yōu)化字段、提升體驗(yàn)

比如字段默認(rèn)值、自動(dòng)填充內(nèi)容、數(shù)據(jù)校驗(yàn)、選取合適的控件等等。

最后

本文的重點(diǎn)在于信息組織。當(dāng)表單信息過于復(fù)雜時(shí),簡化的第一步就是組織信息,之后我們才可以進(jìn)一步做設(shè)計(jì)形式或者交互細(xì)節(jié)上的簡化。組織信息的前提是導(dǎo)入觀點(diǎn),退一步思考,深入問題本質(zhì)可以幫助我們找到觀點(diǎn)。

當(dāng)我們被問題困住時(shí),退一步思考,多問問為什么,拋棄我們的自以為是,打開思路,也許就能找到事物重要的關(guān)鍵。

感謝閱讀,大概是這樣~

專欄作家

阿青,公眾號(hào):阿青碎碎念,人人都是產(chǎn)品經(jīng)理專欄作家。B端UX設(shè)計(jì)師。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!
专题
12724人已学习14篇文章
数字营销有着精准度高、成本较低、效果可量化等优点,很多企业都尝试了数字营销。本专题的文章分享了数字营销的相关内容。
专题
12882人已学习12篇文章
产品立项,对于产品来说是其生命周期中最基础的和最重要的阶段。产品立项都有哪些主要工作?本专题的文章分享了产品立项指南。
专题
19553人已学习13篇文章
什么是中台?为什么要建中台?中台建设的切入点在哪?本专题的文章将提供这些问题的解答。
专题
125369人已学习18篇文章
你说你会竞品分析,我信!但是肯定写的不好,不服看看别人的。
专题
37570人已学习22篇文章
复盘是产品经理和运营人提高自身竞争力的不二法门。