設(shè)計(jì)理論入門:Web交互易用性指導(dǎo)原則_建站經(jīng)驗(yàn)教程
推薦:別讓域名糟蹋了網(wǎng)站網(wǎng)站對(duì)域名的追求就像女人對(duì)化妝品、衣服的追求一樣,假如一個(gè)好的網(wǎng)站沒(méi)有一個(gè)好的域名似乎已經(jīng)成了落伍的表現(xiàn);換而言之,假如能有一個(gè)好的域名,那么就算網(wǎng)
1. 輸入控件的自動(dòng)聚焦和可用鍵盤切換輸入焦點(diǎn)
使用JavaScript實(shí)現(xiàn)頁(yè)面加載完成后立即自動(dòng)聚焦(focus)到第一個(gè)輸入控件。可用TAB鍵(IE缺省實(shí)現(xiàn))或方向鍵切換聚焦到下一個(gè)輸入控件。
2. 可用Enter(或Ctrl+Enter)鍵提交,確保和點(diǎn)擊提交按鈕的效果是相同的
不要在提交按鈕上加入onClick=”…”這樣的JavaScript代碼。
3.鼠標(biāo)動(dòng)作提示和回應(yīng)
對(duì)用戶的鼠標(biāo)定位操作,當(dāng)移動(dòng)到可響應(yīng)的位置上時(shí),應(yīng)給予視覺(jué)或聽(tīng)覺(jué)的提示。
4.盡可能早的在客戶端完成輸入數(shù)據(jù)合法性驗(yàn)證
輸入數(shù)據(jù)的合法性檢驗(yàn)應(yīng)該在客戶端使用JavaScript進(jìn)行驗(yàn)證。除非驗(yàn)證只能在服務(wù)器端完成,否則驗(yàn)證工作應(yīng)在最早能完成的情況下進(jìn)行。
5.根據(jù)應(yīng)用場(chǎng)景決定在表單頁(yè)面和提交后返回頁(yè)面間是否使用中間過(guò)渡頁(yè)面
根據(jù)應(yīng)用場(chǎng)景,決定是否顯示接收表單頁(yè)面(表單頁(yè)面和提交后返回頁(yè)面間的中間過(guò)渡頁(yè)面),以及使用何種方式顯示接收表單頁(yè)面。
6.防止表單重復(fù)提交處理
對(duì)提交按鈕點(diǎn)擊后做變灰處理避免在網(wǎng)絡(luò)響應(yīng)較慢情況下用戶重復(fù)提交同一個(gè)表單。使用頁(yè)面過(guò)期失效避免用戶后退瀏覽重復(fù)提交表單。
7.頁(yè)面鏈接是打開(kāi)新窗口、使用原窗口還是彈出窗口的原則
一般而言,首頁(yè)上鏈接可以使用target=”_blank”屬性打開(kāi)新窗口,而其他頁(yè)面上的鏈接都應(yīng)使用原窗口或彈出窗口。假如鏈接頁(yè)面內(nèi)容相對(duì)原頁(yè)面來(lái)說(shuō)不重要,是附屬性質(zhì)的,可以使用彈出窗口方式。
8.盡可能少的排列可選項(xiàng),盡可能少的安排操作步驟
根據(jù)用戶操作習(xí)慣安排盡可能少的操作菜單選項(xiàng),同時(shí)要保證盡可能少的操作步驟。
9.操作邏輯無(wú)漏洞,保證數(shù)據(jù)是操作安全的
多個(gè)頁(yè)面間的操作和同個(gè)頁(yè)面上的多個(gè)操作間的邏輯關(guān)系在設(shè)計(jì)上是安全和嚴(yán)謹(jǐn)?shù)�。保證不會(huì)出現(xiàn)不被答應(yīng)的用戶操作組合,至少不會(huì)因?yàn)橛脩舻牟贿m當(dāng)?shù)牟僮鲗?dǎo)致出錯(cuò)。
分享:拿什么拯救你:我們的域名之痛假如你買了一輛車,停在停車場(chǎng)里,想把車開(kāi)走時(shí),停車場(chǎng)找你索要各種復(fù)雜的手續(xù)以證實(shí)這輛車是你的,并且要求你多交一年或幾年的停車費(fèi),甚至壓根兒就以各種理
- 雙十二電商促銷思路淺析
- Matt Cutts:不要把注意力放在PR上
- 百度要革自己的命?移動(dòng)搜索或取消PC網(wǎng)頁(yè)收錄
- Google adsense帳戶被封到解封全過(guò)程
- 菜鳥(niǎo)如何通過(guò)競(jìng)價(jià)賺取第一桶金?
- 不接電話會(huì)讓你的備案號(hào)注銷
- 盧松松:搜搜已停止收錄網(wǎng)頁(yè)
- 你懂得:百度文庫(kù)也玩?zhèn)人+V認(rèn)證了
- 頭腦風(fēng)暴:為什么搜索引擎不在乎我們?
- 搜狗聯(lián)盟:360 X 300的廣告位變現(xiàn)能力強(qiáng)
- 盧松松:做這樣的資源站,長(zhǎng)不了
- 盧松松:一個(gè)小學(xué)教師建站的不惑與困惑
建站經(jīng)驗(yàn)教程Rss訂閱網(wǎng)站運(yùn)營(yíng)教程搜索
建站經(jīng)驗(yàn)教程推薦
- 中國(guó)互聯(lián)網(wǎng)本地化的幾種商業(yè)模式
- 一個(gè)大學(xué)生做站辛苦網(wǎng)賺成長(zhǎng)經(jīng)歷
- 即便“草根”也擁有“巨人”的夢(mèng)想與執(zhí)行力
- 公司優(yōu)化團(tuán)隊(duì)需要多少人員配置?
- 黑客啊,入侵服務(wù)器真的那么好玩嗎?
- Tags標(biāo)簽對(duì)網(wǎng)站關(guān)鍵詞排名的影響
- 如何做好本地二手站
- 如何在 Lighttpd 中配置 ShopEx 4.8.x 偽靜態(tài)
- 網(wǎng)頁(yè)模板《探究網(wǎng)站鏈接不收錄的原因》實(shí)驗(yàn)總結(jié)
- 揭秘引導(dǎo)和保持忠實(shí)用戶的五個(gè)好辦法
猜你也喜歡看這些
- 你的網(wǎng)站如何與對(duì)手競(jìng)爭(zhēng)?
- GoDaddy 優(yōu)惠碼50%官方優(yōu)惠再獲25%優(yōu)惠
- 淺談:從第一神帖看網(wǎng)絡(luò)營(yíng)銷對(duì)電子商城的重要性
- 90后站長(zhǎng)呼吁大家重視互聯(lián)網(wǎng)道德
- 解讀百度收錄地方論壇問(wèn)題的體會(huì)
- 7種減少網(wǎng)站重復(fù)內(nèi)容的方法
- 第五媒體如何實(shí)現(xiàn)精準(zhǔn)營(yíng)銷 手機(jī)wap的未來(lái)
- 教菜鳥(niǎo)站長(zhǎng)如何做好WAP站的推廣
- 從網(wǎng)站的贏利來(lái)談?wù)剬?duì)人的尊重
- Web2.0網(wǎng)站已呈現(xiàn)五種勢(shì)態(tài)
- 相關(guān)鏈接:
- 教程說(shuō)明:
建站經(jīng)驗(yàn)教程-設(shè)計(jì)理論入門:Web交互易用性指導(dǎo)原則
。