2015-12-21

行動網站設計原則 - Part5 表單輸入方式 Category: 行動網站

不論是在註冊或是填網站表單時,都應該讓使用者的轉換過程很順暢,

因此本篇要提及簡化表單的方式, 讓完成填表動作都能夠一氣呵成。


<原則一>設計效益良好的表單

效益良好指的是,表單只需要包含必要的欄位,盡量簡化需要填入的數量。
如果表單包含多個欄位、部分時,建議使用進度列表,讓使用者知道後續步驟。 


<原則二>方便使用者選擇日期

提供日曆或是日期選擇工具,不要讓使用者自行輸入資料,可以加快填表的動作,
這麼做也可以確保日期格式的正確性,也不用再另外提示使用者輸入正確的格式。 


<原則三>善用標籤和即時驗證功能,儘可能減少表單錯誤

當使用者輸入的資訊有誤時,以即時驗證的功能來提醒使用者。
善用標籤作為輸入的提示,可以減少表單的錯誤。
最後送出時,若表單有問題也需要做到明確提示之訊息。 

以上解說案例是來自於365Shop的精選案例 - 金銀帝國 Imperial Taels 獨一無二的銀飾服飾品牌

更多文章推薦:
<行動網站設計原則系列文章>
行動網站設計原則 - Part1 首頁與網站瀏覽
行動網站設計原則 - Part2 產品頁面
行動網站設計原則 - Part3 登入與帳戶資訊
行動網站設計原則 - Part4 交易與轉換
行動網站設計原則 - Part6 便利性及裝置外觀尺寸

返回列表