通常來說,基本上每一個網站都離不開用戶注冊,用戶反饋,用戶留言等各種基本功能,這些基本信息都會涉及到表單的問題,如果想要提升這些方面的用戶體驗,那么在表單設計方面必須不僅需要花費很多的心思,更需要掌握表單設計的基本原則和技巧,今天,天津網站建設-文率科技的小編特意為大家分享關于表單設計的知識。
首先,簡單說說表單中含有哪些元素:
標簽:作用主要是為了告訴用戶表單需要填寫哪些類型的信息,一般情況下,都是放在表單文本框之外的。
表單字段:主要是用來收集用戶輸入的信息,我們平時使用的表單,每個字段都包含著某一類信息,如:姓名,性別等等。
占位符文本:又被稱之為是提示文本,位于表單文本框里面,其主要作用是為了提示用戶填寫,在大多數的做法中,當用戶開始輸入,這些提示文本將會自動消失。
其次,著重講一下關于表單設計的原則:
一、明確輸入域標識
表單中每一個客戶輸入的區域,視覺上一定要合理,盡可能的做到方便用戶使用,不要只是一味的追求美觀度而使得輸入區域變得模糊。如果對于表單設計您實在沒有好的想法,天津網站建設-文率科技的小編建議您,不妨采用IE默認的樣式,雖然簡陋,卻能讓用戶易于理解,而對表單中的必選可選區域,無論是通過改變元件的邊框或者背景顏色,還是增加*號標識,必須做到明確,讓瀏覽者在使用表單時,可以快速理解表單元件規則。
二、表單盡可能智能化
如果表單具備一定的功能性,如:搜索,查詢產品,服務等,建議較好使用能夠提供搜索歷史或者是查詢記錄的功能,這樣能夠有效的幫助用戶快速找到自己想要的內容。關于歷史搜索及查詢記錄的功能,完全可以通過Javascript技術或者服務器端編程來實現。
三、布局盡可能簡單
隨著時代的發展,人們的審美也在不斷地發生著改變,在表單設計中如果采用過多的色彩和設計元素,或許能夠引起用戶的注意,但是與之而來帶來的問題就是,用戶難以將注意力集中在關鍵的信息上了。通常來說,淺色的背景和更容易被聚焦的主體內容搭配在一起,是有效的設計策略,合理地加入一些描述性的內容,能夠幫助用戶更好地理解信息,提升整個流程的速度,增加表單的直觀性。
如下面的這個案例中,諸如“Username”和“Password”都作為描述性的文本,來幫助用戶了解各個字段需要填寫的內容。
四、驗證方式采用手機
經常瀏覽網頁的用戶應該都經歷過,當填寫表單時,可能需要進行相應的驗證,而驗證的方式多種多樣,如:手機,郵箱,身份證號碼等等,但是在眾多的驗證方式中,不得不說,手機驗證相對于其他驗證方式而言,有著更高的方便性,快捷性,因為在今天,大多數人基本上都是手機不離身的,打開手機驗證是賤人。
五、符合網站風格,用戶習慣
每一個表單想要成功,都必須做到符合它要表達的形勢或情況,當你技術設計表單時,一定要問問自己下面,天津網站建設-文率科技的小編所提到的問題,(1)你打算問什么問題?以什么的形式開始問?(2)你的網頁中有表單和沒有表單分別是什么樣的展示形式?(3) 表單中有沒有用戶要填的信息,或者有沒有他們想要填的信息?這些回答,這些問題的答案對于表單的樣式和內容設計有很大的幫助。
六、必須要使用簡潔描述
有時,用戶可能不理解你的表單,這時就需要你解釋一下在表單中收集相關信息的原因,尤其是那些用戶不愿分享的信息,如:電話號碼、電子郵件、身份證號碼等,這樣做不僅消除了用戶的疑慮, 也保證了數據的正確性。但是需要切記:任何描述和評論都要簡明扼要,不要長篇大論,影響用戶體驗。
看下圖:
最后,天津網站建設-文率科技http://m.codepolly.com/的小編就是想要告訴大家,在制作時一定要注意,畢竟現如今很多的網站中都有表單,如果可以做好的話,對網站用戶體驗會有一個很大的提升,只要用心去設計,說不定你會驚訝于表單的質量的大幅提升以及收獲的大量反饋。