当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 设计理论入门:Web交互易用性指导原则

建站经验
网站分析的起源
关于英文站的内容问题
国外站长论坛收集列表
90后MM教会我的:如何做个好网站!
Cpanel的附加域设置让你一个空间做N个站
轻松成就站长梦,十天速成建站高手、运营专家
做站一年感想体会 国内互联网才刚刚开始
我安装WordPress后的几个优化之插件篇
当用户离开网站时 在他们身上发生了什么
搞定投资恐惧的几个妙招
走向标准:W3C 验证失败的10个常见原因
一个成功站长的十种积极心态
建站基础知识 用技术怎么样快速搭建网站
WordPress的快捷键
晒一个年轻站长的发迹史
新手站长的十大错误 以期后来人少走弯路
Wordpress技巧:如何整合2个不同博客的帐号
2009年建站攻略 从建站切入点到广告选择
个人独立博客定位浅谈
解决Cpanel邮箱只能发信不能收信的问题

建站经验 中的 设计理论入门:Web交互易用性指导原则


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 200 ::
收藏到网摘: n/a

1. 输入控件的自动聚焦和可用键盘切换输入焦点

使用JavaScript实现页面加载完成后立即自动聚焦(focus)到第一个输入控件。可用TAB键(IE缺省实现)或方向键切换聚焦到下一个输入控件。

2. 可用Enter(或Ctrl+Enter)键提交,确保和点击提交按钮的效果是相同的

不要在提交按钮上加入onClick=”…”这样的JavaScript代码。

3.鼠标动作提示和回应

对用户的鼠标定位操作,当移动到可响应的位置上时,应给予视觉或听觉的提示。

4.尽可能早的在客户端完成输入数据合法性验证

输入数据的合法性检验应该在客户端使用JavaScript进行验证。除非验证只能在服务器端完成,否则验证工作应在最早能完成的情况下进行。

5.根据应用场景决定在表单页面和提交后返回页面间是否使用中间过渡页面

根据应用场景,决定是否显示接收表单页面(表单页面和提交后返回页面间的中间过渡页面),以及使用何种方式显示接收表单页面。

6.防止表单重复提交处理

对提交按钮点击后做变灰处理避免在网络响应较慢情况下用户重复提交同一个表单。使用页面过期失效避免用户后退浏览重复提交表单。

7.页面链接是打开新窗口、使用原窗口还是弹出窗口的原则

一般而言,首页上链接可以使用target=”_blank”属性打开新窗口,而其他页面上的链接都应使用原窗口或弹出窗口。如果链接页面内容相对原页面来说不重要,是附属性质的,可以使用弹出窗口方式。

8.尽可能少的排列可选项,尽可能少的安排操作步骤

根据用户操作习惯安排尽可能少的操作菜单选项,同时要保证尽可能少的操作步骤。

9.操作逻辑无漏洞,保证数据是操作安全的

多个页面间的操作和同个页面上的多个操作间的逻辑关系在设计上是安全和严谨的。保证不会出现不被允许的用户操作组合,至少不会因为用户的不适当的操作导致出错。