Web 应用界面设计规范(Design Specification for Web UI) 主讲人:ARay 目录: 一、软件界面规范的重要性及其目的 二、用户体验为何如此重要 三、Web 规范体系介绍 四、界面设计开发流程 五、应该遵循的基本原则 六、界面设计规范 一、软件界面规范的重要性及其目的 ①使最终设计出来的界面风格一致化,开发编码人员相互之间开发更轻松,遵循统一的操作规范,以标准化的方式设计界面,提高工作效率。减少和改变责任不明,任务不清和由此产生的信息沟通不畅、反复修改、重复劳动、效率低下的现象。 ②产品设计通过规范的方式来达到以用户为中心的目的。 二、用户体验为何如此重要 ①日常生活中的遭遇 X 员工悲惨的一天: 早晨起来,发现闹钟没有按原先设定响起来。 一边烧水,一边穿衣服,临走前去喝水却发现水还没有烧开。 到了地铁站,发现公交卡 没有钱 了。 无 奈 之下只 能 去排 队 买 票 。 排 了3 趟 地铁,终于 到公司 了,但 是 你 却迟 到了。 结 果 :尽 管 你 已 经 非 常努 力 ,但 是 你 还是 迟 到了。 那 么 ,让 我 们 看 看 这 一连 串 的倒 霉 事 , 是 什 么 让 我 们 如此狼 狈 ? ② 什 么 是 用户体验 用户体验(user experience)是 以用户为中心的设计中最重要的一个 部 分 ,强 调 的是 过程,是 软件对 用户行 为产生的反应与 用户期 待 值 要尽 可 能 的一致。 糟 糕 的用户界面表 现: 表 现一:过分 使用各 种 奇 形 怪 状 、五颜 六色 的控 件。 表 现二:界面元 素 比 例 失 调 。比 如按钮 巨 大 无 比 ,其尺 寸 甚 至 超 过显 示 重要内 容 的文 本框的界面。 表现三:界面元素凌乱。比如说,按钮和文本框摆放地点随意,该对齐的控件对不齐。 表现四:违背使用习惯。你按F1,它没有弹出帮助,却执行了一件绝对出乎你意料的动作。 表现五:消息框信息含糊、混乱。比如软件弹出一个消息框。把原本“确定”和“取消”写成为“是”和“否”,让用户不知道什么意思。 表现六:还有一种糟糕的用户界面,乍一看很厉害,实际上完全是缺乏规划的结果。这种软件本身的确提供了比较复杂的功能,但对于哪些是常用功能,哪些是很少用到的高级功能,缺乏评估。什么功能都往界面上挤,占地方不说,用户会厌烦,弄不好还会被吓跑。 ③用户体验的要素④ 用户体验...