如何从网页设计转型为用户体验设计

从网页设计转到用户体验设计并不难。你可以在基于你目前的技能水平上，选择最适合你的教育方式或者课程。此后，你可以把学习到的UX实践到网页设计中。好消息是，你已经熟悉设计语言，一旦你加入一点UX的实践，其实你已经做好了转型为UX设计师的准备，加入到当今世界设计行业增长最快的部分。

改变职业并不像它经常所说的那么难，特别是当你有了合适的资源来帮助你做出改变的时候。对于许多网页设计师，现在就是转型为UX设计的绝佳时间。首先，伴随着职业的变化，金钱收入大幅提升。根据PayScale统计，网页设计师，在美国平均每年赚46,000美元，而UX设计师则是74,000美元。其次，用户体验设计师的工作机会正在快速增加：CNN(美国有线电视新闻网)报道，仅在美国未来10年,将会有总共3,426,000个UX工作机会。此外，用户体验设计是一项有意义的工作，不仅是因为你的工作是从里到外做出一个产品，而且还因为DMI（Directional Movement Index，动向指标）显示UX设计对企业产生重大影响，UX设计驱动的企业S&P指数为228%。

那么，你在哪里找到合适的资源来帮助你做出改变？为什么，你现在不就在看着这个资源。。

一、什么是用户体验和用户体验设计？

首先，让我们简要介绍一下我们所说的“用户体验”是什么意思。产品有用户，然后用户体验（UX）是简化用户使用特定的产品的体验。就这些？

UX设计是产品设计提供最佳用户体验的艺术。如果这个描述听起来很广泛，这是因为用户体验设计的本质是相当广泛的。构建最佳UX需要用到心理学，交互设计，用户研究，以及其他许多学科，但最重要的是解决问题的迭代过程（后来问题会越来越多）。

从广义上讲，用户体验可以分为3个部分：外观、感觉和可用性。

一个产品的外观是通过视觉创造一种与用户价值相和谐的感觉，构建与用户之间的信任。这就是关于创建一个看起来正确的产品，而不仅是看起来很漂亮。

感觉，包括使用一个产品的体验，尽可能的愉快和让人享受。它建立在巧妙制作用户与产品之间的交互行为，以及他们在使用(或者使用后)该产品时的反应。

最后，可用性巩固用户体验。很简单，如果一个产品不可用，再好看的外表都无法挽救它，用户唯一的感觉只有愤怒和沮丧。理想的情况下，产品应该是满足用户的个性化需求，并预测到应该提供的功能。

如果你仍然不确定是否UX设计吸引你，我们已经有了一些文章，帮助介绍一些UX职业的重要组成部分：

• 可用性介绍
• 可用性对比合意性

二、网页设计和用户体验设计有什么共同之处？

这个职位“网页设计师”有很多的定义，事实上，一个网页设计师做的东西在很大程度上依赖于客户或项目需求。一些网页设计人员只需在网站上创建视觉设计或高逼真度的交互原型，并将该网站的编码部分留给前端和后端开发人员。然而，大多数的网页设计师，做的内容包括设计和（前端）网站开发。一些网站设计师甚至定期做用户研究和测试（如果你是其中之一，其实你已经很适合UX设计的工作了）。

但是，不管你作为一个网页设计师的工作包含哪些，有些工作特质同样可以在UX设计中适用。

解决问题

网页设计师似乎是去解决客户的问题；用户体验设计师看起来好像是为用户解决问题。网页设计师要解决问题的过程：首先，他们发现客户的问题，然后设计一个网站解决方案，然后在发布前进行开发和测试。在一个网站发布后，网页设计师往往涉及进一步的测试网站，收集用户的反馈，并再次迭代设计。

这种迭代的问题解决过程类似用户体验设计流程。UX设计师从用户研究开始；这是了解产品潜在用户的必须过程，找出他们的问题，如何解决，如何让用户想和需要这个解决方案。用户研究通常是通过用户访谈、观察、人口数据研究，起草用户故事和人物角色等。此后，UX设计师将创建一个设计方案，解决用户的核心需求，并经常把原型给用户，测试它的有效性和可用性。在产品推出后，用户体验设计师收集更多的用户反馈，从而进入新一轮的用户研究，从再次开始这个研究过程。

如果你已经在之前完成了用户研究并将其作为你网页设计工作的一部分，你会发现在做用户体验设计时，这是一个很大的优势。如果不是，不要担心，你会有很多机会学习最好的方法来进行用户研究（阅读去发现更多）。

情感化设计

在设计网站时，网页设计人员经常使用字体、颜色和布局来塑造用户的情感。例如，用较深的颜色和衬线字体建立信任；同样，有趣的设计可以通过使用彩色图像和俏皮的字体。网页设计师们熟悉情感设计，也就是说，如何创造设计诱发用户情绪。UX设计师同样关注情感化设计，但在更大的尺度上他们关心用户在使用整个产品体验的情绪反应。

要做到这一点，用户体验设计师的工作不仅是字体和颜色，而且包含心理、动作设计、内容管理和信息架构。在转型的时候，网页设计师拥有与生俱来的对情感设计的理解；他们所要做的仅仅是补充关于对宏观体验上的新知识。

多学科

网页设计是一个多学科的工作，在那里你不仅需要设计知识（字体、色彩理论）而且需要开发一个网站的技能（HTML，CSS，JavaScript）。一些网站设计师也参与了交互设计，即当他们通过使用CSS或JavaScript 为动画和交互编码的时候。UX设计是一个多学科领域，甚至远不止于此。UX设计师需要利用从许多领域的知识，心理学，用户研究、视觉设计、甚至商业来为他们的产品创造最好的用户体验。

三、网页设计和用户体验设计的区别

聚焦用户VS聚焦技术

很大一部分网页设计师的工作时间花在追赶最新的技术发展，HTML,CSS和其他编码语言，所有这些改变和升级的速度令人眩目。什么版本的浏览器支持什么版本的CSS？CSS动画能在Safari和mac上工作吗？甚至别让我打开网络浏览器！这些可能是作为一个网页设计师头脑中不断出现的一些问题（和挫折）。

但UX设计并不关心技术。相反，它的焦点集中在用户——技术只是一种手段，帮助用户得到他们所需要的。只有关注用户，用户体验设计师才能创造迎合他们的特定需求的解决方案，用户最终才愿意付钱。UX设计师做大量的用户研究，找出自己能为提高用户体验所做的事情，大部分的网页设计师，则没有这个机会。

UX不仅仅是网站

UX设计是一个独立的平台。它的原则和流程适用于网络浏览器以外的许多不同领域：在移动应用程序，桌面软件，甚至硬件产品和零售空间。另一方面，网页设计的领域则是严格依赖于网络浏览器。这意味着，用户体验设计师们能够不仅在新兴的高科技公司找到的工作机会，也可以是在成熟、稳定的行业如汽车制造商。只要有产品，就有用户体验的需求——开拓出了无限的机会。

四、网页设计经验的对转移到UX设计的优势

网页设计相关背景

从网页设计转型到用户体验设计最大好处是两个设计领域之间的交集。虽然UX设计涵盖的平台不再仅仅是Web浏览器，UX设计工作的相当一部分仍然是，至少部分是基于网络的产品（如Facebook和推特的社交媒体，如Dropbox的网络应用，如Google的服务）。如果你已经做了一些形式的用户研究或提高网站质量不断的用户迭代测试你就会知道，网页设计页体验设计的交集还是很大的。

熟悉设计和网站编码术语，会给你带来不可忽视的帮助；毕竟，UX设计是一个协作的过程，其中沟通至关重要。在和同事交谈时，能够使用业务术语，肯定会给你带来比非设计背景的人更为好的机会。

美学

当你转型到体验设计时，作为网页设计师创造美的美学能力也将派上用场。首先，美学是一个能够在内部沟通时，增强你交流能力的工具。作为UX设计师，你必须不断地对内部利益相关者（如CEO或产品经理）展示出你的结论和建议，创造可视化的报告和演示将最大限度的提升他们对于你说描述的关键点的吸收。

其次，美学在UX设计中起着至关重要的作用。用户体验设计的一个常见的误解是认为伟大的可用性是超越美学的，但这并不正确。事实上，一项研究超过2500名参与者的斯坦福大学公信力调查项目表明，近一半的人评估一个网站的可靠性是建立在其视觉吸引力上的。这就显示了美学如何与其他因素携手，比如易用性，一起带给用户最佳的体验。

五、如何提高你的技能，从网页设计转型到用户体验设计

从网页设计到用户体验设计有时是很直接的，特别是在你作为一个网页设计师的时候，你已经做了用户研究的某些方面工作。然而，对于其他的网页设计师来说，也没有什么值得担忧的。如果你已经花了一些时间学习UX，在你的网页设计工作中操练一些UX技能，在简历中体现出你对UX设计的理解，你将实轻而易举的实现转型。如果你想知道在哪里学习，下面给列了很多的选择，我们已经给你筛选出了一些最好的。

在线课程

交互设计基础

唐·诺曼，认知科学家，创造了“用户体验”概念，称为交互设计基础（是的，这就是我们）『交互设计中信息的金矿』。福布斯杂志说，我们提供“常春藤联盟的教育水平的UX、产品设计和人机交互课程。”幸运的是，教育费用不用跟常春藤联盟一样。作为一个非营利组织，我们收取的年费很低，你获得的不仅是获得我们所有的在线学习机会，而且还能接触世界最大的专业设计圈。我们还提供免费设计行业的顶尖研究人员学术文本。

我们有三门课程（从目前提供32门课中挑选出），是专门设计用来帮助人们进入UX设计的世界。你将在［从无到有成为UX设计师］中学习到各个领域的UX工作和基本技能。在［得到你UX（或交互）设计师的第一份工作］中，你就可以学到什么样的经验是UX雇主最需要的，而且学到如何制作精美的简历和作品集，能够得到一个UX设计工作的面试机会。最后，在［用户研究的方法和最佳实践］中，学到如何进行适当的用户研究，并且如何把你的研究成果转化为对你的产品有用的行为。

你可以 在这里 找到我们的所有其他用户体验课程。

Coursera

你也可能想看看Coursera，它是一个很棒的在线学习网站。他们的课程，像我们一样，是由在他们领域的专家开发的。不同于我们的是，他们并不专攻UX而且他们的课程并不总是可用的，当可用的时候，通常是收费的（每一个基础课程）。

Udemy

Udemy几乎在你可以想象的每一个领域都提供了课程。Udemy不是一个真正的培训机构，而是一个中间人，链接了由来自世界各地的培训课程。同样的，他们的课程没有太多的质量控制，所以有些课程是非常好的，很多则不是。

教室课程

Nielsen Norman Group

如果你想体验课堂式的课程，我们强烈推荐“大名鼎鼎”的，而且非常可靠和高品质的机构。其中的一个是Nielsen Norman Group，同时也是最为人知的UX咨询机构；他们在世界各地的不同地点提供一系列的培训。他们并不便宜，但如果你不喜欢在线培训，他们是一个很好的选择。

你可以 在这里 找到Nielsen Norman Group的培训。

Cooper

Cooper，一个受人尊敬的课堂培训供应商，还提供UX设计课堂教学。他们也不便宜，但如果你要做课堂学习，它永远不会像在线学习一样划算。然而，他们提供的服务包括一些很好的地点和区域。

你可以 在这里 找到更多关于Cooper的课程。

大学课程

如果你有足够的钱和时间，你可以去大学获得学士学位或硕士学位。现在还没有独立的“用户体验”学位课程，大多数相关联的课程都聚焦于人机交互。

举两个例子：

• 卡耐基-梅隆大学–人机交互程序
• 约克大学–MSC在人机交互技术

大学不是一个低成本的选择，你会花费很多的时间和金钱。在你决定走这条路之前，你要仔细斟酌一下利弊。

例如，下面是我们如何分解4年大学本科的总费用：

据美国顶尖大学的报告，汇丰银行发现，美国的大学教育每年花费36,564美元。这包括学费和生活费。一个大学文凭，总共146,256美元，这还不包括一些花费，如完成学业的贷款利息。

然后，机会成本，就是你要是不工作，花费四年时间在大学。也就是你会放弃收入，在一所全日制大学学习。根据美国人口普查，一个高中毕业生的收入平均每年为27,351美元。4年的话，这相当于109,404美元，如果你一直在工作的话，那就可以赚这么多。

总结实际成本和机会成本，你的总成本：255,660美元！

如果你认为所有的选择都是困惑的，你可能需要开始了解从每一种类型学习的［投资回报］。我们这里有一篇文章，讲述了上面提到的每一个学习类型中的投资回报。

网络人脉

在任何领域寻找工作的最好方法就是了解一些内幕，从那些已经在做你想做的人那里得到一些帮助。在过去这是很难的事情，但今天你可以简单地上网，连接网络。

我们推荐LinkedIn给任何想要找一些专业网络工作的人；加入UX团体和他们的谈话讨论。不要加进去直接询问工作，要先展示自己的价值，帮助别人，并在建立关系后寻找工作。

Interaction Design Foundation也为会员和非会员提供网络人脉机会。我们通过设计论坛邀请大量设计师互相合作，给会员提供能够拥有高度专业化的人脉网络的机会。会员和非会员也可以参加我们当地的社区活动，这是完全免费的。你可以 在这里 找到更多关于当地的团体。

你还可以通过社交媒体与设计社区进行连接互动。我们已经提供了一个包含二十个牛B设计师的列表，你可以与他们 在线互动 ，你可以通过谷歌扩展这个列表。

指导和反馈

我们发现，如果你能找到一个人来指导你，并且给你的努力提供反馈，你可以更容易地转型。当然，你可以从你现有的专业网络中找一个乐意承担顾问的角色人。如果你认为你找不到，你可以在我们的Interaction Design Foundation联盟成员中找一个有经验的UX设计专家做你的顾问。

 

译者：吕宙(UXRen 翻译组  微信公众号：cnUXRen)

审校：Ariel(UXRen 翻译组  微信公众号：cnUXRen)

原文作者：Teo Yu Siang

发布日期：June.2016

本文由 @UXRen社区 翻译发布于人人都是产品经理。未经许可，禁止转载。