對于長篇設(shè)計(jì)，作者總結(jié)了10個基于他自己的項(xiàng)目經(jīng)驗(yàn)和使用其他應(yīng)用程序時的一些好經(jīng)驗(yàn)的小技巧。享受?

表單設(shè)計(jì)是我們在設(shè)計(jì)產(chǎn)品時經(jīng)常做的事情之一，尤其是長形式，特別是在設(shè)計(jì)時。

沒有用戶愿意機(jī)械地填寫漫長而無聊的領(lǐng)域。

對于長版設(shè)計(jì)，我結(jié)合自己的項(xiàng)目經(jīng)驗(yàn)和使用其他應(yīng)用程序時的一些好經(jīng)驗(yàn)，總結(jié)了以下10個小技巧：

提前通知所需材料，以避免中斷表格填充過程。

用戶激勵在完成表格之前提前通知用戶。

清楚地告知用戶完成整個表單的步驟。

它易于操作，并且易于完成的形式放在前面。

自動填寫。

提供適當(dāng)?shù)妮斎敕ā?

數(shù)據(jù)會自動保存。

確定備用輸入。

及時鼓勵和反饋。

及時的幫助。

1.提前通知所需材料，以避免表格填充過程中斷

在用戶正式開始填寫表格之前，請?zhí)崆案嬷脩籼顚懕砀袼璧牟牧?，如身份證或工作許可證，以便用戶可以提前做好準(zhǔn)備以避免準(zhǔn)備材料中斷方式。它還可以防止用戶因某種原因放棄，暫時無法提供相應(yīng)的資料。這種情況對用戶體驗(yàn)有很大的危害。

△東興198

△升樂財(cái)富通

2.用戶在完成表格獎勵之前通知用戶的激勵

在用戶啟動任務(wù)之前，請?zhí)崆案嬷脩敉瓿扇蝿?wù)后可以獲得哪些好處。例如，可以添加特權(quán)，物理獎勵等以增加用戶對完成表單的期望，這可以有效地提高用戶完成任務(wù)的動機(jī)。

△東方財(cái)富

△鄭和島

3.清楚地告知用戶完成整個表格的步驟

這僅適用于逐步形式的設(shè)計(jì)。

在開始任務(wù)時，清楚地告訴用戶在整個表單中填充了多少步驟，以及每個步驟是什么，這允許用戶形成明確的期望并在表單填寫期間減少用戶的不容忍。未知事物更有可能讓用戶感到焦慮。

△51信用卡管家

△平安證券

或者您可以使用進(jìn)度條告知用戶表單的進(jìn)度，如下所示：

△升樂財(cái)富通

4.易于發(fā)布，易于完成頁面前的表格

就像老師從小老師那里教導(dǎo)我們一樣，有必要輕松回答問題。在設(shè)計(jì)流程時也可以遵循這一點(diǎn)，將易于完成的表格放在前面，這有三個好處：

簡單形式更有可能引起用戶填寫的愿望，用戶迫不及待地想要完成它。相反，用戶從一開始就看到過于復(fù)雜的表單，并且很容易害怕放棄整個任務(wù)。

通過完成一個簡單的表單，用戶可以增加他們的自信心，即使后面的表單變得更加復(fù)雜，用戶也更耐心地完成。

當(dāng)用戶在前面完成簡單表格時，放棄整個表格的機(jī)會成本變得更高，并且即使稍后遇到困難的任務(wù)，用戶放棄的概率也會降低。

5.自動填寫

與后端數(shù)據(jù)庫匹配并自動填充已知信息。

例如，用戶在填寫長格式之前已經(jīng)在平臺上填寫了聯(lián)系信息，姓名或其他信息，填寫長格式時也需要這些信息元素，我們可以自動填寫表格和減少用戶輸入。例如，后面的表單所需的信息元素只是在前一個表單中輸入，我們也可以自動填寫用戶。

6.提供適當(dāng)?shù)妮斎敕?/p>

當(dāng)用戶填寫表單時，他或她可以盡可能地提供選項(xiàng)。

選擇而不是手動輸入有兩個好處：

降低用戶運(yùn)營成本。

這些選項(xiàng)對于平臺更加可控，并且獲得的信息更加標(biāo)準(zhǔn)化。

共同性別，地區(qū)，年齡等。

△微信

例如，我們的產(chǎn)品以前需要用戶體驗(yàn)進(jìn)行分類搜索，當(dāng)用戶填寫信息時我們提供了統(tǒng)一的選項(xiàng)，以便我們可以獲得標(biāo)準(zhǔn)化和標(biāo)準(zhǔn)化的用戶數(shù)據(jù)。

但是，在提供選項(xiàng)時，請注意所提供選項(xiàng)的合理性。在上述用戶體驗(yàn)示例中，應(yīng)特別注意工作經(jīng)驗(yàn)的劃分。

如果表單不適合提供選項(xiàng)，則必須由用戶手動填寫，您需要為不同的方案提供正確的控件。

例如，輸入帳號，密碼，填寫郵箱，輸入昵稱等，都需要提供不同的鍵盤。

7.數(shù)據(jù)自動保存

這是非常重要的！特別是對于包含大量內(nèi)容的某些表單，您必須自動保存它們。

想象一下，您正在完成一個長形式并在其前面填充了大量內(nèi)容，但由于系統(tǒng)崩潰，網(wǎng)絡(luò)狀況或其他原因，您可能必須在提交之前退出。當(dāng)您再次開始填寫表單時，您必須重新填寫所有信息，這絕對是崩潰的。

給出我最近經(jīng)歷過的一個積極的例子。

最近，我正在去深圳，我必須填寫一份非常復(fù)雜的表格，填寫公安局申請?jiān)S可證。第一步是填寫大量信息元素，第二步需要上傳大量照片。當(dāng)我90％的時間完成時，我發(fā)現(xiàn)我沒有照片。我需要把它帶給我的家人。那時，我不得不退出整個預(yù)約過程。心臟里真的有十萬匹草馬。

后來，照片完成了，我再次開始預(yù)約，我發(fā)現(xiàn)所有信息都已自動保存，我不需要重新輸入。我只需要上傳最后一張照片即可。這很棒！我沒想到公共服務(wù)的在線服務(wù)體驗(yàn)如此之好。

8.確定替代投入

善于利用技術(shù)的力量，技術(shù)上無法由用戶解決。

例如，有時您需要輸入ID號或銀行卡號。現(xiàn)在有許多技術(shù)接口支持照片掃描以自動獲取數(shù)字，而無需用戶費(fèi)力的手動輸入。例如，輸入位置并通過系統(tǒng)自動定位既準(zhǔn)確又無故障。

△微信

上圖是在向微信添加銀行卡時通過拍照自動識別卡號。

9.及時鼓勵和反饋

將用戶視為普通人，大多數(shù)普通人需要鼓勵和肯定。

及時給予用戶反饋，“你很棒，已經(jīng)完成了！” “你已經(jīng)完成了大部分時間，你可以用你的力量完成所有這些！”溫度寫入副本可以有效地安撫關(guān)鍵節(jié)點(diǎn)。用戶的情緒。

10.及時幫助

不會打擾用戶，但會在用戶需要時及時顯示。

在設(shè)計(jì)表格時，有必要對一些專業(yè)詞匯或難以理解的概念給出清晰的解釋，以避免用戶在填寫表格時不知所措。對于具有更高要求的某些表單信息，還給出了用戶參考的明確示例。對于一些更復(fù)雜的流程，如有必要，您還可以提供在線咨詢幫助，以幫助用戶填寫整個表格。

△東方財(cái)富

上面的圖片是東方財(cái)富的開戶流程，上傳身份證。是一個很好的例子，你可以欣賞它。

作者：KKi，微信公眾號“l(fā)dquo; kki設(shè)計(jì)筆記”

本文是在@KKi的授權(quán)下發(fā)布的，未經(jīng)作者許可復(fù)制。

該地圖來自Unsplash，基于CC0協(xié)議

« 如何設(shè)計(jì)網(wǎng)站以吸引用戶體驗(yàn)？ | 滴滴楚星：在糾正隱患之前，繼續(xù)無限期下線 »