B 端表單|復雜表單如何簡單化

0 評論 5581 瀏覽 21 收藏 11 分鐘

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

表單在網頁中主要負責數據采集功能,是提交數據的一切形式。創建表單是數據從無到有的第一步(當然也可以導入,不是本文重點),有了數據之后,用戶才可以對數據進行使用,修改等其他進一步的行為。

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

一、組織

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

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

1. 導入觀點、窮究問題本質

這個觀點來自于《佐藤可士和的超整理術》中作者關于如何整理信息所提出的。當作者面對客戶拋出的大量信息需要組織時,重點就在于找出客戶真正想達成的目標。甚至除了客戶本身的意志之外,這個目標還包括來自社會的期盼。

我非常認同,此觀點對于設計也依然適用。不同的業務,信息所傳達的內容不同,當導入不同的觀點時,信息的組織方式也會不同。例如同樣是三間房,提供居住和提供辦公的房間名稱不同,房間內的擺設也會各不相同。因此需先定義觀點,提供組織的依據。

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

就拿我現在的需求來舉例,新建作業時,對于作業的字段如何組織?我的思路是按照字段的必填項和創建目的來思考。必填項會影響表單創建的成功與否,是表單成功創建的客觀本質。而創建作業的目的就是去思考用戶真正想達成的目標,是創建任務的本質。

(1)必填項

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

1)數據層面。滿足數據采集的要求,避免數據不完整或不準確,提高數據的質量和可靠性,比如飛書錄入員工信息時手機號+姓名必填。

2)平臺需求。必填為了獲取用戶信息,比如問卷類,想獲得用戶的調研結果,設置某些問題必填。

3)數據使用者。必填項是使用者區分不同數據的依據,比如飛書創建會議室,名稱+樓層+容量是必填。業務流程要求。某些業務流程要求某些信息必須被提供,以便業務流程可順利進行。比如apple 官網下單時必須填寫個人信息和收貨地址等。

4)法規和安全要求。例如某些敏感信息,密碼等必須設置為必填項,以確保只有授權人員才能訪問這些信息。

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

但并不是把所有的必填項都一股腦扔在最前面,當信息間有關聯時,相關信息相鄰可以提升信息識別度,提高用戶輸入效率。

(2)創建目的

復雜表單如何簡單化

教師教學工作的流程一般分為:課程規劃、備課準備、授課實施、學生評估。教師在備課環節會提前準備教材,資源,教學活動,在學生評估時會根據作業、考試、報告等形式將任務發放給學生檢驗學生是否達到預期的學習目標。

對于作業創建過程就可根據教學工作流程將信息劃分為備課和發布教學任務。備課時僅需輸入基本信息,上傳相關資源,當需要發布教學任務時再去設置發布的班級(人)、考核形式相關字段。

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

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

二、如何簡化?

1. 分步驟

很常見的方式,每個步驟只顯示一小部分字段,通過逐步引導用戶完成,減少用戶的認知負擔,也一定程度提高了表單填寫的效率和準確性。

2. 漸進式披露

漸進式披露在初始只展示用戶幾個最重要的選項,僅當用戶要求時,提供更多的選項。對于大多數用戶,降低了產品復雜性,對于高級用戶也有足夠多的選項/功能來滿足他們。

幾個常見的設計形式。

Zoom 添加會議時,僅展示添加描述的入口,當用戶需要輸入描述時,點擊添加描述展示多行文本輸入框。

復雜表單如何簡單化

飛書管理后臺添加成員信息時,將更多信息隱藏起來,僅提供入口,用戶點擊后展示其他信息。

復雜表單如何簡單化

HubSpot,創建聯系人時,先展示 3 條信息,當用戶輸入一個后,才會展示所有字段,這三條信息填寫任意一條時,表單才可完成保存。

復雜表單如何簡單化

3. 創建后再設置

展示部分字段,其余設置項給默認值,且在表單中不展示。當表單生成后,用戶可進入詳情修改這些默認值。例如飛書創建會議室,更多的設置項在創建完后進行設置,簡化了創建表達字段展示。

4. 優化字段、提升體驗

比如字段默認值、自動填充內容、數據校驗、選取合適的控件等等。

最后

本文的重點在于信息組織。當表單信息過于復雜時,簡化的第一步就是組織信息,之后我們才可以進一步做設計形式或者交互細節上的簡化。組織信息的前提是導入觀點,退一步思考,深入問題本質可以幫助我們找到觀點。

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

感謝閱讀,大概是這樣~

專欄作家

阿青,公眾號:阿青碎碎念,人人都是產品經理專欄作家。B端UX設計師。

本文原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!