技術(shù)資訊
互聯(lián)網(wǎng)表單設(shè)計(jì) 第四章 標(biāo)簽(3)右對(duì)齊標(biāo)簽
2009-03-23 22:11:00
右對(duì)齊標(biāo)簽
右對(duì)齊標(biāo)簽同樣具有輸入框與標(biāo)簽相鄰的優(yōu)點(diǎn)，因此也能快速填完（圖4.6）。但右對(duì)齊布局造成左側(cè)不齊，降低快速掃描表單問(wèn)題的效率。西方人習(xí)慣從左往右閱讀，他們的眼睛喜歡沿左側(cè)移動(dòng)。
圖4.6
右對(duì)齊標(biāo)簽的優(yōu)缺點(diǎn)。
如果標(biāo)簽文字寬度變化，右對(duì)齊標(biāo)簽會(huì)產(chǎn)生靈活性問(wèn)題。如果標(biāo)簽需要兩行文字，掃描表單會(huì)更加困難，這種現(xiàn)象相當(dāng)普遍。
如果要盡量減少表單使用的垂直屏幕空間，右對(duì)齊標(biāo)簽?zāi)芴峁┛焖偻瓿?。Matteo Penzo眼動(dòng)研究發(fā)現(xiàn)（圖4.7），專家用戶和新手掃視（眼睛運(yùn)動(dòng)）右對(duì)齊標(biāo)簽表單的標(biāo)簽和輸入框的平均時(shí)間分別為170毫秒和240毫秒，而填完時(shí)間比左對(duì)齊標(biāo)簽多兩倍。圖4.8，右對(duì)齊標(biāo)簽布局例子。
圖4.7
Matteo Penzo右對(duì)齊標(biāo)簽眼動(dòng)數(shù)據(jù)。
圖4.8
LinkedIn網(wǎng)站注冊(cè)表單采用右對(duì)齊標(biāo)簽布局。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能，海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開(kāi)發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)？為什么要開(kāi)發(fā)微信小程序？
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少？
延伸閱讀
- [2009-02-12 08:58:00] 回車(chē)鍵觸發(fā)表單提交的問(wèn)題
- [2015-07-16 21:42:58] 織夢(mèng)自定義表單獲取到當(dāng)前時(shí)間
- [2008-08-14 16:13:00] 注冊(cè)表單中出錯(cuò)字段排行榜
- [2014-08-31 23:08:11] 反饋表單的確認(rèn)后提交提示
- [2009-02-18 10:45:00] 互聯(lián)網(wǎng)表單設(shè)計(jì)—第一章 表單設(shè)計(jì)(1)
- [2009-02-15 22:38:00] 表單設(shè)計(jì)中的常見(jiàn)問(wèn)題
- [2008-11-10 22:28:00] 表單中的重置與取消按鈕
- [2008-11-14 11:06:00] 表單可用性5原則
- [2009-01-05 23:05:00] 表單設(shè)計(jì)的最佳體驗(yàn)
- [2008-08-13 12:16:00] 注冊(cè)表單的規(guī)則
- [2009-03-03 08:51:00] 設(shè)計(jì)評(píng)論表單
- [2012-08-20 12:29:56] 網(wǎng)站的表單設(shè)計(jì)要點(diǎn)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
搜索引擎 微官網(wǎng) 營(yíng)銷(xiāo)策略 網(wǎng)站策劃 網(wǎng)站視覺(jué) 青島網(wǎng)站案例 青島高端網(wǎng)站建設(shè)公司哪家好 網(wǎng)站制作 搜索引擎蜘蛛 GOOGLE 青島好的網(wǎng)站優(yōu)化公司 企業(yè)網(wǎng)站設(shè)計(jì) 青島做網(wǎng)站多少錢(qián) 響應(yīng)式設(shè)計(jì) 高端網(wǎng)站設(shè)計(jì) 青島輪胎網(wǎng)站設(shè)計(jì) SEO 集團(tuán)公司網(wǎng)站建設(shè) 新的元素 交互設(shè)計(jì) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 版面布局 集團(tuán)性網(wǎng)站 網(wǎng)站推廣 網(wǎng)站交互設(shè)計(jì) 手機(jī)網(wǎng)站建設(shè) SEO優(yōu)化 企業(yè)網(wǎng)站 集團(tuán)官網(wǎng) html和css
