国产亚洲精品中文带字幕21页_国产一级无码Av片在线观看_国产性色强伦免费视频_国产深夜激情一区二区

11年資深技術(shù)開發(fā)經(jīng)驗專業(yè)提供

無錫網(wǎng)站建設(shè)

,微信小程序開發(fā)
網(wǎng)站建設(shè)資訊

創(chuàng)新不是改變世界,而是不再重復(fù)昨天

當(dāng)前位置:首頁 > 建站資訊 > 建站知識

簡化輸入—讓網(wǎng)頁表單更親切

發(fā)布日期:2015-07-03   閱讀:2531次

大部分人不喜歡填表單,因為人們來到網(wǎng)站,主要目的不是填表,而是瀏覽或者購買。精心設(shè)計的表單,使輸入變得流暢讓人心情愉悅,而糟糕的設(shè)計讓人扶墻吐血。那怎樣才是良好的表單呢?頁面的布局、邏輯組織、視覺樣式等都是值得關(guān)注的細(xì)節(jié),其中簡化輸入是較近常被提及的,在這里我分享下自己工作中的心得…

1、更高大的輸入框

增加輸入框高度,加粗字體,可以讓網(wǎng)頁上的輸入框看起來更容易填寫和閱讀。隨著電腦顯示器尺寸變大,這樣的輸入框也顯得更大氣。

 

2、添加選取器。

與其讓人輸入不如提供選擇,選取內(nèi)容只要點幾下,就自動填充進(jìn)輸入框,不但可以減少輸入障礙,還能預(yù)防出錯??梢园讶魏蜗M臄?shù)據(jù)做成選取器,比如日期、顏色、地址或者歷史記錄等等。

舉個例子:前面的“對方開戶姓名”輸入框,需要填寫對方的姓名,如果對方名字里有漢字不認(rèn)識該怎么辦呢?于是我們可以加上一個生僻字的選取器,如圖:

 

打開字庫,可以根據(jù)模糊讀音選取漢字填入輸入框。另外,姓名輸入框有校驗,選取完成后不要忘記對輸入框內(nèi)容進(jìn)行再一次校驗。

 

3、預(yù)置文字。

采用預(yù)置文字來簡化輸入經(jīng)常在手機上看到,現(xiàn)在在網(wǎng)頁上也常使用。比如微博上發(fā)言的輸入框,會保留你上一次未發(fā)出的內(nèi)容,可以重新編輯。

在網(wǎng)上也會看到把“輸入提示”與“預(yù)置文字”混用。當(dāng)然,你怎樣稱呼他們都是可以的,但要明白這是兩種交互方式。輸入提示的目的是指導(dǎo)填寫的,聚焦輸入框后文本消失;而預(yù)置文字是屬于待修改的正式內(nèi)容,字體樣式應(yīng)與正式輸入的樣式相同,聚焦后文本是不會消失的。

當(dāng)表單輸入遇到選填與必填難以抉擇時,考慮預(yù)置文字會是一個不錯的折中方案。比如在一個申請付款的表單中,對用戶來說主要需填寫的是“對方賬號”和“付款金額”,付款說明是一個選填項。但對系統(tǒng)來說,又必須采集付款說明,作為交易憑據(jù)之一,這個付款說明怎樣處理呢?比較下面3個方式,顯然復(fù)選框的方式不適合,因為用戶若不填寫我們就無法收集到數(shù)據(jù),而輸入提示的方式還是需要用戶去填寫,所以意義也不大。折中了業(yè)務(wù)和用戶兩方面,預(yù)置“轉(zhuǎn)賬”兩字還是不錯的,不想填寫的人完全可以跳過它。

 

4、設(shè)備讀取。

攝像頭讀取、語音輸入……較近,各種智能錄入方式在手機上甚是流行,網(wǎng)頁上也不甘心示弱,紛紛添加了這些功能~還有人臉識別,不知道不久后會不會流行起來呢?

5、設(shè)置輸入屬性。

現(xiàn)在比較靠譜的還是Html5提供的一些表單類型屬性。除了限制輸入類型之外還有一些有意思的設(shè)置。拖放屬性,可以從桌面上直接拖進(jìn)相應(yīng)的輸入框里。在郵箱中拖入附件,若主題為空還可自動填寫主題。而range和number屬性,可以直接替換掉輸入框,對數(shù)值輸入很有用,在chrome里顯示如圖:

 

6、額外輸入漸進(jìn)展開

當(dāng)遇到需要增加知名或額外的選項時,可以采用即時添加刪除的方式。不需要填寫時,可以完全忽略,需要填寫時點擊一下就會顯示。

 

7、利用輸入反饋。

除了校驗填寫是否正確,輸入反饋也可以幫助簡化用戶填寫,其中有不少竅門。

比如在手機充值表單里,需要重復(fù)輸入一遍號碼才能確認(rèn)提交。再重復(fù)輸入一次,好像認(rèn)定你肯定會出錯。增加了號碼歸屬地的反饋(配合歷史記錄)可以避免這種讓人有點煩躁的方式。

 

下面這個例子將校驗獲得的推薦郵政編碼填寫到輸入框中,讓電腦變得更聰明一些。推薦的內(nèi)容減少了思考和填寫過程。

 

在反饋的顯示方式上,也值得挑剔一下。比如數(shù)值輸入框里被輸入了字母,格式錯誤。如果對較簡單的提供錯誤提示不滿意,可以試試讓輸入的字母先顯示1秒,然后即被刪除,這樣比單純的限制輸入類型要更容易理解。另外,還可以自動修改顯示格式:號碼輸入完成后,自動增加空格,可以方便閱讀。在需要強調(diào)時這樣使用還可以提示用戶進(jìn)行檢查,但是在普通的輸入框中就不需要那么復(fù)雜了。

 

給金額自動補全小數(shù),比如下面的例子服務(wù)費是有小數(shù)的,自動補全金額的小數(shù),可以消減顧慮,而且挺有趣。

 

講到這里,您是否對看似普通的表單設(shè)計產(chǎn)生了興趣呢?輸入框是較基礎(chǔ)的人機交互,每個人都有不同的理解,以上拋磚引玉,感謝您的閱讀,期待更多的分享和探討!

聲明:本站部分文字及圖片均來自于網(wǎng)絡(luò),如侵犯到您的權(quán)益,請及時通知我們進(jìn)行刪除處理。
最新建站資訊
292023-06
2023年公司網(wǎng)站有必要進(jìn)行改版嗎?

說起今年網(wǎng)站是否需要改版這個話題,就要從互聯(lián)網(wǎng)的誕生到互聯(lián)網(wǎng)高速發(fā)展的今天,目前有成熟的網(wǎng)站開發(fā)技術(shù)、網(wǎng)站設(shè)計也是日新月異。有了這些技術(shù)的前提,今天我們來說說公司網(wǎng)站有沒有必要進(jìn)行改版?

142023-04
無錫網(wǎng)站建設(shè)價格的評估依據(jù)有哪些?

隨著短視頻及直播的影響,流量迅速轉(zhuǎn)移到某些移動平臺,還來不及轉(zhuǎn)型又沒有穩(wěn)定流量來源的無錫網(wǎng)站設(shè)計公司活得那叫一言難盡。網(wǎng)站搭建的市場雖然急劇萎縮,卻也還有一定的市場需求,網(wǎng)站制作的價格也是良莠不齊。有很多客戶就納悶了,同樣一個網(wǎng)站設(shè)計,為什么做網(wǎng)站公司報出來的價格相差那么大呢?下面就來說說,無錫網(wǎng)站建設(shè)價格的評估依據(jù)有哪些?

152023-02
網(wǎng)站建設(shè)策劃包含的具體內(nèi)容主要包括哪些內(nèi)容

在做網(wǎng)站建設(shè)業(yè)務(wù)時候,通常前期企業(yè)客戶會要求網(wǎng)絡(luò)公司或者技術(shù)人員給出一個網(wǎng)站建設(shè)的方案。其實即使客戶不要求,作為做網(wǎng)站建設(shè)策劃的人員在建立網(wǎng)站前也應(yīng)該出一個這樣的策劃方案,這樣能讓自己的思路更清晰一些。

152023-02
一個優(yōu)質(zhì)的網(wǎng)站能給企業(yè)帶來什么

現(xiàn)如今互聯(lián)網(wǎng)中的用戶量是比較大的,企業(yè)網(wǎng)站可以通過互聯(lián)網(wǎng)將自己宣傳推廣出去,在用戶想通過搜索想要的產(chǎn)品、服務(wù)以及想要全面了解你的企業(yè),那么你的企業(yè)官網(wǎng)就能起到流量承載的作用。

092023-01
營銷型網(wǎng)站建設(shè)如何進(jìn)行?從下面四點進(jìn)行了解!

營銷型網(wǎng)站建設(shè)如何進(jìn)行?近幾年有很多企業(yè)開始建設(shè)企業(yè)網(wǎng)站用于商品宣傳和營銷,營銷型網(wǎng)站主要是以營銷為目的的,能夠幫助企業(yè)提示轉(zhuǎn)化率,從而起到好的市場營銷效果。建設(shè)營銷型網(wǎng)站也是有一定的方法和規(guī)則的,需要根據(jù)企業(yè)的產(chǎn)品、服務(wù)、優(yōu)勢等特點進(jìn)行市場的定位。

042023-01
無錫建設(shè)網(wǎng)站設(shè)計公司有哪些新趨勢

在互聯(lián)網(wǎng)發(fā)展的環(huán)境中,企業(yè)在不斷的變化,創(chuàng)新也就成為企業(yè)必不可少的方式,那么在企業(yè)網(wǎng)站設(shè)計發(fā)展的新趨勢又有哪些呢?在建設(shè)網(wǎng)站效果達(dá)到好的效果呢?

版權(quán)所有 ? 2011-2024 無錫迅誠信息科技有限公司    備案號:蘇ICP備11038949號-2     蘇公網(wǎng)安備 32020602000833號

專業(yè)團(tuán)隊為您提供無錫網(wǎng)站建設(shè),無錫網(wǎng)站制作,無錫品牌網(wǎng)站設(shè)計,無錫響應(yīng)式網(wǎng)站制作,無錫微信小程序開發(fā)等服務(wù),無錫建網(wǎng)站就找迅誠科技!    網(wǎng)站地圖 | 地圖XML

鄂尔多斯市| 陇西县| 察雅县| 阿合奇县| 祥云县| 东源县| 潼关县| 海南省| 江山市| 亚东县| 民县| 靖西县| 大兴区| 越西县| 门源| 新乡市| 泰兴市| 盐亭县| 密云县| 济宁市| 江城| 曲靖市| 桃源县| 阳朔县| 德格县| 桐梓县| 全南县| 鄄城县| 嘉义市| 峨边| 民勤县| 醴陵市| 修武县| 兴城市| 韶关市| 临西县| 噶尔县| 滕州市| 台中市| 文山县| 罗甸县|