自译，希望对想入行UX的朋友有所帮助

上篇：http://www.ui.cn/detail/379596.html

原文地址：https://uxdesign.cc/how-to-build-a-portfolio-and-get-a-job-in-ux-tools-processes-tips-tricks-22c047ee9a46

纸面草图

面试的时候让你做个快速草图的测试很常见。在用软件做出最终版本之前，你必须先画出低保真线框图。这种纸面快速草图比使用Sketch或其他软件绘制快得多。在会议、同客户交流或者面试的时候都用得到草图。所以作品集中应该有你的草图的照片或扫描图像。

画草图并不需要你精通绘画。在有效传达出解决方法的前提下，没人在乎一个低保真线框图画的美不美。

小建议1:一根普通的笔和纸就足够了，便利贴和彩笔会让草图看上去更清晰（拍照放在作品集中也更好看）。

小建议2：如果你要画同一个页面的不同版本的草图，你要做的最后一件事可能是将它画20份。不妨试试这么做：只需复印和打印出这个页面，将便利贴贴在要修改的元素上，然后在便利贴上直接绘制新的改动。用胶水或是纸夹子也可以。此时你关心的应该是效率，而不是追求美观。

线框图

说到线框图工具，我推荐Sketch（仅支持Mac）（https://www.sketchapp.com/）。每年99美元购买使用权，很容易就能得到50%的学生优惠。我一开始是用Invision上《Switch to Sketch》（https://www.switchtosketchapp.com/）学习基本操作，剩下的就是我自己做每周UX挑战（http://weeklyux.co/）时候的练习了。其他常用的软件有Axure（https://www.axure.com/）和Adobe XD（免费）（https://www.adobe.com/products/xd.html）。你也可以使用网页版原型制作工具，比如 UXPin（https://www.uxpin.com/）和 InVision Studio（https://www.invisionapp.com/studio）。这些工具彼此都比较类似，所以学会了一个其他的就很容易上手。在UXtools.co能找到更多工具（http://uxtools.co/）。

线框图上的文本重要吗？是的，UX文案和微文案写作技巧受到追捧并非巧合，你能写的文案越多越好——它是用来描述你的项目的。你当然可以使用标准假文本（https://www.lipsum.com/）来代替那些长文本和用户生成的内容；如果你使用的是Sketch，文案可以直接用Craft插件（https://www.invisionapp.com/craft）生成。但是请记住，文案驱动设计。使用接近产品现实的文案最好，这会促使你考虑到目标用户的上下文环境。

即使用户界面没有统一的标准，你也应该注意元素之间的距离，尤其是进行移动端设计时。其中一个原因，如果你将元素间距离设置的过小，小到接近于按钮的最小可点击区域，会给所有手指较大或控制能力有问题的人带来可怕的体验。另外，在增大间距后你可能会意识到，屏幕上的空间比期望中要紧张得多，这样就必须重新进行设计，或者将内容分割到更多的屏幕上。

小建议1:传统的线框图是用灰色调创建的。如果你不喜欢灰色，你可以在Dribbble或Behance上找到不同颜色的范例。尽管可以也不要用太极端的颜色——尽量使用中性，不显眼的色调，这样不会将读者的注意力从你的图片想表达的东西上引开。

小建议2:如果你要使用图标，并且正在使用Sketch、Axure、Adobe XD等工具，大可不必下载图标集。只需下载一个Font Awesome（https://fontawesome.com/）。安装字体，在Cheatsheet（https://fontawesome.com/cheatsheet）中复制您喜欢的图标，然后作为文本将其粘贴到线框图中。这比从各种文件中复制和粘贴图标要容易多了。

小建议3:如果你怀疑你的文字太大了，那很可能就是太大。反之，如果你感觉它们太小，那它大概率是正好的。把字体做大是初学者最常见的错误之一（我也一直这么做）。当你不确定时，就选择14或16号作为默认字体大小。而且不应仅仅因为Word或Pages中的默认字体大小是11或12号，就认为在你的页面这么用也没有问题——对于正文文本来说，11或12号文字太小了。

可点击原型

原型图可以验证你的用户流程和线框图是否有用，因此，至少在学习阶段，你会经历数百次的修改。也许你会意识到遗漏了一些东西，甚至发现之前的流程是错的，你想推翻前面的一切——当然可以，这在这个阶段是完全正常的。

小建议1:如果你是在设计手机app，InVison可以让你直接在手机上查看你的原型。第一次在手机上看到你的作品是非常令人兴奋的，但是在快乐之余你要合理利用这个功能：它允许你在它支持的设备环境下检查app。你能直接观察到按钮是否足够大，或者字体大小是否需要更改。

小建议2:如果你无法想象你的作品在桌面上呈现的样子，那就保存一份用全屏模式打开。这是检查它是否与你知道和使用的网站和app类似的最快的办法。

小建议3:让你的朋友们测试原型，在整个过程中不要说话。不要解释你的设计，也不要告诉他们该怎么做。相反，请他们描述他们在做什么和操作思路。你不仅要验证你的项目，还要体会这些人可能有的不同想法和意见。如果可能的话，请陌生人或朋友的朋友来测试一下。

可以试试请父母和祖父母进行测试。应该没有比这更好的清晰度和可用性的测试。

工具：InViaion（https://www.invisionapp.com/），Marvel（https://marvelapp.com/），UXPin（http://uxpin.com/）。个人更喜欢InViaion。

信息体系结构

信息架构反映出网站或app内容的组织。它包括导航，网站的内容，页脚等。将它加入作品集时我的心情很复杂，但在进行网站重设计的时候离不开它。最简单的方法是写下当前的体系结构，然后检查遗漏了什么、有什么不符合逻辑或不一致的地方，并根据所发现的构建新的体系结构。做这项工作的时候，你会再次发现即时贴的好处，因为该过程需要进行许多内容重组。

新人可以参考这些不错的例子：

Complete Beginner’s Guide to Information ArchitectureInformation （http://www.uxbooth.com/articles/complete-beginners-guide-to-information-architecture/）

Architecture Basics for Designers（https://uxplanet.org/information-architecture-basics-for-designers-b5d43df62e20）

小建议：如果您想对信息体系结构多一些实践，可以利用任意一个知识库或FAQ网站，一一映射其中的类别和文章，然后修改体系结构使其更清晰。

工具：卡片分类法。如果有机会，请用户对元素进行排序并将它们分类（或将元素按你规定的类别分类）。大多数这样的工具都是付费的（有的会有免费试用，例如OptimicWorkshop（https://www.optimalworkshop.com/）），但是只要发挥创造力，你也可以使用Trello（https://trello.com/）来进行这个测试。

说到信息架构的可视化，draw.io（http://draw.io/）会派上用场。

如何建立作品集？

你有很多免费的选择：Tumblr（https://www.tumblr.com/）、Wordpress（https://wordpress.com/）、网站生成器、作品集专用生成器等等。我本来打算使用Wordpress，但我意识到我不能根据需要进行快速定制。想达到我理想的效果，要么需要昂贵的插件，要么需要编写代码。因此我决定使用付费的Squarespace（https://www.squarespace.com/）。

Squarespace有一个漂亮的，直观的页面编辑器，合理的价格，并允许您快速建立完全可定制的网站。显然，对于我当时的情况，这是正确的选择，我强烈推荐它。他们在YouTube上有一个活动，第一次购买时会有折扣（https://www.youtube.com/watch?v=MdirPsiHnCA&list=PLopY4n17t8RBuyIohlCY9G8sbyXrdEJls）。

非常非常重要的建议：别忘了你的作品集的用户体验，将它当作一个网站或者印刷品来制作。

另一个建议：为您的网站添加Google分析。第一个好处：你将学会如何使用它。第二个好处：你将能够跟踪你的网站上的访问记录，这样你就能知道是否有人对你感兴趣，他们是否有邮件联络你等等。

参考书籍

这三个月来我只读了以下书：

Steve Krug — Don’t Make Me Think, Revisited（https://www.amazon.com/Dont-Make-Think-Revisited-Usability/dp/0321965515）

Donald A. Norman — The Design of Everyday Things（https://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/1452654123）

Susan Weinschenk — 100 Things Every Designer Needs to Know About People（https://www.amazon.com/Things-Designer-People-Voices-Matter/dp/0321767535/ref=sr_1_1?s=books&ie=UTF8&qid=1531722397&sr=1-1&keywords=100+things+every+designer+needs+to+know+about+people）

我没在同理心和心理学的学习上花时间，因为它们本来就是我在之前的《Customer Success》杂志工作的基础，所以我的书单里没有这方面的书。如果你在构建产品以及观察人们如何与界面交互方面没有任何经验，千万不要跳过有关心理学和人机交互的书籍。

课程

我就学了Interaction Design Foundation（https://www.interaction-design.org/）。我认为这个课程在建立设计知识理论基础的环节是一个相当不错的投资。如果你没有时间阅读有关心理学的书籍，那就看看里面关于人本设计的课程。

博客，定期邮件和有用的网站

UX Collective （https://uxdesign.cc/）—我觉得这应该算是我的整个学习过程中使用最频繁的网站（顺便一提，Medium是查找和关注UX类文章和案例研究的好地方）

How They Design（http://howthey.design/） 及 Case Study Club （https://www.casestudy.club/）— 给你发送含有案例研究的邮件

Offscreen Magazine （https://www.offscreenmag.com/issues）—以技术的人性面为主题的实体杂志；及 Offscreen Dispatch（https://www.offscreenmag.com/dispatch） —发送大量文章，工具和建议的邮件订阅

Weekly UX Challenge（http://weeklyux.co/）

Weekly Product Design Exercise（https://productdesigninterview.com/weekly-ux-product-design-exercise）

Nielsen Norman Group（https://www.nngroup.com/）

Design Kit （http://www.designkit.org/）— 设计思维方法的集合（当你遇到创意瓶颈时特别有用）

Smashing Magazine（https://www.smashingmagazine.com/）

A List Apart（http://alistapart.com/） — 优秀的设计文章。网站的维护者们同时也是一家重量级出版社A Book Apart的负责人

Inside Intercom blog （https://blog.intercom.com/）—我认为这是关于产品的最好的博客之一。他们的电子书“Intercom on Jobs to be Done”（https://www.intercom.com/books/jobs-to-be-done）对于任何有意从事产品工作的人来说都是必须阅读的。

Cognitive UXD（http://cognitiveuxd.com/） — 关于UX和认知心理学的一本刊物

Design Better （https://www.designbetter.co/）— 设计相关的非常好的电子书

UXtools.co （http://uxtools.co/）—UX工具列表 

你也应该关注产品的博客，尤其是那些会描述产品更新及其对业务影响量的文章（例如，表单上的改动是如何导致注册率和转化率改变的）。我不建议去Youtube漫无目的的找相关课程，如果你想全看一遍起码需要10年的时间。不过这两个频道可以推荐给你：

AJ&Smart YouTube channel（https://www.youtube.com/channel/UCeB_OpLspKJGiKv1CYkWFFw）, 尤其是 Product Breakfast Club（https://www.youtube.com/watch?v=JByX_cqxByU&list=PLxk9zj3EDi0Wi3DWkucSyAfQoymKNGzpJ） 在这里你能听到很多与产品相关的讨论

BaseCamp的 Getting Real YouTube channel（https://www.youtube.com/channel/UCdx5Dk3EWTe2i8YDA7bfl6g）. 他们有一个系列叫做 Product Decisions（https://www.youtube.com/watch?v=Kw7qBF5ZXIs&list=PL9wALaIpe0PxEnDSemhsPQlG0Lu7Eiod9），在这里Jason Fried 阐述他们如何做出设计决策，如何构建和审查新特性，设计决策背后的商业逻辑等等。强烈推荐！

简历，面试和应聘技巧

不要因为你要应聘的工作里有“设计师”三个字，就去浪费两个月的生命制作一份豪华简历。做简历更重要的是要让它易于阅读，确保信息组织有条理等。为阅读你简历的人提供一次优秀的用户体验。

确保你的作品集链接在你简历文档的显著位置。我当初想给公司留下极简主义的印象，所以做简历的时候只用了黑体字和几条分割线。我把作品集的链接跟邮箱、地址和电话号码放在了一起，唯一的差别仅仅是链接底下有个横线。可想而知，当我去面试的时候人家根本不知道我还有作品集，这无疑浪费的大家的时间。

因为我是在波兰工作，所以我只能说说这边的招聘过程。在波兰，UX工作的特点是所有公司都只聘请正规的或资深的专家，几乎没有人招募初级人士和实习生。如果在你的国家也是这样的，找工作可能是一个充满怀疑和不确定性的过程，这是我的一些建议：

1. 列出你想为之工作的公司（但要确保他们正在招聘设计师）。然后直接向他们发送包含你的简历和作品集的邮件。有的岗位刚空出还没有发布招聘启事，或者之前的在招岗位已经招到了人，这些情况都是可能的。大多数人不会回复，很多回复也只会告诉你他们不感兴趣。在这里，拒绝的答复比没有答案要好得多——至少你可以确定地将之排除。一些hr会在计划招聘设计师时通知你。如果你不是迫切地想找到工作，这能给你更多的时间来准备。
2. 每天检查招聘信息，尤其是IT公司的信息。列出招聘UX设计师的公司。哪家在招聘设计师，尤其是哪家招聘实习生的情报是非常有价值的。有些公司即使没有岗位空缺也会一直挂着招聘的。
3. 别害怕申请正式UX设计师的工作。有些公司很难找到正式和资深的设计师，他们可能会考虑雇用新手。

就我个人情况而言，经历了很多起伏。我发了大约30封电子邮件，通过Linkedin和当地的招聘网站也发了许多申请，最后获得了3次面试机会。一个是来自Linkedin的（初级UX设计师），另一个是因为我的朋友知道我正在找工作，就向他正在招聘正规的UX设计师的前同事推荐了我，还有一个是我在科技招聘网上找到的。我猜如果时间更长的话可能会有更多的offer，但我决定尽快加入一个机构或一个软件公司，以便从事更多的项目。回想起来，我很庆幸我有一个作品集——它为我节省了许多在面试时候演示实际操作的时间。我唯一一次做当场演示是在一场面试快结束的时候，做了一个15分钟的草图测试。我最终得到了一份初级UX/UI工作，尽管我不熟悉UI设计，但我觉得可以尝试一下。

这一切都值得吗？是的！如果你怀疑UX设计工作是否适合你，那就去建立一个作品集看看你喜欢它，还是讨厌它。

（完）

译者的话：这篇长文算是给想转行做UX设计师的朋友一个比较全面的入门攻略，其中也列出了很多资源（有些需要梯子）和学习方法，希望能带给大家一些帮助。其中有些内容在翻译时也做出了调整，如果发现翻译错误之处，请不吝赐教。