分享交互好且轉(zhuǎn)化率高的表單設(shè)計(jì)技巧
作者:佚名 來源:本站 時(shí)間:2018-01-04 點(diǎn)擊:92次
表單在網(wǎng)頁設(shè)計(jì)、app或者軟件界面當(dāng)中被廣泛的使用,因而表單設(shè)計(jì)是個(gè)比較重要的工作。一個(gè)好的表單,不僅僅是界面設(shè)計(jì)上的體現(xiàn),表單的交互和體驗(yàn)也尤為重要。本文總結(jié)了表單設(shè)計(jì)的八大技巧,希望對大家有所幫助。
1、表單標(biāo)簽需采用合適的展現(xiàn)形式根據(jù)表單的運(yùn)用場景,標(biāo)簽應(yīng)采用對應(yīng)的展現(xiàn)形式,常見的展現(xiàn)形式有以下三種:左標(biāo)簽、頂部標(biāo)簽、行內(nèi)標(biāo)簽。
A. 左標(biāo)簽在一些網(wǎng)頁表單當(dāng)中,標(biāo)簽局左是最常見的一種形式。左標(biāo)簽的展示形式給人一種秩序感,也便于用戶在填寫表單的過程中快速的辨別標(biāo)簽內(nèi)容。左標(biāo)簽的這種形式一般用于網(wǎng)頁當(dāng)中,不適合在手機(jī)端或者小屏下的移動(dòng)端出現(xiàn),因?yàn)樾∑聊坏某叽缬邢蓿瑯?biāo)簽居左會占用較大的空間,輸入框就會受限。
B. 頂部標(biāo)簽頂部標(biāo)簽指的是標(biāo)簽位于輸入框上方,這種形式一般出現(xiàn)在一些移動(dòng)端當(dāng)中。頂部標(biāo)簽可以使輸入框的寬度變大,用戶在填寫信息也可以比較得到完整的展示。但這種布局方式也有一個(gè)缺不好的點(diǎn),就是這個(gè)表單可能需要滾屏,用戶才可以看完。
C. 行內(nèi)標(biāo)簽行內(nèi)標(biāo)簽常常出現(xiàn)在手機(jī)端的注冊界面當(dāng)中,這樣的設(shè)計(jì)可以節(jié)省頁面空間,所以大部分app的界面設(shè)計(jì)都采用這樣的設(shè)計(jì)。當(dāng)然,部分網(wǎng)站pc端的表單設(shè)計(jì)中也會用到這種設(shè)計(jì)。
2、英文標(biāo)簽避免全部大寫一些英文界面的表單設(shè)計(jì),我們要避免標(biāo)簽的全大寫。全部大寫的標(biāo)簽容易造成閱讀和瀏覽上的困難。
3、特殊標(biāo)簽需使用合適的輸入框長度對于特定的標(biāo)簽,像驗(yàn)證碼、郵編這樣的標(biāo)簽,在設(shè)計(jì)的時(shí)候需要采用合適的輸入框長度。畢竟這樣的輸入框是用戶可預(yù)見的,所以輸入框的長度可以不需要太長。
4、復(fù)選框排列需注意在表單中常出現(xiàn)復(fù)選框的設(shè)計(jì),這樣的情況需要特殊處理。比如在注冊的過程中,會有性別的選擇,所以通常設(shè)計(jì)該表單的時(shí)候我們會將男女橫排在一行。但是對于內(nèi)容多的情況下,就建議采用豎排的排序方式。
5、主按鈕和輔按鈕需要明確的區(qū)分在表單提交的時(shí)候,出現(xiàn)多個(gè)按鈕的情況下,需要做明確的區(qū)分,這樣有利于用戶在操作過程中方便辨別操作步驟。
6、提醒文本設(shè)計(jì)需要明確用戶在填寫表單的過程中,對于輸入的錯(cuò)誤信息需要有幫助的提醒文本,對于較為復(fù)雜的提示文本需要做一個(gè)隱藏圖標(biāo)。
7、必填項(xiàng)需用*號做好標(biāo)示有些表單內(nèi)容較多,可以采用*號標(biāo)注幾個(gè)必填項(xiàng)來讓用戶縮短表單的填寫時(shí)間。
8、特殊標(biāo)簽的可選項(xiàng)設(shè)計(jì)對于出生年月日、地區(qū)等特殊標(biāo)簽,最好設(shè)計(jì)成可選項(xiàng),減少用戶的使用成本。
一個(gè)好的表單設(shè)計(jì),需考慮到用戶的方方面面。而好的用戶體驗(yàn)還要盡可能的簡化操作步驟,全部手動(dòng)輸入的模式費(fèi)時(shí)費(fèi)力,對用戶來說也不是一種友好的體驗(yàn)。所以表單的設(shè)計(jì),需要滿足界面上美感的同時(shí)還需要考慮到用戶體驗(yàn)。
表單雖然在整個(gè)網(wǎng)站或者app中占比不高,但是表達(dá)足可以體驗(yàn)交互的一些細(xì)節(jié)體驗(yàn)。一個(gè)不好的表達(dá)設(shè)計(jì)可能會讓使用者放棄該站點(diǎn),比如文中提到的案例三。本文提供的幾點(diǎn)設(shè)計(jì)表單的技巧,希望可以幫助大家提升表單的用戶體驗(yàn)和轉(zhuǎn)化率。
相關(guān)閱讀
更多資訊
- 網(wǎng)站的外鏈分析
- 怎么選擇廣告聯(lián)盟
- 個(gè)人網(wǎng)站的分類及其盈利模式
- 做好網(wǎng)站推廣,提升網(wǎng)站流量
- 怎么運(yùn)用網(wǎng)絡(luò)推廣做好產(chǎn)品營銷
- 企業(yè)網(wǎng)站推廣運(yùn)營中需要注意的問題
- domain:迅速幫你找到外鏈平臺
- 推廣網(wǎng)站不得不知道的辦法及技巧
- 網(wǎng)站推廣,思路決定出路
- 網(wǎng)站推廣的渠道及其效果比較
- 網(wǎng)站推廣的具體辦法及注意事項(xiàng)
- 運(yùn)用QQ產(chǎn)品來做網(wǎng)絡(luò)推廣
- 推廣網(wǎng)站的渠道—“病毒式營銷”
- 網(wǎng)站推廣渠道大全
- 6種實(shí)用軟文分類
- 十二種網(wǎng)站頁面廣告形式及效果比較
- 病毒式營銷需注意的核心重點(diǎn)
- 博客的優(yōu)化及推廣
- ceo為什么要重視企業(yè)博客
- 網(wǎng)站流量提升技巧—搶名人博客"沙發(fā)"
熱門文章
推薦游戲
換一換- 慶余年手游網(wǎng)易版-慶余年網(wǎng)易正版提供下載v1.0.12.528396網(wǎng)易服
- 天下英雄登錄送真充版-天下英雄送萬元真充版下載v1.0
- 放開吧三國2無限版手游免費(fèi)下載-放開吧三國2無限版游戲免費(fèi)下載v1.0
- 盛世皇城OL下載-盛世皇城OL手游下載v1.2.462
- 天行道百連抽版-天行道無限抽版本下載v1.0無限連抽版
- 穿越火線王者奪寶2020-穿越火線王者奪寶版下載v1.0.280.580活動(dòng)
- 合金彈頭集結(jié)賀歲送2022真充版-合金彈頭集結(jié)送2022元充值卡版提供下載v1.1.0
- 我在古代有條街破解版-我在古代有條街無限銅幣版下載v0.1云存檔版
- 極品飛車17最高通緝破解版免內(nèi)購-破解版中文下載v1.3.128漢化破解版
最新文章
- 人氣排行