UI设计规范( 二 )



-页面布局设计时应避免出现横向滚动条 。

页面导航(面包屑导航)

-在页面显眼位置应该出现面包屑导航栏 , 让用户知道当前所在页面的位置 , 并明确导航结构 , 如:首页 新闻中心 欧科智能招商服务平台正式发布 , 其中带下划线部分为可点击链接 。

信息提示窗口

-信息提示窗口应位于当前页面的居中位置 , 并适当弱化背景层以减少信息干扰 , 让用户把注意力集中在当前的信息提示窗口 。一般做法是在信息提示窗口的背面加一个半透明颜色填充的遮罩层 。

四、系统操作合理性原则

尽量确保用户在不使用鼠标(只使用键盘)的情况下也可以流畅地完成一些常用的业务操作 , 各控件间可以通过Tab键进行切换 , 并将可编辑的文本全选处理 。

查询检索类页面 , 在查询条件输入框内按回车应该自动触发查询操作 。

在进行一些不可逆或者删除操作时应该有信息提示用户 , 并让用户确认是否继续操作 , 必要时应该把操作造成的后果也告诉用户 。

信息提示窗口的“确认”及“取消”按钮需要分别映射键盘按键“Enter”和“ESC” 。

避免使用鼠标双击动作 , 不仅会增加用户操作难度 , 还可能会引过用户误会 , 认为功能点击无效 。

表单录入页面 , 需要把输入焦点定位到第一个输入项 。用户通过Tab键可以在输入框或操作按钮间切换 , 并注意Tab的操作应该遵循从左向右、从上而下的顺序 。

五、系统响应时间原则

系统响应时间应该适中 , 响应时间过长 , 用户就会感到不安和沮丧 , 而响应时间过快也会影响到用户的操作节奏 , 并可能导致错误 。因此在系统响应时间上坚持如下原则:

2-5秒窗口显示处理信息提示 , 避免用户误认为没响应而重复操作;

5秒以上显示处理窗口 , 或显示进度条;

一个长时间的处理完成时应给予完成警告信息 。
【UI设计规范】

推荐阅读