用户体验的重要性(web设计).pptVIP

框架层的定义 界面设计：确定框架，“按钮、输入框、界面控件”的领域； 导航设计：呈现信息； 信息设计：呈现有效地信息沟通。 确定用什么样的公恩形式来实现。 习惯和比喻 如果我们减少很多反射作用，每天能完成的事情会大大减少。 避免比喻，就是要减少对用户在“理解和使用网上功能”时对心理的要求。 界面设计 成功的界面设计是那些能让用户一眼就看到“最重要的东西”的界面设计。 一个设计良好的界面是要组织好用户最常采用的行为，同时让这些界面元素用最容易 的方式获取和使用。（≠把用户最可能用到的按钮设计成最大的一个） 技巧一：在界面第一次呈现给用户的时候，仔细考虑每一个选项的默认值； 技巧二：自动记住用户最后一次选择状态的系统。 为用户想完成的任务选择正确的界面元素，通过一种能迅速理解和易于使用的方式， 把他们放置到页面上去； 错误信息以及说明信息的设计——如何让用户真正去阅读这些文字？ 导航设计 目标一：必须提供给用户一种在网站间跳转的方法。（真实有效的链接） 目标二：必须传达出这些元素和它们所包含内容之间的关系。 这些链接之间有什么关系？ 是否其中一些比别的更重要？ 它们之间的差异在哪里？ 目标三：必须传达出它的内容和用户当前浏览页面之间的关系。 任何一个网站的导航设计都必须完成以下3个目标！ 哪些链接对用户是有效的？ 几种常见的导航系统： 全局导航：覆盖整个网站的通路。 局部导航：提供给用户在这个架构中道“附件地点”的通路。 辅助导航：提供全局和局部导航不能快速到达的相关内容的快捷途径。 上下文导航：嵌入页面自身内容的一种导航。 友好导航：联系方式、反馈表单、企业信息、法律声明等信息的导航。 远程导航 网站地图 索引表 信息设计 最终目的：反映你的用户的思路，支持他们的任务和目标。 线框图 页面布局是将信息设计、界面设计、导航设计放置到一起，形成统一、有内在凝聚力的架构的地方。 网站标志 全局导航 友好导航 指示标示线索 友好导航 局部导航 辅助导航 搜索 下拉菜单 文本输入 按钮 合作伙伴 主题图片 正文 线框图捕获所有在框架层做出的决定，并用一个文档来展现他们。它作为视觉设计和网站实施的参考来使用。 三要素： 通过安排和选择界面元素来整合界面设计 通过识别和定义核心导航系统来整合导航设计 通过放置和排列信息组成部分的优先级来整合 信息设计 总目录 用户体验为何如此重要 认识这些要素 战略层：网站目标和用户需求 范围层：网站目标和用户需求 结构层：交互设计与信息构架 框架层：界面的设计、导航设计和信息设计 表现层：视觉设计 要素的应用 框架层 战略层 内容、功能和美学汇集到一起来产生一个最终设计，从而满足其他层面的所有目标。 范围层 结构层 表现层 视觉设计 表现层的定义 忠于眼睛 对比和一致性 内部和外部的一致性 配色方案和排版 设计合成品和风格指南 表现层的定义 “弥补网站框架层的逻辑排布”的视觉呈现问题。 忠于眼睛 你的视线首先落在什么地方？ 哪个设计要素在第一时间吸引用户的注意力？ 它们对战略目标来讲是很重要的东西吗？ 用户第一时间注意到的东西与你的目标是否一致？ 如果你的设计是成功的，那么用户的眼睛在页面上移动的轨迹模式应该有以下两个特点： 首先，他们遵循的是一条流畅的路径。 第二，在不需要用太多细节来吓倒用户的前提下，为用户提供有效选择的、某种可能的“引导”。 对比和一致性 对比：帮助用户理解页面导航元素之间的关系，传达信息设计中概念群组的主要手段； 一致性：使你的设计有效地传达信息——如，基于网格的布局。 内部的一致性和外部的一致性 内部的一致性问题：在网站两个不同的地方反映了不同的设计方式。 外部的一致性问题：在其他产品中，反映出被使用的、相同的设计方法。 配色方案和排版 设计合成品和风格指南 设计合成品：视觉设计领域中对线框图最直接的模拟物。 风格指南文档：确定视觉设计的每一方面，从最大到最小的范围内的所有元素： 设计网格、配色方案、字体标准或标志应用指南； 某一模块或网站功能的具体标准。 预防随着员工的变动，而使企业集体失忆； 使所有人遵循一套统一的标准来运作，使网站看起来是一个协调一致的整体。 总目录 用户体验为何如此重要 认识这些要素 战略层：网站目标和用户需求 范围层：网站目标和用户需求 结构层：交互设计与信息构架 框架层：界面