购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.2 设计过程中如何运用计算思维

斯坦福设计学院将设计思维分为同理心(Empathy)、定义问题(Define)、创意构思(Ideate)、原型制作(Phototype)和测试(Test)五个步骤,它们已被设计师广泛地使用。一般而言,用户思维能帮助设计师完成前面两个步骤,而计算思维能帮助设计师更全面地、更好地完成全部步骤。

2.2.1 同理心

在同理心步骤,一般会通过用户体验地图或者场景建模的方式来思考设计该怎么做。以图2-4为例,在用户体验地图中一般会将整个流程分解成不同的子流程来让用户测试,同时基于行为、接触点等关键目标去了解用户的想法,这些都会运用到分解的能力。图2-4中的想法和情绪曲线更多是众多测试用户表达的一种抽象效果,它基于统计后的结果集合而成,并不是每一位用户的真实情况,但它能有效帮助我们找到问题的所在。

图2-4 常见的用户体验地图案例

在场景建模中,找到用户行为背后的动机很重要,这时候需要用到分解和模式识别的能力。首先通过需求和痛点分析预测用户存在哪些行为,从而寻找当前场景下是否存在这样的重复行为,如果有,将每次发生行为的时间、环境等因素分解出来,识别每个因素之间的关系,从而建立模型。

2.2.2 定义问题

在做产品前一般需要先定义问题,这时候构建用户画像、痛点分析都是我们主要做的任务。构建用户画像的本质是分解、模式识别和抽象,当产品拥有不同年龄段、不同阶层的用户时,把所有的用户当作一个用户画像,这很可能导致不知道他们的具体需求和痛点有哪些,但如果将所有用户按照年龄、性别、国籍等维度进行分解,然后抽象为“Z世代的潮流男生”或者“80后顾家妇女”等关键词,这时有可能识别到不一样的需求和痛点,从而更好地定义问题。

5W1H也是一种基于分解、抽象和模式识别的定义问题的方法,它将一个问题分解和抽象为What(什么)、Who(谁)、Where(在哪里)、When(什么时候)、Why(为什么)和How(如何),该方法能更好地帮助用户找到问题根源在哪。5W1H分析法的具体含义见表2-1。

表2-1 5W1H分析法

2.2.3 创意构思

情绪板和卡片分类法是创意构思阶段常用的方法,它们同样采用了模式识别和抽象两种计算思维。情绪板通常用于视觉设计灵感的挖掘,原理是根据产品属性和特征寻找大量视觉图片,包括色彩、肌理、风格和形状等,然后由甲方或者目标用户进行挑选,挑选完成后由设计师识别图片之间的关系,分类不同的图片并且命名不同的关键词,例如科技感、未来感、奢华感等,最后以此作为设计方向或者设计形式的参考。

卡片分类法则更多用于信息架构设计。在试验过程中,设计师会准备一堆具有不同信息的卡片并由用户来组织它们之间的分类,然后设计师会基于用户的分类将不同的信息组合成不同的界面和流程。使用卡片分类法的设计一般具有以下特点:具有信息的核心入口,信息量大,信息种类繁多。卡片分类法目的在于改善信息的分类或组织,让用户能快速找到自己所需的信息,降低用户学习成本,提升产品的使用体验,一般适用于网站或者导航的设计和改版、电商网站物品分类等方面。

2.2.4 原型制作

在原型制作阶段,计算思维将贯穿始终,尤其在和开发人员沟通过程中计算思维特别重要。由于原型制作更多是实践过程,笔者不打算展开讨论,但在这里笔者想强调一下算法对于设计的重要性。在AR、VR或者基于手势识别、语音交互等多模交互的原型制作中,算法将决定自然交互的好坏,以及决定需要多少的容错设计;在抖音、亚马逊等基于推荐算法的原型中,算法的准确率将直接决定原型的成败;在动效、3D渲染、艺术生成等基于参数化设计的原型中,如果不懂算法,设计师有可能都无法想象出设计方案。这些都属于未来的设计方向,在这些领域算法都会决定设计的质量。

2.2.5 测试

在测试过程中,眼动追踪、点击热力图、漏斗模型、用户访谈、用户观察和用户反馈都用到了模式识别。眼动追踪会检测用户在某个页面或者任务上的眼球运动轨迹、注视了哪里及注视了多久,然后自动生成眼动热力图、视线轨迹图来帮助设计师了解用户的行为(图2-5),点击热力图也是如此。漏斗模型(图2-6)主要可以对流程中的各个环节进行分解和量化,从而科学反映用户行为状态以及从起点到终点各阶段用户转化率情况,帮助设计师有效找到问题并进行优化。通过眼动追踪、点击热力图,设计师可以了解到自己的设计和用户行为是否匹配,配合漏斗模型,设计师可以进一步识别自己的设计是否会影响流程的转化率。

图2-5 用户的视线切换情况

图2-6 漏斗模型

用户访谈、用户观察和用户反馈相信读者都非常熟悉,在这里不再阐述。从以上内容可以看出,即使笔者不提抽象、分解和模式识别属于计算思维,它们也已经渗透到设计过程的方方面面,算法可能只在原型制作过程中较多使用,但它能直接影响原型制作的效果和质量,以及提升设计的严谨性。笔者再次强调,计算思维其实是一种解释、拆解和重构设计的思维方式,它能更好地指导设计师认识和理解哪些技术可用、产品是怎么运转起来的。虽然计算思维来自计算机领域,但强调的重点是思维而不是计算。 0AFG+1kJCSgFzcxXuWTHI4gw4JFfZPDag5gMmVm4lZSPssTf863MnH6/b8B6hvlp

点击中间区域
呼出菜单
上一章
目录
下一章
×