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