分享

提升“交互设计”的“用户体验”,授人以鱼,不如授人以渔?

 budaozheli 2019-04-13
《用户体验要素》封面

面对“这张图、这本书”以及“用户体验要素(五层次模型)”,如何评价?

——答:了不起的核心工作逻辑!

另存→保存→打印

2000-03-30(我读初一),本书作者Jesse James Garrett(简称:JJ)绘制了一个三维模型,就是上图“用户体验要素(the elements of user experience)”用于解决“交互设计”的“用户体验”问题,帮助了成千上万的设计师、开发者开展工作。

用户体验,真的是个很难理解、更难把控的东西!这个关乎“用户行为、用户心理”的感性指标,常常让交互设计初学者“既迷茫,也抓狂”,本文、本书,堪称:指南。

1.先了解一下,这是一个什么问题:

(1)什么是交互设计?

答:交互设计,是要创建和设计“人”与“产品、服务”之间有意义的关联,从而达成使用者的目标。

(注意,定义即目的。)

交互设计,实际上是一个特别年轻的工种,它与“用户行为、用户心理”有关,通过“界面设计、交互设计”使得“可用性”和“用户体验”得达到较高标准。交互设计,广泛涉及到一系列学科,例如:人类工程学、心理学、认知科学、信息学、工程学、计算机科学、软件工程、社会学、人类学、语言学、美学等。这个工种,实际上在“工作内容、工作方法”至今也没有定论,但在目标上,它要求最终设计的成品,能同时满足“可用性”和“用户体验”的高标准。

(2)为何做交互设计?

答:交互设计,是要创建和设计“人”与“产品、服务”之间有意义的关联,从而达成使用者的目标。

(重复,目的即定义。)

从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。

总结一下,要“可用性”高,且“用户体验”良好,这恐怕是个大难题!

2.JJ解决问题的思路?

实际上,在“网页开发、软件设计”的全部工作流程中JJ的“用户体验要素(五层次模型)”都已经成为通用的工具模型。

之前人们的大部分方法论,恐怕大部分“要么太琐碎(关注细节)、要么太漫长(关注能力)”,直到JJ提出了这个“既有系统性、又有实践性”的方案!

这个方案的核心思路,是:抽象、模型!

——作者用“可视化”模型,来发现问题、解构问题。通过这个“精彩的模型”进行抽象,将“底层的工作逻辑”和“表层的工作方法”一并呈现给大家,然后从本质上回答了“问题到底:是什么、为什么、怎么样?”这实在是了不起!

可能有人问,有多了不起?

大家不妨想象一下,我们常说“授人以鱼,不如授人以渔”,其实是想表达“方法”的作用,而作者了不起的地方是:

结构化“渔”,告诉你底层逻辑,明白:为什么?

模型化“渔”,展示你底层规律,预见:怎么样?

JJ进行结构化、模型化的过程中,有2个关键的“深度思考”(也是最有价值的挑战):

(1)深度挖掘,由表及里,剖析了“战略层→范围层→结构层→框架层→表现层”这个“自下而上”建立的模型,是如何发生“连锁反应”的。

(2)将“网页设计”与“软件开发”作必要区分,从而“统筹”和“辨析”各种“易混淆”的概念,从而清晰地解构了工作任务,梳理出科学的流程。

说实话,这种“手术刀”一样的视角,横切、纵切,随心所欲看到事物结构的本事,让人佩服、值得学习。完成“横切”和“纵切”之后,JJ得以向大家展示“全貌”和“结构”,接下来,具体说明结构作用的机理和规律就容易了。

3.JJ解决问题的方法?

(这段干货超有用!感谢“小V企培”团队,集中讨论,团队智慧,建议小伙伴们保存下来。)

有了“横切”和“纵切”,接下来说明问题就变得相对轻松了。

(1)战略层

主要解决“我们要不要做这个项目”的问题,回答的过程,就是寻找商业模式、发掘用户需求的过程。

①商业目的(我们想要什么?)

②用户需求(用户想要什么?)

在这个层次,其实是不分“网页”和“软件”的(即:不纵切),因为无论网页、软件,都需要考虑这两个问题。

(2)范围层

在“战略层”,确定了“商业目的”和“用户需求”之后,其实“大致范围”就定了,但“范围”的“具体界限(或者说外延)”还没有确定,这就是“范围层”的意义:

①功能规格(做哪些功能?)

②内容需求(给哪些内容?)

(3)结构层

前面“范围层”已经列出了功能、内容清单,接下来,就需要研究一下,这个“功能汇总”和“内容汇总”如何有效组织起来,总不能随便扔地上吧?又不是开跳蚤市场?——所以,超市的商品,是需要“分门别类”且“符合逻辑”的,类似于是“物流管理”的,这个活儿,交给“结构层”。

①交互设计(应为:功能设计)

②信息架构(仍叫:信息架构)

(4)框架层

说白了,“结构层”只是整理了一下“功能”和“内容”,甚至,这个“整理”是个思维过程,并不是个具体行为。接下来,“框架层”才是那个真正“设计货架、摆放商品”的人,而且还需要“设计路径、规划流程”,这个部分,才是用户能看到的部分。

①界面设计

②导航设计

——③信息设计:无论是“软件的界面”还是“网页的导航”,其底层设计,是信息设计。这一步,不同于“结构层”的思维处理,是需要形成具体文档的,即:信息架构图。

(5)表现层

(建议改为:视觉层)

这层的工作,是视觉设计,也是很多初学者以为的“美工环节”,实际上,视觉设计的范畴,肯定会超过美术范畴。在方法上,有“对比/一致”的要求。在具体内容上,包含:配色、字体、绘图等。做的成熟了,还需要形成企业VI、CI系统。

JJ在论述时,还反复强调了“连锁效应”,即:不仅有下层与上层的决定,也有上层对下层的反作用,交叉印证、连锁反应。因此,能否进行“考虑成分、设计周密”的流程管理,将直接决定项目成败。

4.敲黑板 划重点

最后,提示大家,在本书当中JJ还分享了很多具体操作技能,包括且不限于:

降低阅读负担、声音的妙用、有效呈现、UCD(用户中心设计)、UED(用户体验设计)、战略层决策、可视化文档、FAQs、功能规格、内容需求、场景、内容清单、节点(node)、视觉词典、配色方案、排版设计……

基于用户体验要素的交互设计流程-来自网络

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多