在网页设计中如何少让用户费脑筋,保持操作流畅.pdf

在网页设计中如何少让用户费脑筋 ，保持操作流畅 除了引导用户 ，还要减少他们 认知流程 ，以保持流畅状态。 尽可能少让用户做计算 千万别把计算这种事情丢给用户 ，让计算机来处理。 △ 显示剩余数量 在界面内体现用户当前所处位置 界面就像机场 ，如果没有“你在这里” 标记 ，用户会迷路 ，因此记得提供标记。 △ 在导航菜单上突出当前所选 △ 在复杂 界面中提供面包屑导航或步骤图示 △ 在页面标题前面部分放置描述性或有用 信息 简化选择类任务 做选择需要费脑筋 ，简化这类任务让用户少费神 △ 指明多数用户选择 选项 △ 提供常见搜索关键词列表 △ 下拉分类菜单置于相应导航菜单内 使用常规 网页设计界面 创新很好 ，但不要跟常规 设计方式偏离太远。用户习惯于某些布局、结构。常规设计之所以流行 ，是因为他们确实可行。 △ 使用常规 导航菜单 △ 把实用功能放在右上角 每次交互动作后提供反馈 用户跟界面进行互动后 ，需获得实时反馈。操作成功还是失败了 ？发生了什么变化 ？ △ 重要 交互动作后反馈提示成功消息 △ 显示当前鼠标停留在哪个项目上 最小化等待的负面效果 消灭所有不必要 等待。如果确实要用户等 ，则最小化该负面效果。 △ 加载动画效果使用冷色调减少对用户刺激 蓝色减少刺激 （提高放松程度 ），蓝色加载元素可让用户觉得加载更快(Go rn et al., 2004 )。 △ 长时间等待时保持用户活跃度 （别人他们干等 ） △ 防止用户上传不支持 文件 △ 实时统计显示任务进展 尽可能减少用户对记忆 依赖 别让用户去记住任何东西 ，将相关信息显示出来 △ 让表单标签保持一直可见 △ 避免用户点击后就消失 行内标签 △ 占位文本放到表单元素 外边 △ 为可移动输入添加复制按钮△ （△ A dd Co py But t o ns t o Movable Input△ ） 尽量少用 齿状视图模式 减少用户眼睛来回移动 次数 ，让各项补充数据保持接近。 △ 合并相同 数据字段帮助用户进行对比 △ 让表单标签紧贴相应元素并对齐 反馈显示哪些项目是可点击或交互 用户需要识别哪些元素是可交互 （并且知道如何交互 ）。 △ 使用3 特性设计按钮 △ 为可拖拽元素添加点状纹理 △ 使用图标和符号传达一个交互动作 意图 你可以通过PowerPo int 或 Keynot e 各种形状制作大部分图标 用常见 文字和符合来沟通 大多数情况下 ，清晰明确胜过创意和术语 △ 讲用户懂 语言 ，不讲程序语言 △ 出现外语时 ，提供翻译按钮 △ 颜色 选择要与语义保持一致 当颜色跟语义不一致时 ，会增加用户处理信息 困扰。如meet up