全文共5545词，阅读大约需要20分钟，记得点击上面的 蓝字 关注我哟！
译者简介：本篇文章由Bravert（一只爱美爱学习爱生活的小花粉）😊为大家带来一篇精选译文(文章由Bravert原创翻译，彩云协助优化调整及版式编辑)。
发表这篇文章后，Tumblr邀请我加入他们一起工作。我现在是Tumblr产品设计团队的一员了，非常开心。
挑战
几个月前，我开始学习代码，虽然明知困难重重。在学习的过程中，我对从事产品设计的渴望也从未消失，我认为产品设计是结合了解决问题和对人类行为研究的一门艺术。所以我决定从神经生物学转行，以产品设计、开发作为奋斗目标。但我陷入了迷茫，应该专注于前端开发还是产品设计呢？我开始意识到，纠结于一定要选择其中一个的人只是我自己而已。为什么不两个都学呢？在做过几个前端项目后，我对自己提出了挑战：重新设计一款我自己很喜欢用的iOS APP：Tumblr。（彩云注：从事前端的工作中，利用业余时间学习产品设计，并利用这篇改版文章找到了入职大公司的机会，成功转行。忙碌的工作之余，若能利用好，去做一些自己感兴趣的尝试，说不定就能发现更多的机会！）背景
我在十年前就注册了Tumblr。Tumblr将我和我认识的一些有趣的人连接起来，并帮我解决了一些我以为只有我才会遇到的问题。但多年来，Tumblr也存在自身的问题。在今天快速变化的社交媒体领域中，我看到它的竞争力在逐渐下降。我不想成为一个被动的观察者，眼看着它摔跟头。因此，我想了一些用户体验解决方案，并通过实践来搞清楚哪些方案可以解决问题。首先，我对Tumblr设计师已经在iOS应用所做的设计表示钦佩。我理解他们是根据一些我可能无法知道的数据和研究所做出的设计决策。我的这项研究仅仅基于我自己的研究和资源，因此可能并不全面。
商业目标vs.用户目标
为了避免过于主观的重设计，我保证提出的建议都有一个真正的用户需求，并且能够解决问题。我从了解Tumblr的业务和用户目标开始，努力寻找相应的解决方案。
首先，Tumblr是什么？
“一个表达自我，发现自我，享受自我的地方......它将与你志同道合的人联系在一起。” — Tumblr的使命宗旨。（2018年2月）
我的研究中包含了Tumblr因何成功、Tumblr所代表的和现在为用户所提供的东西。创始人David Karp从0到1打造了Tumblr，旨在降低博客的门槛。Tumblr是他的孩子，我相信他为此奠定的基础是Tumblr成功的重要组成部分。我想创造出一些尊重他愿景的东西。他设计的Tumblr不具备社交媒体所需的许多功能。例如， 在用户个人中心展示粉丝量，以及其他受欢迎的数值体系。他认为围绕数值运营会毒害整个社区， 并且他担心Tumblr会像“每个其他大型科技公司“一样，成为衡量标准和优化驱动的工具。
商业目标
Karp从不打算像做生意一样经营Tumblr。他觉得变现会损害其作为创意平台的品质，为了Tumblr正常运营，在2013年，Karp把它卖给了雅虎公司。雅虎推出了几款广告产品，并将其销售团队和Tumblr的销售团队合并，但却屡次未达到销售目标。两者受众完全不同，雅虎的受众年龄偏大，而Tumblr的更年轻。因两个团队所追求的广告商类型不同，合作起来很不容易。Tumblr很难从一家小公司转变为由一家大公司来运营， 但它仍在努力寻找平衡。Verizon收购雅虎后，Tumblr目前由Verizon运营，在2017年，Karp辞职了。
Tumblr年用户增长率（数据来源Statista）
Tumblr正努力和竞争者保持相同的用户增长率。现今已有将近400万的博客了，但过去的四年用户量增长放缓，并未来两年还会继续下降。Tumblr没有其竞品那么多活跃用户，但是它的用户参与度很高。他们每个月在Tumblr上花费时间比Instagram的用户要多，并且他们的连续时长也打败了Instagram和Facebook。但这就是问题所在，Tumblr的竞品不断地采取新方式来吸引用户，而Tumblr却未曾发力。（彩云注：对于改版中的商业目标分析，是在设计师改版文章中见的比较少的一部分，很难得。这里分别从营收，用户增长和参与度三个维度来分析，也是提供了一种确切的分析方法，学习了。）用户目标
我随机选择了72位Tumblr的用户，通过调查聊天做了72次采访。由于他们大多数都希望匿名，所以在公开图片中省略了他们的用户名。最常见的目标是：- 可以即时联系在Tumblr上认识的人，这让人欲罢不能；
Tumblr拥有相对于竞品最年轻的用户群，平均用户年龄约在18-24岁。与竞品不同的是，Tumblr男性和女性用户数量相同。67%的受访者表示他们使用Tumblr已经超过5年了。当问到什么让他们留在Tumblr时，最常见的回答是没有他人的评判，他们可以做自己。因为Tumblr社区接受差异，他们不会为维护一种特定的形象而感到压力。有些人甚至在Tumblr首次打开心扉，会去探索一些难以启齿的问题，如性和心理健康时，他们感到很安全。我没有意识到Tumblr对许多用户这么有意义，这不仅是一个浏览表情包或美图来消磨时间的地方。对于很多人，这是可以真正与相似的人联系，发现自我，释放自我的地方。
根据采访中收到的回复，我构建了以下用户画像，以此作为我的设计核心。Naima，20岁，现居旧金山。Naima是旧金山州立大学的全日制学生，主修心理学。她也做兼职赚钱来付学费。空闲时，她喜欢摄影，户外和写作。她对心理健康很热忱，也经常在博客上写关于自我关怀的文章。她的粉丝经常看她的博客，得到一些启发。能帮助别人，Naima非常开心。即使很忙，但这给了她继续更新博客的动力。通常，她使用Tumblr探索这些兴趣；看到表情包大笑、抱怨自己一天的生活、和结交的密友聊天等，释放学习的压力。（彩云注：用户目标和特征与用户画像是不同的内容，经常能看到一些人对这里的概念分不清。用户目标，用户特征是一些客观数据，需要从中筛选挖掘准确的目标用户和特征数据，而用户画像是根据这些准确的数据抽象出一个典型用户，便于更好的分析，是分析数据的一种方法。）
研究报告
努力使用Tumblr iOS版的用户
但不要被数字愚弄了！尽管超过一半的用户使用Tumblr iOS版本更多一些，但并不是因为他们觉得更容易或更有趣。只是因为随时随地的生活方式，并没有给他们多少选择。我使用iOS版本更多，因为更符合我平时的生活方式，但我更喜欢PC端版本，因为导航更简单。
那些移动端和PC端使用相同的用户发现了两者各自的优势，然后根据他们的需要，在两者上划分时间。然而PC端的用户刻意避免使用iOS版的APP，他们抱怨其很不方便、浪费时间，导航很难用。Tumblr iOS版的用户典型的回复（你为啥是这个样子的？说实话，每次我尝试搞点有趣的事情，你都不行）
Tumblr主页快速分析
问题一：Tumblr界面违背用户直觉
98%的用户表示在浏览feed流时（即持续更新并呈现给用户内容的信息流），他们更关注帖子的内容，而不是谁发的。这合乎逻辑，Tumblr上的内容几乎是由照片组成，这怎么能不首先吸引用户的注意呢？相同比例的用户也会觉得发帖人的信息重要性仅次于内容，只是在大多数情况下，他们忽略了是谁发布的。方案一：内容第一，其他信息第二
介绍下我重设计的基本要点，改变了帖子的排版顺序，将内容放在最开始的位置，这样用户在向下浏览时，最先看到内容。接着放用户信息，这包含发帖者、回帖和原始来源。我将其整合到了一起，这样用户视线就不用在帖子上中断了。但用户忽视彼此的问题仍然存在，所以我添加了向左滑动的功能，允许查看用户八个最新的帖子。这样方便用户找到想要的内容，因为喜欢帖子的作者，有可能有更多相同的内容。他们甚至都不用离开当前的feed流就可以了解这位博主和他的作品。如果他们喜欢博客里的内容，可能会记住内容和内容背后的用户。这样设计，有助于用户了解博主或发现新内容。用户留在Tumblr最大的一个原因，是与亲密的朋友互动，和关注朋友的最新动态。通过这个功能，也可以通过查看最新的帖子来了解朋友动态。这个例子，就是一位朋友最新的帖子，让你想起要联系她：
另一个问题是Tumblr推荐最新博客的方式。根据用户偏好历史记录，每隔n个帖子，就会有一些博客推荐显示出来。算法不是问题，但博客的头像、banner和个人简介占据了一半多的位置，而博客内容的预览只占了一小部分。
这根本不合理。Tumblr是为数不多的、允许用户自定义编辑个人简介的平台之一，因此这样是设计为了展示用户的创意或是更多的自身形象？或是为了让用户减少对内容的注意而更多去关注彼此？但无论如何，引导用户关注他们不知道的博客是不大可能的。根据我的采访，用户根据博客内容做决定，而不是头像、个人简介或banner。
所以在我的重设计中，我把博客的内容作为展示的重点。最新的帖子用网格布局，以展示博客的概览，帮助用户更好的决定是否要关注此博客。我也使这样的体验更加有趣，鼓励用户不用花更多时间，也玩得开心。用户可以向右滑动关注此博客，或向左滑动去看另一个博客。这是一种让用户相互联系更有效的方式，因为他们的博客包含的内容比个人简介更能代表其兴趣。尤其大多数用户在个人简介里根本没啥内容。这是就是双赢，用户可以发现更多喜欢的帖子和更多想要联系的人。他们会花费更多的时间浏览和聊天，这样能增加Tumblr的用户参与度。（彩云注：以上的2个点的分析，我觉得尤为精彩。很多人可能会忽略信息顺序的重要性，但在快节奏的使用过程中，内容的先后会比较影响用户的阅读效率。另一点是对于个人资料卡片的设计，很多时候可能更关注设计美观度，比如在资料卡的位置设计漂亮的背景图之类的，而应该从产品角度去考虑需不需要这样设计。）
问题二：发布帖子流程复杂
在研究前，我不知道发布帖子对用户的重要性。我以为只有少数几个人才会抽出几个小时来制作多条帖子，用来定时发布。来，让我们面对它吧……发布队列（彩云注：类似于草稿箱？）让用户提前安排他们的帖子，减轻了管理博客的压力。我发现超过一半以上的用户依赖队列帖子，来保持博客活跃，所以不得不优先考虑它。活跃的博客，有助于提高参与度；让用户随时随地保持博客活跃，可以将更多的内容从桌面转移到移动端。
但是在我的采访中，发布队列是被抱怨最多的点。用户抱怨队列发帖需要太多的步骤，有些人甚至使用第三方应用来完成。那么多人竭尽全力地让APP为他们工作，甚至用另一款应用来弥补它的功能不足，这对我来说是一个危险的信号。所以，第一步要做的是拆分步骤，我想弄清楚这其中的每一步是怎么让用户沮丧的。用户体验设计师Steven Hoober说过，49％的手机用户单手持机，75％的手机交互是拇指驱动的， 他把这称为（“拇指区”原则）。Tumblr目前的设计中，除了第一步，其他的队列操作都在操作不便的红区。你能想象在一辆拥挤的公交车上，你几乎没有空间去完成每一条队列帖子？这是用户使用的实际场景。方案二：随时随地管理帖子
首先，显示队列功能，避免所有不必要的步骤。现在要按住icon拖动完成队列帖子。你可能注意到我把评论功能替换为了队列功能。点击帖子note处也会有评论功能，同一个页面上没有必要用两个按钮实现同一个功能。所以我提供了选择，可以向右滑动或者评论。用户在浏览帖子笔记时，也可以评论，但这样可以节省空间、减少多余。
（彩云注：关于问题2的解决方案，作者主要用了减少操作步骤和优化单手操作的交互方式来优化。这里可以联想到我们自己的产品优化方法，看是否可以从这两个角度去考虑。）问题三：用户看不到想要的内容
研究还包含了查阅APP应用商店的评论，我想知道用户遇到最大的问题是什么。除了队列功能，用户最多的抱怨是他们不能看到想要的内容。他们抱怨滑动feed流没什么用，找不到自己喜欢的内容。这并不是关注了错误的人，而是他们每次寻求不同的内容。这一点合情合理，文中前面提到发现和分享喜欢的内容是用户的首要目标。如果用户找不到想要的内容，那几乎也没理由继续用这款APP了。方案三：过滤器和网格视图
首先，要在用户feed流上添加过滤器，筛选内容。因为Tumblr上的超过70%的内容是基于图片的，所以我在feed流上加入了网格视图的选项，可以更好展示内容的概览。这样不会让用户觉得浏览feed流时，特别琐碎。
虽然我在其他样机中没有展示，但当用户浏览feed流时，过滤器和消息功能固定在顶部。这样用户可以及时了解收到的最新消息。如果愿意，用户可以使用过滤器再次筛选内容。（彩云注：这里作者主要是通过增加筛选过滤功能，来提升用户的阅读效率。）
问题四：合并通知和消息
通知功能，提醒用户有新的点赞、回复和粉丝，这原是底部主导航的一部分，直到后来Tumblr用新消息替换掉了。如果用户想要查看他们的通知，必须到收件箱，并且向左滑动。优化后不仅把通知从导航中去掉了，还要从消息向左滑，降低了易用性，用户也不能获得新动态的通知了。底部聊天的icon通知数字代表了聊天新信息的数量。所以，用户想要知道他们是否有新通知了，每次都必须手动查看。底部导航（左）、Tumblr用户发的帖子描述了现在的通知体系（右）
我想Tumblr把即时消息放在主导航，目的是鼓励用户相互更多聊天。用户之间聊天越多，他们用Tumblr的时间越长。但是了解其他人是怎样和你的博客互动，也是提高参与度的一个机会。这样可以知道你的内容是怎么被接受，谁与你的博客互动。如果这样做效果不错，可以鼓励发更多的帖子和保持博客活跃。甚至可以发现与新人聊天的机会。比如，你看到他们与你互动后，更有可能会查看他们的博客并关注。方案四：从收件箱分离出通知
将通知放在主导航中，并将消息放到feed流的右上角。将它们分开，放在简单的视图上，让用户可以及时了解他们的博客动态和朋友的动态。这样可以两者兼顾了。
完结
通过改版的思考，我认识到了，每个问题都是一次获得创造力的机会，尤其是那些看起来难以解决的问题。这不仅限于设计或编程领域，我已经将此经验用到了自己的生活中，这项研究就是结果。我想要转行到前端开发和产品设计，但问题是没有经验。我买不起花哨的课程或参加培训，也不想让自己负担贷款。但这一切都不重要，网上各种免费资源。你可以找到自己梦想的东西，只要敲敲指尖。只要耐心和勤奋，自己动手就可以创建这样的项目积累经验。如果你发现学习时，感到自己没有能力、经验或资源，那就自己创造机会，让困难为你工作，而不是阻碍你。Tumblr上《贱女孩》表情包：不断努力去让你的梦想实现，那他们一定会实现！
原文：https://medium.com/free-code-camp/after-teaching-myself-to-program-i-wanted-another-challenge-so-i-redesigned-tumblr-69ca39f62bad
---- 留言区 ----