本文目录导航:
用户体验五要素
引言</
在消息爆炸的时代,用户体验成为了产品与服务成功的关键要素。
AJAX之父Jesse James Garrett在他的经典著述《用户体验要素》中,提醒了这五个至关关键的维度,被誉为产品经理的必读圣经,虽然有人以为其关键性被过火夸张,但其深度了解的价值不容漠视。
全景透视</
用户体验五要素犹如一座金字塔,稳如泰山而深远,它们区分是:策略层</、范畴层</、结构层</、框架层</和最直观的出现,即表现层</。
每一个档次都为用户与产品之间的互动提供了关键的撑持。
深化剖析</
策略层</:这是用户体验的基石,关注的是产品或服务的外围价值主张,它选择了产品如何满足用户的基本需求,是产品定位和愿景的表现。
范畴层</:界定了产品所涵盖的配置和特性,它选择着哪些配置将被蕴含在产品中,哪些会被扫除,从而防止了资源的适度消耗。
结构层</:关注的是消息架构和导航设计,确保用户能极速、直观地找到所需的消息,缩小了用户的认知累赘。
框架层</:这一档次触及交互设计,包括用户界面规划、控件和反应机制,它间接影响用户的操作效率和满意度。
表现层</:最直观的用户体验,是视觉设计和用户界面的出现,包括色彩、字体、图片等元素,它们独特塑造了产品对外的第一印象。
总结</
用户体验五要素是一个相互关联、相反相成的体系,了解并精确实施这五个层面,能够协助企业设计出更具吸引力和易用性的产品,从而在强烈的市场竞争中锋芒毕露。
关于设计流程和方法的总结
这算是我的第一篇博文。
近一周因由于毕设的要素,我不得不又停上去梳理一遍交互设计的流程。
其真实清富丽院这一两年的期间,近朱者赤,近墨者黑了很多设计流程和方法。
然而我一直觉得这些方法是系统的,少了一根把他们串起来的主线,用起来总有种找不着线头很凌乱的觉得。
美院用的是斯坦福设计学院的设计思想流程是“emphasize、define、ideate、prototype、test”;最经典的交互设计精髓这本书里的设计流程是“钻研、建模、需求定义、设计框架、设计细化和允许”;而在尤文文的知乎回答里,他的观念是由于设计不是齐全理性和可工程化的,所以设计流程是无法控的,但思索维度是可以依照下图的用户体验五要素的框架启动的。
这三种框架都是业界十分经典的。
然而在我真的做详细名目的时刻,我发现这些框架由于太概念和形象在详细操作上的指点意义不大,于是我又去看了工业界的交互设计流程,试图取得实践的可操作的方法。
网易云课堂的交互设计微专业提供的设计流程是“设计需求剖析、消息架构和流程设计、页面规划、测试和评价”(留意这个课程实践上只针对结构层和框架层);而破茧成蝶中提供的设计流程则是如图所示:网易的这两个设计流程是十分有操作性质的流程。
于是,在总结完这几个设计流程后,我开局了毕业作品的设计。
可是,由于这些流程和方法有很多纤细区别,我在设计的环节中经常会堕入一种受方法论约束而手足无措的形态,造成进展缓慢。
由于我的纠结性情,我不得不在传统流程的基础上从新总结一套,适宜自己的可操作性的设计流程和方法。
不然这进展要跪了!!~ T T 1、策略层:产品定位(经常使用人群、关键配置、产品特征)和 用户需求(指标用户、经常使用场景、用户指标)-> 采集需求的方法(用户调研、竞品剖析、用户反应、产品数据) 2、范畴层:产品配置和优先级(基本型需求、希冀型需求、兴奋型需求) 3、结构层:义务流程(用户场景、接触点)、消息架构(卡片分类) 4、框架层:交互界面(设计准则) 5、表现层:视觉设计 (用户场景在需求定义和义务流程的中央都用上了,也就是说不论是产品还是交互,用户场景都很关键。
有时为了成功流程设计,甚至须要构思的用户场景有多个。
同时,在页面的设计环节中,义务流程和消息架构也是重复经常使用的方法。
之前不时在这儿很凌乱 = =) 交互设计的定义—— 设计用户行为(Action )使产品好用。
交互出当初人和产品之间,所以作为一名交互设计师,须要基于对人的了解(人因学、设计心思学)和对产品平台的了解(平台规范)来启动设计。
在设计的环节中,以Krug可用性第必定律“Dont make me think”为准则—— 让每一个页面都显而易见,至少能自我解释;记住用户是扫描不是浏览,经过视觉档次来突出重点、降落搅扰—— 以简洁至上里的“组织须要提供的,暗藏非外围的,转移须要从新规划的,删除不用要的”为方法。
设计环节中须要用到一些人因学的定律:Fitts’ Law / 菲茨定律、Hick’s Law / 希克规律、神奇数字 7±2 规律、格局塔原理、隐喻等。
设计方案可经过三个维度来权衡:有用性Utility(满足需求)、可用性Usability(用户易于了解、学习、经常使用无阻碍),而吸引力则是加分项(情感召设计)。
其中,可用性由尼尔森定义为五个局部:() Usability is a quality attribute that assesses how easy user interfaces are to use. The word usability also refers to methods for improving ease-of-use during the design is defined by 5 quality components :Learnability : How easy is it for users to accomplish basic tasks the first time they encounter the design?Efficiency : once users have learned the design, how quickly can they perform tasks?Memorability : When users return to the design after a period of not using it, how easily can they reestablish proficiency?Errors : How many errors do users make, how severe are these errors, and how easily can they recover from the errors?Satisfaction : How pleasant is it to use the design? 往往须要经过用户测试来评价可用性。
设计准则和用户测试也须要贯通整个设计环节。
There are many methods for studying usability, but the most basic and useful is user testing , which has 3 components: Get hold of somerepresentative users, such as customers for an ecommerce site or employees for an intranet (in the latter case, they should work outside your department). Ask the users to performrepresentative taskswith the what the users do, where they succeed, and where they have difficulties with the user interface. Shut up and let the users do the talking . Jakob Nielsens 10 general principles for interaction design(启示式评价准则) 苹果的官网设计准则为:美学完整性、分歧性、间接操作、反应、隐喻、用户管理。
整顿各种起源的设计准则,可演绎交互设计准则为:Learnability易学、Accessibility易用、Consistency分歧性、Errors防错容错、Reaction反应、Help协助。
《用户体验要素》要点摘记与思索(2)——五层模型
一个明晰、东倒西歪的体验,由一系列完整的决策组成。
这些决策彼此依赖,告知并影响用户体验的各个方面。
把全体的用户体验上班合成成各个组成要素,以了解体验外衣下的决策环节。
1、五个层面初识 由表及里认知一个产品,可以分为五个层面:表现层、框架层、结构层、范畴层、策略层。
表现层(surface) :用户所看到的文字或图片(或许短视频)。
一些图片和文字可点击成功某项配置,例如购物车图标;另外一些图片文字就只是提供促销消息。
框架层(skeleton) :表现层下方是网站的框架层,用于提升设计规划,让按钮、控件、照片和文本区域所处的位置能到达最大的成果和效率,详细来说,用户须要时,能记得标识并很快找到购物车的图标。
(用户相熟现有电商网站或APP的规划,在设计新产品的框架层时,正当设计,缩小用户学习的老本。
其余APP也有这个思索,好用且用户学习老本低)结构层(structure) :结构层比框架层愈加形象,框架层是结构的详细表白方式。
例如框架层确定了在结账页面上交互元素详细的位置,结构层则是设计用户如何抵达这个页面,并且在成功义务后,用户能够去向哪里。
(框架层设计是为了使交互元素规划愈加正当,愈加好用,表如今原型上个元素的规划;结构层确定了配置流程,表如今流程图的设计)范畴层(scope) :范畴层确定一个特性或配置能否属于网站或APP。
范畴层确定的特性和配置,在结构层来确定他们的组合方式。
(范畴层是选择要不要这个配置,结构层是确定这个配置的详细成功流程)策略层(strategy) :策略层包括了运营者和用户两个方面想从网站或APP取得什么。
电商来说,运营者要卖出商品,用户要买商品。
(策略层落脚的需求剖析)2、解析五层结构模型 依照 配置型产品 和 消息型产品 分类,五个档次关注的内容如下图所示。
策略层,关注 用户需求 和企业的 产品指标 。
范畴层,关于配置型产品,关键是在创立 配置规格 :对产品的“配置组合”的详细形容;关于消息型产品,范畴是以 内容需求 的方式出现:对各种内容元素的要求的详细形容。
结构层,配置型产品关注 交互设计 ,定义系统如何响运行户的恳求;消息型产品,设计 消息架构 ,即正当布置内容元素以促成用户了解消息。
框架层,配置型产品和消息型产品都要启动 消息设计 ,即促成了解的消息表白方式。
配置型产品框架层还须要 界面设计 ,也可以说是 布置 好能让用户与系统的配置发生互动的 界面元素。
消息型产品须要 导航设计。
表现层,为最终产品发明 感知体验 。
3、层间依赖相关 另外,须要关注各层之间的依赖相关,介绍驳回 尾尾连贯 的方式,让每个档次的上班在下一个档次完结前成功。
方案名目时,让任何一个层面中的上班都不能在其高层面的上班成功之前完结。
不介绍 首尾连贯 的方式。