表單設(shè)計的要點:

1、概述

表單對客戶來說是很煩人的，但它對在線處理很重要，讓填寫表單的過程簡單、快速，才能讓建設(shè)B2C電商平臺快速獲取潛在的利益。

2、訪客的問題

你作為訪客，在支付中一般會有哪些問題?

當(dāng)訪客遇到表單時，他們的問題集中在外觀、所需信息的合理性，以及安全性這幾個方面。在對表單快速瞟一眼以后，他們就會思考以下幾個問題：

· 我要從哪開始填？

· 填起來很簡單么？

· 填起來很費時間么？

· 整個過程中是不是有很多的步驟？

· 頁面安全嗎？

· 表單要求的信息量是否合理？

一旦訪客開始填寫表單，他又會有這樣幾個問題：

· 這些問題合理么？有必要在這里回答么？

· 我的信息安全么？保密么？

· 我看不懂這個問題，頁面上有解釋么？

· 我填表時候遇到問題了，怎么獲取幫助？

· 當(dāng)我點擊提交按鈕的時候后，會怎么樣？

· 我還要填多少？

3、表單特有的問題

· 看起來很麻煩

B2C商城系統(tǒng)搭建一些表單的元素不太友好，比如：徐璈輸入信息的文本框過于短小，組成列表的行過于死板，字體又黑又小，以及命令式的語氣等。將這些組合到一起，結(jié)果使得表單看起來很復(fù)雜，頁面讓人感覺麻煩，難激起訪客填寫的欲望。

· 貪得無厭

包含不必要的字段的表單稱為貪婪的表單。消滅和壓縮可有可無和不必要的字段。

4、設(shè)計要點

對于設(shè)計師來說，表單設(shè)計注重的是功能性和實用性，而不是花哨和娛樂。設(shè)計表單實際上不是藝術(shù)創(chuàng)作，而更多的是解決問題。如何創(chuàng)造一個可使用的表單交互頁面，這個頁面同時還要很友好、很清晰并且對訪客來說好填寫，是十分重要的。

刪掉不必要的字段、確保整個表單每個字段都有用

1)把注意力集中在表單區(qū)域

讓訪客越快把注意力放到表單上，他們就越快知道該干什么以及從哪開始。

下面這些方法可以讓你的表單脫穎而出：

· 表單的背后設(shè)置淺色背景（但要注意保證文本的易讀性）

· 在表單周圍加上邊框

· 表單區(qū)域用彩色

· 使用箭頭

在表單外面使用邊框，并對激活的表單進行顏色的強調(diào)

用模特的手勢給用戶一個指示性的作用，起到強調(diào)表單的作用

2)使用干凈、簡潔的布局

降低表單的復(fù)雜度和難度，使表單布局干凈簡潔。怎樣讓表單看起來干凈簡潔？

· 空間。不管用什么顏色，在表單周圍和表單的行間都留下足夠的空間，以此來增強可閱讀性。

· 去掉沒用的元素。表單周圍、里面的任何東西都應(yīng)該有助于表單的完成和提交。

適當(dāng)?shù)牧舭?，行間距的控制

· 消除字段和標(biāo)簽中的空白。字段和標(biāo)簽中的過多空白會導(dǎo)致用戶水平移動視線。把標(biāo)簽和字段放在一起，可以增加兩者之間的關(guān)聯(lián)性。

· 文本可讀性。確保訪客不用放大鏡就能看清楚頁面上的文字。12px以上。表單標(biāo)簽以及字段應(yīng)該選用高對比度且簡單的文字。

· 盡量左對齊文本和字段區(qū)域。訪客一般從左側(cè)來找到一行文本的起始端，右對齊的格式就讓人很難定位一行的開始，這會明顯增加表單的復(fù)雜性。左對齊的表單字段區(qū)域更能讓人從視覺上掌握整個布局，從而利于快速瀏覽。

右對齊的表單中，每行文本都不在同一起點上，要讀完這些標(biāo)簽眼球要轉(zhuǎn)動很多次、左對齊的時候所有文本都從固定的起點開始，直接向下掃描就可以看完所有的要填項

3)明確指示填寫的步驟和進度

如果你的表單填寫過程比較長，有沒有相應(yīng)指示，訪客會心生厭煩而放棄。

4)提供安全和保密措施

很多訪客會不自覺額在頁面上尋找“鎖”樣子的圖標(biāo)，看到“鎖”后才會確定鏈接的可信度。所以在填寫私人信息的時候別忘了在表單頁面上加一把鎖

購物流程設(shè)計的要點:

1、概述

任何電子商務(wù)網(wǎng)站都不希望客戶在購物流程階段流失。絕大多數(shù)的訪客是真的想要購買他們購物車里面的東西的，他們需要的是一個清晰簡單、沒有任何障礙的付款流程。

2、結(jié)算流程的目的

（1） 展示需要購買的條目

（2） 收集物流信息并驗證

（3） 收集賬單和付款信息并驗證

（4） 鏈接到一個付款接口，接受或處理付款

（5） 訪客的一般問題

準備階段的問題

1、 從哪開始?如何結(jié)算?

2、 要注冊么?

3、 我的密碼是什么?

4、 我還在剛才的商店么?

5、 我要用多長時間?

交易過程的問題

1、 安全么?

2、 郵寄費用要多少?

3、 支持那些付款方式?

4、 提交了以后會怎么樣?

5、結(jié)算流程的關(guān)鍵要素

結(jié)算步驟通常包括的元素

1、 購物車預(yù)覽

2、 登陸(針對老顧客);

3、 注冊(針對新顧客)

4、 賬單地址/郵寄地址;

5、 付款信息

6、 付款檢查

7、 確認

5、結(jié)算流程特有的問題

安全?

更多的提示客戶頁面的安全性

6、設(shè)計要點

結(jié)算流程通常設(shè)計很多個步驟，所以任何設(shè)計都必須考慮到整個過程，考慮每個步驟的變化會產(chǎn)生怎么樣的影響

使用基本的表單設(shè)計要點

1)結(jié)算流程實際上主要包含的是表單，所以回憶一下表單的要點

· 刪掉不必要的字段、

· 把注意力集中在表單區(qū)域

· 使用干凈、簡潔的布局

· 明確指示填寫的步驟和進度

· 提供安全和保密措施

2)幫助顧客記憶購物車里面的物品

購物時候經(jīng)常會忘了自己選了那個東西，擔(dān)心自己誤點了尺寸，顏色，需要確認、

提醒顧客最好的方式是在購物車中放置每個物品的縮略圖，其次，是讓物品名稱特別醒目，使用有利于閱讀的字體、此外，還應(yīng)該包括所選物品的信息，包括，顏色大小，等等、

3)區(qū)分按鈕的優(yōu)先級

按鈕在結(jié)算流程中是很重要的角色，幫助用戶更新他們的購物車，結(jié)算郵費，從一個步驟跳轉(zhuǎn)到下一個步驟、但是如果所有的按鈕看起來都是一個樣子就容易誤讀、如果用戶本來想結(jié)算下價格，但是卻看錯了按鈕不小心清空了購物車，這會非常影響購物體驗的、

4)整個結(jié)算流程的步驟要清晰

不管整個流程中訪客要經(jīng)歷多少步驟，讓他們知道還剩下多少步驟會讓他們感到更舒適、

5)盡量減少和優(yōu)化步驟

把以上這些設(shè)計要點用在設(shè)計B2C網(wǎng)站的購物流程上，能夠很好的優(yōu)化購物車的用戶體驗，減少用戶在購物流程中的困擾，從而真正的達到網(wǎng)站優(yōu)化的目的。

文章來源：51CTO

<數(shù)商云（www.zhimaihui.cn）是國內(nèi)知名企業(yè)級電商平臺提供商，為企業(yè)級商家提供最佳的系統(tǒng)開發(fā)（多種模式電商平臺搭建：B2B/B2B2C/B2C/O2O/新零售等）、供應(yīng)商系統(tǒng)搭建及電商解決方案服務(wù)>