久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

網頁設計表單元素設計大揭密

網頁設計表單元素設計大揭密 三聯

  表單是由許多細小的元素所組合而成的集合體,標題和輸入框的排列方式有著重要的地位,標題要放在輸入框的左側還是上面?要靠左還是靠右?要怎么排列才能提高表單的完成率呢?

  標題和輸入框常見的排列方式

  1. 放在輸入框左邊,而且靠左對齊

  2. 放在輸入框左邊,但是靠右對齊

  3. 放在輸入框上面

  4. 放在輸入框里面

  排列方式的比較

  到底這四種排列方式有什么不一樣呢?其實這些排列組合最大的影響都在于用戶視線的移動,在第一種排列方式中,用戶的視線先看到標題,由于靠左對齊的緣 故,我們可以看到表單的左側有著很整齊的虛擬標線,用戶的視線會跟隨著這條虛擬路徑前進,他們會舒服的看完所有的標題,大概的這張表單要求用戶輸入什么數據。

  但是由于標題靠左的關系,標題和輸入框之間的關系就不是這么明顯,距離也不固定,使用者要來回在標題-輸入框之間呈現Z型的瀏覽路徑,所以對用戶而言輸入上會稍微產生一點障礙,當然也就增加了完成表單的時間。

  第二種排列方式可以減少上面所提到的困擾,因為標題靠右對齊,標題和輸入框之間的關系既清楚又明顯,Z型路徑變短了,輸入數據就會比較輕松。但是由于左側的虛擬標線也變得崎嶇,用戶對于整個表單的概念就會稍微減低,但還不致于造成障礙。

  第三種排列方式是直接把標題放在輸入框上面,這個方式完全消除了讓人感到煩躁的Z型路徑,從頭到尾可以較為流暢的閱讀與完成表單,左側的虛擬標線也很整齊,所以使用者的輸入時間也比較短。唯一的缺點是表單看起來變長了,讓使用者心理上感覺好像會花最多時間。

  最后一種方式最常出現在注冊或登入的表單上面,把標題直接和輸入框結合,當使用者開始輸入的時候,在輸入框里的標題便慢慢淡出。視覺動線流暢、垂直高度 短、也很容易快速瀏覽表單要求的項目。這個方式最大的缺點大概就是當用戶開始輸入數據的時候,標題就消失了,偶爾會讓使用者產生混淆。

  這四種排列組合的方式有著不同的優點與缺點,適合用在不同的地方。設計師可以考慮各種狀況采用不同的排列組合。如果你的網站對于垂直空間很要求,那么第三種排列方式就不能采用了;如果你需要用戶快速的完成表單,第一種排列方式可能不是很好的選項。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 超碰97人人人人人蜜桃 | 成人av免费 | 国产欧美精品 | 成人三级视频 | 国产一级片一区二区三区 | 久久噜噜噜精品国产亚洲综合 | 亚洲电影一区 | 国产精品久久久久久久久图文区 | 免费看一级毛片 | 美女拍拍拍网站 | 岛国精品| 一区二区免费在线 | 成人a视频在线观看 | 自拍偷拍亚洲一区 | 国产在线精品一区 | 91久久精品日日躁夜夜躁国产 | 国产一级片免费在线观看 | 91免费版在线观看 | 亚洲高清在线视频 | 中文字幕加勒比 | 日韩精品一区二区三区在线播放 | 日韩精品在线网站 | 伊人久久综合 | 97国产精品 | 一级毛片免费看 | 国产在线精品一区 | 99热这里有精品 | www.日本在线| 亚洲美女一区二区三区 | 亚洲一区二区免费电影 | 精品一区二区三区四区五区 | 99久久精品国产一区二区三区 | 国产亚洲一区二区三区在线 | 欧美一区久久 | 国产精品二区三区在线观看 | 中文字幕成人在线 | 国产一区二区小视频 | 天天躁日日躁xxxxaaaa | 国产成人精品午夜视频免费 | 国产色在线 | 最近中文字幕在线视频1 |