尤文图斯比赛

此頁面上的內容需要較新版本的 Adobe Flash Player。

獲取 Adobe Flash Player

網站首頁   |   關于伊維   |   網站建設   |   軟件開發   |   案例欣賞   |   配套服務   |   新聞動態   |   技術支持   |   聯系我們
  新聞動態 News
  伊維觀點
 
 
  虛擬空間 域名注冊
  優化推廣 網站推廣
  企業郵箱 短信平臺
  平面設計 定制印刷
  戶外廣告  
 
伊維互聯的成長歷程與資質
為您解答售
前的一切問題
最新客戶與公司動態
伊維互聯的
成長歷程與資質
給我們發送郵件
最新客戶與
公司動態
首頁 新聞動態 最新動態
簡化輸入 — 讓網頁表單更親切
  

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

1、更高大的輸入框

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

2、添加選取器。

與其讓人輸入不如提供選擇,選取內容只要點幾下,就自動填充進輸入框,不但可以減少輸入障礙,還能預防出錯。可以把任何希望的數據做成選取器,比如日期、顏色、地址或者歷史記錄等等。

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

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

3、預置文字。

采用預置文字來簡化輸入經常在手機上看到,現在在網頁上也常使用。比如微博上發言的輸入框,會保留你上一次未發出的內容,可以重新編輯。

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

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

4、設備讀取。

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

5、設置輸入屬性。

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

 
分享到:
 
 
珠海網站建設·最新動態伊維互聯 竭誠為您服務!
建站熱線:0756-2611167 (總機)

相關網站建設鏈接:
珠海做網站|最新動態|珠海網站制作
(聲明:本文部分資料參考來源網絡,如有侵權請及時告之)

 
尤文图斯比赛 时时彩后三复式八码 新时时二星组选技巧 推牌9顺口溜 北京pk10高手技术分享 四肖三期必開王中王开奖结果 免费电子路单软件 爱玩棋牌 北京pk拾计划官方 创新平台 二人麻将棋牌可兑现 赌龙虎最好的方法 灵灵发pk10必赢计划