UX用户体验设计 ·

赛马会国际娱乐:给UX学习者的入门指南(下) — UX所涵盖的领域

香港赛马会官方中心 www.2np5j.cn 在前一篇文章中,我们大致介绍与定义了UX,大家也应该都了解了UX有多么的广泛,要真的精通UX的所有方面是十分困难的。实际上,并不存在着一个学科-UX,UX是由各式各样不同的专业相互累加而成的,因此若是没有相关专业的基础知识,比方说程序、设计、或心理学背景,那么在学习UX的道路上容易碰壁,有一种知其然不知其所以然的感觉。所以在这里,我们列举一些可以作为UX基础的核心与相关学科。

这里要特别强调一下,我并不是这些领域的专家,仅仅是将所学到的知识以简化的方式概述给大家,所以如果您发现文章提供的信息有错误,请指正。

 

UX在学什么?

为了区分,以下我将这些专业分为核心以及相关学科,其中核心学科指的是如果你接受正规的UX训练,比方说认证课程或是学士硕士学位(博士不在此讨论),这些将会是必修的核心学科。但是只靠这一些核心是不够的,一个好的UX专家,还必须要熟悉其他的相关学科,并将之作为基础与核心学科相连结,毕竟UX最重要的便是一切都有道理,不是靠着感觉或是个人喜好,而是通过这种科学的研究方式来创造出最人性化的设计。

 

核心学科

核心学科顾名思义便是UX的主要核心,不管你将来要往Researcher、Designer、甚至Engineer的方向走,这一些学科都是必须要学会并且融会贯通的。这些学科也是所有UX相关的学位课程都会要求的必修学科。

1,User-Centered Design(以用户为中心的设计)

关于UCD在前一篇文章中已经有所介绍,这里不再多说。对我来说UCD便是5W1H:

Who:谁是你的产品/系统/服务(以下简称产品)的目标群体?他们有什么样的特质?

Where:产品在哪里被使用。该环境有哪些特质与该注意的地方?

When:产品在什么时候被使用?

What:用户想要做什么?你的产品想让用户做什么?

Why:为什么用户需要做这件事?为什么他们要使用你的产品?

How:在知悉5W之后,你的产品如何能够帮助用户,达到他们的目标?

作为UX的核心,UCD可以说是贯串所有核心学科以及相关学科的重要专业。UCD不应该是一门学问,而是一种哲学与习惯。虽然你可以找到很多关于UCD教程的文章或是书籍,但方法什么的老实说并不重要,重要的是作为一名UX从业者,你应当无时无刻的在思考如何能够给予你的目标用户更好的体验,理清楚5W1H,并融合其他相关的专业知识来为你的设计与研究背书。

2,Prototyping (原型设计与制作)

Prototyping是用户研究与设计中很重要的一环,主要的目的是通过制作相对低成本的原型来观察用户。除了学习各种不同的原型制作方式,比如:Wireframing(用Sketch、Illustrator、或Axure RP等软件来制作UI)、Paper Prototyping(使用纸张或是手边的材料拼贴制作出模型或是界面)、Physical Prototyping(使用诸如3D Printer, Laser Cutter等等机器来协助制作原型)、Hardware Prototyping(使用Arduino等开发版)、Wizard of Oz(用模拟等方式来呈现产品的运作与互动)等等,更重要的是了解哪一种Prototype可以回答哪一些设计上的问题,以及如何在成本与时间的限制下制作出能够反应真实使用情形的原型。举例来说,如果想要设计一个网站,就必须依照不同的设计问题,在不同的开发阶段制作不同的原型:

如果想了解整体内容的配置,可以使用Paper Prototype,把东西大致上画出来即可,或是用Sketch制作Wireframe。

想知道当用户按下一个按钮之后,可以接受画面在反应上有多少延迟。这种就无法用Paper Prototype呈现,可以考虑用PowerPoint的计时器。

想要知道这个网站是否真的可以提供用户要的内容,那便需要制作MVP(Minimum Viable Product:可以最低限度的呈现产品运作的原型)

制作原型的主要目标是快速,所制作出来的原型可以很丑,但需要能够展现产品的核心设计概念。充分的掌握原型制作的技巧可以大大的提升获得用户回馈的精确度以及提升和团队中其他成员的沟通效率,确保大家对于产品的理解是一致的。

3,Interaction Design(互动设计)
互动设计所探讨的是人和产品间的互动(Interaction),产品如何引导人正确的使用(Affordance),以及产品如何给予人回馈(Feedback)?;ザ杓瞥⑹匀パ实奈侍獍幌录傅?,但远不止这些:

何时该使用标签、使用哪一种标记(文字、图像)?

该如何通过视觉、听觉、触觉等感官呈现信息和反馈?

用户如何要如何与产品互动?(触控、鼠标?)

如何正确的引导用户使用产品?

由于上述概念过于笼统,所以Gillian Crampton Smith在探讨了各式议题之后,将之切割为4个维度,随后Kevin Silver又再加上了一个维度。而这5D便成了现在互动设计的基础。

1D —Words:探讨文字的使用时机与内容。文字必须要提供足够但不过量的信息给用户。

2D — Visual representations:探讨任何的图像,包含图片、文字、图示、按钮的使用,和文字一样,这些图像同样需要给用户互动上的信息。

3D — Physical objects or space:探讨使用的媒介、实体的空间与使用情境。用户通过何种媒介与设计互动?在何处使用?

4D — Time:探讨任何会影响到使用感受的感官上的反馈。比方说动画的快慢与声音的延迟等等。更进一步的还有用户使用的时间长短以及情境等等。

5D — Behaviour:作为最后一个D,5D探讨的是How,在前面4D之上,产品会被如何使用?用户的行为为何?以及该如何够过前面4个D来定义一个产品该提供何种的互动经验。

如果觉得上面有讲的有些抽象,Interaction Design Foundation制作了一个小动画来介绍这5D是如何被整合进网站设计之中的。

 

4,User Research Methodology(用户研究法)

用户研究法所介绍的是各式各样的研究用户的方法,包含了定性(Qualitative)与定量(Quantitative)的研究法。前者包含了大家比较常听到的,比方说用户访谈(User interviewing)、焦点小组(Focus group)、用户测试(User testing)、日志法(Diary study)、情境探究(Contexture inquiry)等等,后者则包含问卷(Survey)、服务器日志分析(Server log analysis)、A/B测试(A/B testing)等等。学习用户研究法最重要的便是去了解各种方法的优缺点以及实际的执行方式,比方说如何撰写Screener、如何找受试者(Recruiting),需要多少受试者,得到的结果可以以及不可以回答哪些研究或是设计上的问题等等。更重要的是如何整理得到的结果然后转换为可以执行的洞察力和可取之处。

一些会在用户研究法中学到的实验设计上的范例包括:

眼动测试要有多少参与者才能得到有效的结果?

用户对不同设计的偏好度是否有显著的差异?

问卷调查要得到多少份的回应才能足以推导结论?

除此之外,也会有一些较为专业的研究问题,可能需要整合不少相关研究知识才能规划研究方法,比方说:

HoloLens的影像亮度要多少lux才能够确保用户可以清楚的同时看到影像与其背景?

不同的界面设计在不同认知负载下是如何影响到用户的表现?

广告应当设置于网页上的哪个位置才能够吸引到用户的注意力但又不至于影响其工作效率?

Christian Rohrer制作了一张表格,罗列一些常用的用户研究法,并将各方法偏向定性或定量,探讨的是态度或是行为来进行划分,有兴趣的可以参考看看。

 

相关学科

除了上述的核心学科以外,UX专业人员之所以可以侃侃而谈并应对各种多元的研究与设计问题,主要的基础是其他和UX有或进或远关系的其他专业领域。所以不管是想要以UX为专业的学生, 或是想要转行到UX领域的专业人士,或单纯只是对UX有兴趣,想要把它带入自己的工作或生活之中的普通人。学习下面的这些学科将可以大大的扩展你的视野,让你在UX这条路上更加如鱼得水。

1,Experimental Design(试验设计)

试验设计涵盖如何定义一个研究问题、设计实验、排除掉干扰因子,执行研究上的技巧与细节、到最后数据的分析与结果呈现。

用户研究是一门以人类为对象的研究学科,因此有很多必须要注意的细节。试验设计在研究方法这个学门上更进一步的深入研究中所需要用到的平衡(Counterbalancing)、可能遇到的混淆变相(Confoundings),效度与信度(Validity & Reliability)、各种分析与统计的方法等等。

试验设计是执行一个严谨且高品质研究的基础,特别是有朝一日要将研究发表于期刊或研讨会上,即便在业很少进行如此高度控制的研究。不过对于立志要进大公司做设计研究的人,深入了解试验设计是必要的,而且最好还有相对应的实际经验。这也是为什么大公司的用户研究喜欢找实验心理学或是人类学的硕士博士。

经典的索罗门四组设计(Solomon four-group design)

2,Cognitive Psychology (认知心理学)

心理学的范围非常的广泛,其中专注于探讨人类如何应对与处理环境信息的领域有两门: 知觉心理学(Perceptual Psychology)以及认知心理学(Cognitive Psychology)。其中知觉心理学探讨的是我们如何感知信息,比方说眼睛的如何接收光线,听觉系统如何运作等等,而认知心理学则探讨人在获得这些信息后,是如何进行处理以及影响认知与行为。

认知心理学可以说是心理学里面最接近UX的一块,因此学习这门课程将可以大大的提升对人这个要素的理解。其所探讨的范围包含但不限于:

Perception(知觉): 前面所说的知觉心理学,探讨人如何从环境中获取信息。

Attention(注意力): 人类如何选择性的接收或是处理信息。

Learning(学习): 人类如何增进其对于环境中事物的反应表现。

Memory(记忆): 探讨记忆的种类、形成与限制。

Concept formation(概念的形成):人类如何能够归类、汇整不同的信息形成可以应用的概念。

Reasoning(推理): 探讨所谓的逻辑的形成并且被评估与改良。

Judgment & decision-making(决断): 探讨人类如何统整信息并做出判断。

Problem solving(解决问题): 当面对复杂的问题时,如何将其分解并逼近答案。

Language processing(语言处理): 语言的学习、理解与使用。

认知心理学很大程度的构成了现今的UX design guideline,比方说在人因工程中时常探讨对于环境状态的意识(Situational Awareness),对于系统反馈的感受(Perceived Performance)、因为注意力的限制而产生的忽略现象(Inattentional blindness)等等。

除了认知心理学以外,还有不少的心理学领域也与UX相关,比方说完形心理学(Gestalt Psychology)强调「整体不同于其部件的总和」,其四大关键特征整体性(Emergence) 、具体性(Reification)、组织性(Multi-stability)和恒常性(Invariance)发展出了很多不同的设计与资料视觉化方法。而工业心理学(Engineering Psychology)则汇整了各种人类感官认 知的特性以及限制,为学习人因工适学的人必须要了解的课程。

 

3,Information Architecture (信息架构)

信息架构所研究的是如何有意义的整合与分类信息,包含系统组织、导览、及分类标签的组合结构。而现今Information Architecture这个学门主要以数字环境为对象,探讨传统上的信息和设计方法如何在数字平台上实践,其原先被运用于知识管理系统(Knowledge management system)和图书管理系统中,但先今几乎所有的网站和App都有应用其设计原理。IA的核心有二:可用性(Usability)和可寻性(Findability)。前者探讨的是系统是否容易学习、有一致性、提供足够的反馈、允许用户轻松的在不同区块之中来回等等,后者探讨的则是信息是否被合理的排列、适当的标示、有意义的结构以至于用户可以很容易的找到其所要的资讯等等。

资讯架构被广泛的应用于各种网络服务之中,其中又以图书馆系统和线上购物网站最为重要,因而会通?;崆胱ㄒ档男畔⒓芄故?Information Architec)或是内容管理者(Content Strategist)来做设计。而对于一般的App和网站来说这则会是UX Designer和Researcher的责任,有名的Card Sorting便是一个常见的IA方法。适当的了解IA可以让UX Designer由上而下的理解整个产品规划,并进一步的设计出有效且合理的内部关联性与如何呈现复杂的内容。

IA的八大项目

4,Front-End Web Development (网站前端开发)

前端设计开发一般指的是通过编写HTML、CSS、JavaScript(以及相关的框架(Framework)、比方说Angular.js、React.js、Vue.js等)来开发出可以实际运作的、给用户使用的界面与服务。除此之外,有包含测试不同的动画或转场效果(Animation),以及制作简单的Web App来验证设计。对于UX Designer来说,高度的程序开发能力并不需要,因为真正的开发是由工程们来执行,UX Designer仅需要给予其产品呈现上的细节规格与互动效果。

前端开发和一般程序开发有些不同的是其进化的速度非常的快,每几年甚至每年就会有全新的技术或是Framework出现,不然就是浏览器的核心与既有Framework的更新,这些都会迫使开发者必须要不断的关注并学习各种新的技术,甚至会遭遇到某些技术被弃用而面临需要大改程序的情况。比如过去红极一时的Flash现在几乎已经销声匿迹,Angular 1 到2的大幅改动,React和Vue的崛起等等。但对于UX Designer来说,学习前端开发最重要的目的便是验证设计,把设计想法通过代码呈现出来以便进行用户测试或是将它呈现给工程师看以减少沟通上的失误,所以只要能够好好的学好一套Framework,能够把自己的设计想法呈现出来就足够了。此外,开发的经验也可以协助在设计之时,避免开出太过天马行空的规格,并更好的和工程师们合作。

Google trends所显示的几个主流Framework在这几年中的搜索趋势

5,Visual Communication Design (视觉传达设计) &Data/Information Visualization (资料视觉化)

视觉传达设计是设计中的一个分支,虽然也探讨美学上的设计,比方说字体(Type)、颜色(Color)和间隔(Space)的运用,但更重要的如何有意义、有效率、浅显易懂的呈现复杂的信息。而资料视觉化则是更进一步的探讨如何将复杂得资料数据视觉化以便观看者可以简单的理解甚至操作,包含图表、表格、统计绘图甚至是如何加入动态或互动元素等等。此外,也包含了如何在设计中加入关于品牌与形象的元素,确保视觉上的一致性,以及适当的调配呈现信息的数量与方法等等。简而言之便是如何通过视觉上的元素来向观看者传达想要的信息。

视觉传达设计可以说是所有UX Design的基础,相较于美术的部分,UX Designer更应专注在如何减少用户的负担,帮助用户在众多的资讯中找到目标,以及协助用户更加简单的理解资讯的内容。这在这个资讯爆炸的现代尤其重要,同时不只是对外,在公司内部提Proposal、组内或是跨部门沟通时,也会需要良好的视觉呈现来增进沟通的效率。说实话不只是学UX的人,现代社会种的任何人都应该要掌握基础的视觉传达设计和资料视觉化的能力。

值得一提的是,UX专家是不太需要去担心美术上的设计,在中大型公司之中都会有专职的视觉设计师,UX Designer只需要提供Wireframe或Prototype即可。然而,现实中很多UX Designer都被迫兼做视觉设计(这也是网络上的一个万年议论: UX Design不等于UI Design的一个原因),所以如果公司对于UX Design和Visual Design的区别不清楚,多半都会以Visual Design的角来切入。但排除掉这一点,学好视觉传达设计和资料视觉化无疑可以增进设计上的广度、品质与精致度。

资料视觉化的例子The Disciplines of User Experience Design

6,Project Management (项目管理)

项目管理是一门运用各种管理的知识、工具和技术来使一个团队得以起草、规划、执行、监控、与结束一个项目已达到预定目标的学科。这里所指的管理包含了领导、组织、用人、计划及控制等五项主要工作。项目管理是一门几乎完全建立在经验上的学门,虽然充满着不少的理论,但是念10本项目管理书可能还比不上实际上管理一次项目的经验。

适当的项目管理能力对于任何一名可以独立作业的人员都是必要的,对User Researcher来说,由于很多的User Research计划十分的复杂,往往需要投入大量的人力与资源,甚至跨团队、跨公司与跨国,虽然说团队中的PM通??梢孕?,但是对于很多特定的研究资源与经费多半都需要由Researcher去争取,并需要进一步制定计划所需的时间与人力。而对于UX Designer来说,由于UX Designer往往是团队中UCD的推力,因此理想上应与PM合作将UCD植入各个设计与开发阶段,甚至主持工作坊或团队活动来提升团队整体对于UCD的意识。

这里把这门学科放在最后说,主要的原因在于项目管理对于刚踏入这个职场的UX专家们并不是非常的重要,只要理解很好,但通常团队中会有专门的PM来进行项目管理,所以只要做好自己的本分并充分地进行团队沟通即可。然而,随着经验的增加,UX Designer和Researcher将会渐渐的转换到一个管理项目的位置,需要统领小组内外的资源、管理组内的工作进度、预估并规划好需要的执行时间并进行大量跨部门的合作,这时候项目管理就会成为一个很重要的技能。所以想要领导一个团队的各位,建议花时间来了解一下这门学科。

5 Phases of Project Management

总结

UX是一个新兴的学科,虽然从二战时期的Human Factors开始就不断的在发展,但相对于其他的科学研究其仍然相当的年轻,并非常容易地受到当今科技与主流文化的影响,进而产生各式各样的子领域。比方说随着智能手机的普及,兴起了研究UX for 移动终端的研究,智能电视的出现则促使各大公司投资研究10 feet UX(中距离下的用户经验),2016年虚拟现实( Virtual Reality, VR)技术的崛起,更是引领了大量UX专家投入研究如何在虚拟环境中提供良好的用户体验与互动模式。而随着更多不同领域专家的投入,过去没有用在UX研究或设计的技术或是研究法也慢慢地被加入到了这个领域之中。比方说Expedia和Facebook开始采用脑电图(Electroencephalography, EEG)去探讨人们对于不同设计或是广告的反应、或是使用Narrative Clip这个小型相机来记录人们一天的生活以理解用户的行为模式、或是通过VR来创造一个虚拟的研究室,让用户和尚未开发出来的产品在不同的环境中互动等等。对于一名UX专家来说,我们必须要不断地学习新的事物,应该研究与设计的需求来寻找合适的工具,并进一步的探讨如何连结学术与业界,将不同领域的研究与设计法相互整合,以便达到我们的终极目的:创造出一个正向的、良好的用户体验。

 

系列文章:

给UX学习者的入门指南(上) — UX的起源

给UX学习者的入门指南(中) — 进一步了解UX与UCD

给UX学习者的入门指南(下) — UX所涵盖的领域

参与评论