用户体验要素.docx
《用户体验要素.docx》由会员分享,可在线阅读,更多相关《用户体验要素.docx(22页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、用户体验要素(以用户为中心的产品设计)一、 用户体验为什么如此重要 (2022/8/17)从产品到设计:用户体验并不是指一件产品本身是如何工作的,用户体验是指“产品如何余外界发生联系并发挥作用”,也就是人们如何“接触”和“使用” 它。1、 为体验而设计:使用第一,产品越简单,确定如何向用户供应良好的使用体验就越困难;产品也必需将用户体验设计纳入考虑范围。2、 用户体验和网站:网站供应优质的用户体验是一个重要的、可持续的竞争优势;不仅仅对网 站对全部类型的产品和服务也是如此。用户体验形成了客户福哦企业的整 体形象,界定了企业和竞争对手的差异,并且打算了客户是否还会再次光 临。3、 用户体验就是商
2、机;用户体验对客户忠诚对有很大的影响,“客户忠诚度”并不是关注网站的 用户体验所带来唯一的回报;,对企业而言:投资所得的回报(return on investment)投资回报率(R0I),使用金钱衡量,投资收益度量标准:转 化率(conversion)。例:3个注册并订阅邮件的用户除以36个访问着= 8.33%的转化率。4、 在乎你的用户:范围指的是过程和产品;在过程中需要用文档来定义产品需求;定义需求来 源有三种:人们表达的,创立虚拟人物、竞争对手中的启示。产品开发中需 要撰写规格说明书。内容需求有很多种都需要纪录在内容清单中。确定需求 优先级别,关注战略目标;任何不符合当前工程的战略目标
3、的特性建议,都 需要通过范围定义将其排解出去。五、结构层(交互设计与信息架构)(20220825)1、机构层定义机构层适当的将我们的关注从抽象的决策与范围问题,转移到更能影响最终 到用户体验的具体因素。为用户设计结构化的体验的方法被称为交互设计 (interaction design)0在内容建设方面主要是通过信息架构(information architecture)来构建用户体验。确定各个将要呈现给用户的元素的模式 (patterns)和挨次(sequences)交互设计关注于将影响用户执行和完成任 务的元素。信息架构那么关注于将影响用户执行和完成任务的元素。信息架构 那么关注如何将信息表
4、达给用户的元素。2、交互设计交互设计关注描述可能的用户行为,同时定义系统如何协作和响应这些用户 行为。3、概念模型用户对交互组件将怎样工作的观点成为概念模型。规划号概念模型能关心我 们作出全都的打算。使用人脉熟识的概念模型,会使用户很快适应一个不熟 识的网站,假如打破传统只要有一个好的理由说明“为什么这样做”,同时预备好另一个符合用户需求且再清理之中的概念模型以备使用。一个概念模型可以反响系统的一个组件或是整个系统,一个叫slate的网站 上线时,他的概念模型是一本现世界中的杂志,因此它的内容主要由新闻和 评论组成。我们不必将模型概念明确的告知用户,概念模型是用于再交互设 计开发过程中保持使用
5、方式的全都性的。将现实世界中相对应的比方仿佛我 们的概念模型汇总对系统功能的世界可能会有肯定的价值。第一个同时也是最好的防止错的方法,是将系统设计成不行能犯错的那种。 其次个避开错误的方法就是使错误难以发生。交互设计会处理每一个级别的 错误,以确保更高比例的用户能又乐观体验。3、信息架构只要人与人之间又信息要传达,就必需要选择并组织这些信息,以确保能理 解并使用它们。信息架构争论的使人们如何认知信息的过程,对于产品而言, 信息架构关注的就是呈现给用户的现象是否合理并具有意义。机构化内容, 信息架构主要的工作是设计组织分类和导航的结构;让用户可以高效率,有 效的扫瞄网站的内容。从上到下(top-
6、down approach)的信息架构方法将 从战略层考虑的内容,即依据产品目标于用户需求直接进行结构设计。是由 战略层驱动的。从下到上(bottomup approach)的信息架构方法也包括了主要分类和刺 激分类,但它是依据对内容和功能需求的分析而来的。是由范围层驱动的。 在两者找到平衡可以避开两者缺点。一个高效结构的优点就是具备容纳成长 和适应变动的力量。一个完整的用户体验包括网站结构,都是建立在对网站目标和用户需求的理解之上的。信息结构的基本单位是节点(node),节点可以对应任意的信息片段或组合。层级结构(hierarchical structure):树状结构或中心辐射(hab a
7、nd spoke) 机构。节点于其他相关节点之间存在父级子级关系。矩阵结构(matrix structure):允许用户在节点于节点之间沿着两个或更多 的唯独移动。通常关心口爹着不同需求而来的用户。自然结构(organic structures):对于探究一系列关系不明确或始终在演化 的主题很适合;适合自由探险的感觉。线性结构(sequential structures)o来自我们最熟识的线下媒体,连贯的 语言流程是最基本的信息结构类型。组织原那么:节点在信息架构中是依据组织原那么(organizing principle)来安 置的,组织原那么基本上就是我们据丁那个姐弟哪来编成一组,结构的下
8、一个 层级是其他与内容紧密相关的因素。任何一种信息收集(不管它是包括两个 工程、200个或是2000个)都有一个固定的概念性结构,我们必需要解决 的问题之一是穿件一个能与我们的目标和用户目标相对应的、正确的结构。 范围层告知我们什么样的信息满意那些用户需求。在创立结构时我们就要具 体地识别出用户心目中至关重要地那些信息,胜利地用户体验是能事先预知 用户地期望并将其纳入设计之中。语言和元数据:手控词典(controlled vocabulary)、类词词语(thesaurus) 元数据(metadata)。4、 团队角色和流程文档肯定要描述清晰网站地结构一从命名原那么和元数据地具体细节,到信息
9、架构和交互数据地整体概况工程简单度地不同,可以又很大地不同。信息架 构或交互数据地主要文档是示意图。视觉化地呈现结构对我们而言,这是表 述分之、群组、组件之间联系地一种高效地方式。架构图(architecture diagram)成为我们内部用来描述这种网站结构工具地 术语。架构图最重要地是纪录概念关系;那些需要放在一起?那些需要保持 独立?在交互过程中那些步骤要怎样相互协作?个人总结:范围层对用户需求排好优先级别之后对最终产品将会包括什么特性可以有 清晰地图像,结构层是说明如何将这些分散地片段组成一个整体。机构层中要有交互设计概念模型,如何对错误处理和结构化地内容(架构图)。六、框架层(界面
10、设计、导航设计和信息设计)结构层中开头形成了大量的需求,这些需求都来自我们的战略目标的需求。 在框架层,我们要更进一步地提炼这些结构确定很具体地界面外观、导航和 信息设计,这能让晦涩地结构变得更实在。1、 框架定义;结构层界定了我们地产品将用什么样地方式来运作;框架层那么用于确定用什 么杨地功能和形式来实现。框架层我们地关注点几乎全部在独立地组件以及 他们之间地相互关系上。功能性产品我们用界面设计(interface design)来 确定框架。信息型产品我们用导航设计(navigation design)呈现信息。信息设计(information design)是功能和信息两个方面都必需做的
11、,它用于呈现有效地信息沟通。供应应用户做某些事地力量属于界面设计,通过它,用户能真正接触到那些 结构层地交互设计中确定的具体功能。;传达想法给用户去某个地方地力量 就事导航设计;,传达想法给用户就是信息设计,信息设计是这个层面中范 围最广地一个要素,涉及几乎是到目前位置在功能性和信息型产品两者都看 到过地全部内容。无论界面设计还是导航设计都需要在一个良好地信息设计 地支持前提下取得胜利。2、 习惯和比方习惯和反射作用是我们与这个世界交互时地各种基础。 :三乘四布局。 当某种不同地方式又很明显地好处时,你反而应当试着谨慎地违反一些习惯, 建立一个胜利地用户体验,要求你在做每一个打算地时候都又充分
12、的理由。 让你地界面与用户早已养成地那些习惯保持全都很重要,但是更重要地是, 几面要与他资深保持全都。有效地使用比方就是要削减用户在理解和使用你的产品功能时对猜测地要 求。3、界面设计界面设计要做地全部事情就是选择正确的界面元素,这些界面元素要能关心 用户完成他们地任务,还要通过适当地方式让他们简单被理解和使用。哪个功能要在哪个界面界面上完成,是我们在结构层地交互设计中已经打算 的;而这些功能在界面上如何被用户认知到,那么属于界面设计地范畴。胜利地界面设计是那些能让用户一眼就看到地最重要地东西地界面。复选框(checkbox)允许用户独立地选择各个选项。单项选择框(radio button)允
13、许用户从一组互拆地选项中选择一个。文本框(textfield)允许用户一等待用户一输入文字下拉菜单(dropdownlist)供应和单项选择框相像地功能。多项选择菜单(listbox)供应和复选框相像地功能。按钮(action button)可以做很多不同地事情,通常状况下,他们告知系统 接受用户通过其他界面元素提交地全部信息,并且用这些信息来做一些事情 一实行行动。下拉菜单由于在视觉上隐蔽了重要地选项,可能会阻碍用户, 单项选择框很简单现实全部可选项,但是它需要更多地界面。4、导航设计任何一个网站导航设计都必需同时完成以下三个目标,首先,它必需供应应用户一个在网站间跳转地方法。其次,导航设计
14、必需传达出这些元素和他们所包含地内容之间地关系。第三、导航设计必需传达出它地内容和用户当前扫瞄页面间地关系。全局导航;供应掩盖整个网站地通路,局部导航供应应用户在这个架构中附 件地点的通路。帮助导航:供应了全局导航和局部导航不能快速到达地相关 内容地捷径。上下问导航有时也叫内联导航,是嵌入页面自身内容地一种导 航。友好导航供应应用户他们通常不需要地链接,但他们是作为一种便利地 途径来使用地。一些导航没有包含在页面结构中,而是以他们自己地方式存 在,独立于你的网站地内容或功能这些导航成为远程导航。网站地图就是一 种常见地远程导航工具,他给用户一个简明地、单页地网站整体结构地快捷扫瞄方式。索引表是
15、依据字幕挨次排列地、链接到相关页面地列表,它与一 些书最终所列地索引表特别像。5、 信息设计常常充当一种把各种设计元素聚合到一起地粘合剂地角色。指标设计和导航 设计结合到一起,有一个重要地作用,支持指示标识。在网站中,指示标识 通常会涉及导航涉及和信息设计。6、 线框图页面布局是将信息设计、界面设计和导航设计放置到一起,形成一个统一的, 又内在的分散力的结构的地方。线框图是整合在框架层的全部三个要素的方法:通过支配和选择界面元素来 整合界面设计,通过识别和定义核心导航系统来整合导航设计,通过放置和 排列信息组成局部的优先级来整合信息设计,把这三个放到一个文档中,线 框图就可以确定一个建立在基本
16、概念结构上的架构,同时指出来表现层的设 计应当前进的方向。个人总结:框架层是界面设计导航设计和信息设计组成,框架层打算了实现产品运作 的功能和形式的实现,也就是由界面设计 导航设计;信息设计、线框图呈 现。可以让用户更直观的看到产品的效果。七、表现层(感知设计)20220829表现层是产品用户首先会留意到的地方,感知设计:内容、功能和美学汇合 到一起来产生一个最终设计并同事满意用户的感知设计。1、 框架层: 主要解决放置的事儿;几面设计考虑可交互元素,导航设计考虑在产品中引 导用户移动的元素的支配,而信息设计考虑传达给用户的信息要素的排布。 表现层主要解决并弥补产品框架层的规律排布的感知呈现问
17、题。2、 合理设计感知感受来自五个方面:视觉、听觉、触觉、嗅觉、味觉。嗅觉和味觉:是用户体验设计师很少考虑的范畴。触觉:工业设计师主要关 注的是用户和产品之间的无力接触。听觉:声音可以应用到很多不同的种类 的产品中。视觉:这是用户设计师最得心应手的领域。传达品牌的形象,这 是一个网站的最常见的战略目标。3、 忠于眼睛争论人员有时使用精密的眼球追踪(eyetracking)仪器来确定被测人究竟正 在看什么。胜利的设计:首先遵循的是一条流畅的路径,其次在不需要用太 多细节来吓倒用户的前提下,它为用户供应有效的选择、某种可能的引导。4、 比照和全都性在视觉设计中,我们用户吸引用户留意的一个主要工具就
18、是比照(contrast)。 设计总体策略:让差异必需足够的清晰,用户要足够区分出某个设计选择是 特意要传达一些信息的。在设计中保持全都性(uniformity)是另一个重要组成局部,全都性在视觉 设计的很多不同方面都会引起到作用。基于栅格线(gridbased layout)的 布局是来自于平面设计的一种技术,是一种对网页也同样有效的技术。没有设计标准的状况下进行工作是不好的但是教条地遵守设计标准,而不顾你适 合地需求就可能会更遭。5、 内部和外部地全都性网站被生产出来地方法通常是在企业内部的、其他进行中地设计中,被渐渐、 临时、独立生产出来的。解决内部问题(在产品地两个不同的地方反映了不同
19、的设计方法):确定可 能在产品各种的界面、导航和信息设计等不同环境中反响消失的设计元素, 在进行设计之前从这些不同的环境中将每一个设计元素独立出来,通过这个 方法,我们就可以更清晰的看到困扰我们的小规模问题,而不是被环境所造 成的大规模问题分散留意力。一个胜利的设计不仅仅是手机小巧的细心设计 的东西,相反这些东西应当能形成一个系统,作为一个有分散力、连贯的整 体来使用。6、配色方案和排版颜色可能是向外界传递品牌识别的一个最有效的方法。核心品牌颜色通常是 一个更广泛的配色方案。有效的使用文字的原那么与那些视觉设计的其他原那么 完全一样,不要使用特别相像但又完全一眼风格。风格之间要有足够的比照 才
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 用户 体验 要素
限制150内