表單設計的要點:
1. 概述
表單對客戶來說是很煩人的,但它對在線處理很重要,讓填寫表單的過程簡單、快速,才能讓網站快速獲取潛在的利益。
2. 訪客的問題
你作為訪客,在支付中一般會有哪些問題?
當訪客遇到表單時,他們的問題集中在外觀、所需信息的合理性,以及安全性這幾個方面。在對表單快速瞟一眼以後,他們就會思考以下幾個問題:
1、我要從哪開始填?
2、填起來很簡單麼?
3、填起來很費時間麼?
4、整個過程中是不是有很多的步驟?
5、頁面安全嗎?
6、表單要求的信息量是否合理?
一旦訪客開始填寫表單,他又會有這樣幾個問題:
·1、這些問題合理麼?有必要在這裡回答麼?
2、我的信息安全麼?保密麼?
3、我看不懂這個問題,頁面上有解釋麼?
4、我填表時候遇到問題了,怎麼獲取幫助?
5、當我點擊提交按鈕的時候後,會怎麼樣?
6、我還要填多少?
3. 表單特有的問題
看起來很麻煩
一些表單的元素不太友好,比如:徐璈輸入信息的文本框過於短小,組成列表的行過於死板,字體又黑又小,以及命令式的語氣等。將這些組合到一起,結果使得表單看起來很復雜,頁面讓人感覺麻煩,難激起訪客填寫的欲望。
貪得無厭
包含不必要的字段的表單稱為貪婪的表單。消滅和壓縮可有可無和不必要的字段。
4. 設計要點
對於設計師來說,表單設計注重的是功能性和實用性,而不是花哨和娛樂。
設計表單實際上不是藝術創作,而更多的是解決問題。如何創造一個可使用的表單交互頁面,這個頁面同時還要很友好、很清晰並且對訪客來說好填寫,是十分重要的。
刪掉不必要的字段。確保整個表單每個字段都有用
1) 把注意力集中在表單區域
讓訪客越快把注意力放到表單上,他們就越快知道該干什麼以及從哪開始。
下面這些方法可以讓你的表單脫穎而出:
1、表單的背後設置淺色背景(但要注意保證文本的易讀性)
2、在表單周圍加上邊框
3、表單區域用彩色
4、使用箭頭
在表單外面使用邊框,並對激活的表單進行顏色的強調
用模特的手勢給用戶一個指示性的作用,起到強調表單的作用
2)使用干淨、簡潔的布局
降低表單的復雜度和難度,使表單布局干淨簡潔。
怎樣讓表單看起來干淨簡潔?
空間。不管用什麼顏色,在表單周圍和表單的行間都留下足夠的空間,以此來增強可閱讀性。
去掉沒用的元素。表單周圍、裡面的任何東西都應該有助於表單的完成和提交。
適當的留白,行間距的控制
1、消除字段和標簽中的空白。字段和標簽中的過多空白會導致用戶水平移動視線。把標簽和字段放在一起,可以增加兩者之間的關聯性。
2、文本可讀性。 確保訪客不用放大鏡就能看清楚頁面上的文字。12px以上。表單標簽以及字段應該選用高對比度且簡單的文字。
3、盡量左對齊文本和字段區域。訪客一般從左側來找到一行文本的起始端,右對齊的格式就讓人很難定位一行的開始,這會明顯增加表單的復雜性。左對齊的表單字段區域更能讓人從視覺上掌握整個布局,從而利於快速浏覽。
右對齊的表單中,每行文本都不在同一起點上,要讀完這些標簽眼球要轉動很多次。
左對齊的時候所有文本都從固定的起點開始,直接向下掃描就可以看完所有的要填項
3) 明確指示填寫的步驟和進度
如果你的表單填寫過程比較長,有沒有相應指示,訪客會心生厭煩而放棄。
4) 提供安全和保密措施
很多訪客會不自覺額在頁面上尋找“鎖”樣子的圖標,看到“鎖”後才會確定鏈接的可信度。所以在填寫私人信息的時候別忘了在表單頁面上加一把鎖
購物流程設計的要點:
1. 概述
任何電子商務網站都不希望客戶在購物流程階段流失。絕大多數的訪客是真的想要購買他們購物車裡面的東西的,他們需要的是一個清晰簡單、沒有任何障礙的付款流程。
2. 結算流程的目的
1、展示需要購買的條目
2、收集物流信息並驗證
3、收集賬單和付款信息並驗證
4、鏈接到一個付款接口,接受或處理付款
5、訪客的一般問題
准備階段的問題
1、從哪開始?如何結算?
2、要注冊麼?
3、我的密碼是什麼?
4、我還在剛才的商店麼?
5、我要用多長時間?
交易過程的問題
1、安全麼?
2、郵寄費用要多少?
3、支持那些付款方式?
4、提交了以後會怎麼樣?
4. 結算流程的關鍵要素
結算步驟通常包括的元素
1、購物車預覽
2、登陸(針對老顧客);
3、注冊(針對新顧客)
4、賬單地址/郵寄地址;
5、付款信息
6、付款檢查
確認
5. 結算流程特有的問題
安全?
更多的提示客戶頁面的安全性
6. 設計要點
結算流程通常設計很多個步驟,所以任何設計都必須考慮到整個過程,考慮每個步驟的變化會產生怎麼樣的影響
使用基本的表單設計要點
1) 結算流程實際上主要包含的是表單,所以回憶一下表單的要點
1、刪掉不必要的字段。
2、把注意力集中在表單區域
3、使用干淨、簡潔的布局
4、明確指示填寫的步驟和進度
5、提供安全和保密措施
2) 幫助顧客記憶購物車裡面的物品
購物時候經常會忘了自己選了那個東西,擔心自己誤點了尺寸,顏色,需要確認。
提醒顧客最好的方式是在購物車中放置每個物品的縮略圖,其次,是讓物品名稱特別醒目,使用有利於閱讀的字體。此外,還應該包括所選物品的信息,包括,顏色大小,等等。
3) 區分按鈕的優先級
按鈕在結算流程中是很重要的角色,幫助用戶更新他們的購物車,結算郵費,從一個步驟跳轉到下一個步驟。但是如果所有的按鈕看起來都是一個樣子就容易誤讀。如果用戶本來想結算下價格,但是卻看錯了按鈕不小心清空了購物車,這會非常影響購物體驗的。
4) 整個結算流程的步驟要清晰
不管整個流程中訪客要經歷多少步驟,讓他們知道還剩下多少步驟會讓他們感到更舒適。
5) 盡量減少和優化步驟
把以上這些設計要點用在設計B2C網站的購物流程上,能夠很好的優化購物車的用戶體驗,減少用戶在購物流程中的困擾,從而真正的達到網站優化的目的。