Web交互易用性指导原则
1. 输入控件的自动èšç„¦å’Œå¯ç”¨é”®ç›˜åˆ‡æ¢è¾“入焦点
使用JavaScript实现页é¢åŠ 载完æˆåŽç«‹å³è‡ªåŠ¨èšç„¦(focus)到第一个输入控件。å¯ç”¨TAB键(IE缺çœå®žçŽ°ï¼‰æˆ–æ–¹å‘键切æ¢èšç„¦åˆ°ä¸‹ä¸€ä¸ªè¾“入控件。
2. å¯ç”¨Enter(或Ctrl+Enter)键æ交,确ä¿å’Œç‚¹å‡»æ交按钮的效果是相åŒçš„
ä¸è¦åœ¨æäº¤æŒ‰é’®ä¸ŠåŠ å…¥onClick=â€â€¦â€è¿™æ ·çš„JavaScript代ç 。
3ï¼Žé¼ æ ‡åŠ¨ä½œæ示和回应
å¯¹ç”¨æˆ·çš„é¼ æ ‡å®šä½æ“作,当移动到å¯å“应的ä½ç½®ä¸Šæ—¶ï¼Œåº”给予视觉或å¬è§‰çš„æ示。
4.尽å¯èƒ½æ—©çš„在客户端完æˆè¾“入数æ®åˆæ³•æ€§éªŒè¯
输入数æ®çš„åˆæ³•æ€§æ£€éªŒåº”该在客户端使用JavaScript进行验è¯ã€‚除éžéªŒè¯åªèƒ½åœ¨æœåŠ¡å™¨ç«¯å®Œæˆï¼Œå¦åˆ™éªŒè¯å·¥ä½œåº”在最早能完æˆçš„情况下进行。
5ï¼Žæ ¹æ®åº”用场景决定在表å•é¡µé¢å’Œæ交åŽè¿”回页é¢é—´æ˜¯å¦ä½¿ç”¨ä¸é—´è¿‡æ¸¡é¡µé¢
æ ¹æ®åº”用场景,决定是å¦æ˜¾ç¤ºæŽ¥æ”¶è¡¨å•é¡µé¢ï¼ˆè¡¨å•é¡µé¢å’Œæ交åŽè¿”回页é¢é—´çš„ä¸é—´è¿‡æ¸¡é¡µé¢ï¼‰ï¼Œä»¥åŠä½¿ç”¨ä½•ç§æ–¹å¼æ˜¾ç¤ºæŽ¥æ”¶è¡¨å•é¡µé¢ã€‚
6.防æ¢è¡¨å•é‡å¤æ交处ç†
对æ交按钮点击åŽåšå˜ç°å¤„ç†é¿å…在网络å“应较慢情况下用户é‡å¤æ交åŒä¸€ä¸ªè¡¨å•ã€‚使用页é¢è¿‡æœŸå¤±æ•ˆé¿å…用户åŽé€€æµè§ˆé‡å¤æ交表å•ã€‚
7.页é¢é“¾æŽ¥æ˜¯æ‰“开新窗å£ã€ä½¿ç”¨åŽŸçª—å£è¿˜æ˜¯å¼¹å‡ºçª—å£çš„原则
一般而言,首页上链接å¯ä»¥ä½¿ç”¨target=â€_blankâ€å±žæ€§æ‰“开新窗å£ï¼Œè€Œå…¶ä»–页é¢ä¸Šçš„链接都应使用原窗å£æˆ–弹出窗å£ã€‚如果链接页é¢å†…容相对原页é¢æ¥è¯´ä¸é‡è¦ï¼Œæ˜¯é™„属性质的,å¯ä»¥ä½¿ç”¨å¼¹å‡ºçª—å£æ–¹å¼ã€‚
8.尽å¯èƒ½å°‘的排列å¯é€‰é¡¹ï¼Œå°½å¯èƒ½å°‘的安排æ“作æ¥éª¤
æ ¹æ®ç”¨æˆ·æ“ä½œä¹ æƒ¯å®‰æŽ’å°½å¯èƒ½å°‘çš„æ“作èœå•é€‰é¡¹ï¼ŒåŒæ—¶è¦ä¿è¯å°½å¯èƒ½å°‘çš„æ“作æ¥éª¤ã€‚
9.æ“ä½œé€»è¾‘æ— æ¼æ´žï¼Œä¿è¯æ•°æ®æ˜¯æ“作安全的
多个页é¢é—´çš„æ“作和åŒä¸ªé¡µé¢ä¸Šçš„多个æ“作间的逻辑关系在设计上是安全和严谨的。ä¿è¯ä¸ä¼šå‡ºçŽ°ä¸è¢«å…许的用户æ“作组åˆï¼Œè‡³å°‘ä¸ä¼šå› 为用户的ä¸é€‚当的æ“作导致出错。
转载自:http://tech.163.com/07/0711/09/3J42EC7H000918BL.html
相关日志
QQ群访谈内容分享
15ç§æœ€å·®çš„用户体验
TechTarget网站优化(SEO)ä¸çš„"Tag“化表现
Web2.0网站ä¸SEO与UE的胡æ€ä¹±æƒ³
建设体验è¥é”€ç½‘站,é‡åŒ–76个体验点
WEB2.0解惑之汇èšç¾¤ä½“智慧
如何é‡åŒ–用户体验UE(How To Quantify The User Experience)
大型社区设计:æ高用户体验的1ï¼ä¸ªç»†èŠ‚
ã€ç½‘络è¥é”€ç–划分æžã€‘碧澄å¥åº·ä¸å¿ƒç½‘ç«™â€”æ»¡è¶³ç›®æ ‡ç”¨æˆ·çš„æ½œåœ¨éœ€æ±‚
QQ群访谈内容分享
15ç§æœ€å·®çš„用户体验
TechTarget网站优化(SEO)ä¸çš„"Tag“化表现
Web2.0网站ä¸SEO与UE的胡æ€ä¹±æƒ³
建设体验è¥é”€ç½‘站,é‡åŒ–76个体验点
WEB2.0解惑之汇èšç¾¤ä½“智慧
如何é‡åŒ–用户体验UE(How To Quantify The User Experience)
大型社区设计:æ高用户体验的1ï¼ä¸ªç»†èŠ‚
ã€ç½‘络è¥é”€ç–划分æžã€‘碧澄å¥åº·ä¸å¿ƒç½‘ç«™â€”æ»¡è¶³ç›®æ ‡ç”¨æˆ·çš„æ½œåœ¨éœ€æ±‚
最后编辑: 郝聪 编辑于2007/07/11 22:05
医疗资æºç½‘
2010/06/10 13:00
这个网站ä¸é”™å•Šï¼Œå¦åˆ°ä¸å°‘东西了。
seo137
2008/05/10 18:10
好帖ï¼
leather-belt
2007/07/23 23:53
我是一个åˆå¦è€…,这个网站ä¸é”™å•Šï¼Œå¦åˆ°ä¸å°‘东西了。谢谢~ï¼@
分页: 1/1 1