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

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

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

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

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

用戶激勵(lì)在完成表格之前提前通知用戶。

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

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

自動(dòng)填寫。

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

數(shù)據(jù)會(huì)自動(dòng)保存。

確定備用輸入。

及時(shí)鼓勵(lì)和反饋。

及時(shí)的幫助。

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

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

△東興198

△升樂財(cái)富通

2.用戶在完成表格獎(jiǎng)勵(lì)之前通知用戶的激勵(lì)

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

△東方財(cái)富

△鄭和島

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

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

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

△51信用卡管家

△平安證券

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

△升樂財(cái)富通

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

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

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

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

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

5.自動(dòng)填寫

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

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

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

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

選擇而不是手動(dòng)輸入有兩個(gè)好處：

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

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

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

△微信

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

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

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

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

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

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

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

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

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

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

8.確定替代投入

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

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

△微信

上圖是在向微信添加銀行卡時(shí)通過拍照自動(dòng)識(shí)別卡號(hào)。

9.及時(shí)鼓勵(lì)和反饋

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

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

10.及時(shí)幫助

不會(huì)打擾用戶，但會(huì)在用戶需要時(shí)及時(shí)顯示。

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

△東方財(cái)富

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

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

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

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

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