时隔 7 年！围观Twitter 网页版重磅更新

这是一个移端的时代，Twitter 的移客户端经历了很多版本的迭代，但是桌面端的更改版则非的克制。

一周之前，Twitter 将接近7年未曾大幅度改版的桌面端页面，从里到外重新翻新设计。

新浪博的每一次幅度调整都会带来大量的吐槽和不适，更不用说像Twitter 这的界的社交媒体网站。用户的不适应不理解和负面反馈是避免不了，这的大幅更新改版背后，有着这个不得不做的理由。

最近 Twitter 新版背后的计受了线杂志的采访，深入地聊了一下改版背后的考量。

设计技术和工具快速发展，视觉设计本身，尤其是 UI 界很多具体执端工作慢慢没有那么麻烦了，是找到为什么这么设计设计决策，并不是那么简单。

保持一致：紧跟趋势的一次重设计

在体视觉风格上，Twitter 桌端设计体感知是更加现代——并和移动端版本设计靠近保持了致。这绝是个以数品为核心技公司应该做到最基本事情。

原本于顶部导航栏消失了，功能性更强左侧边栏承载了主要导航功能。

其中，原本被隐藏的「书签（bookmarks）」「列表（LIsts）」非常实用的内理功能，这次改版的时候被直接显示侧栏当中。

而更重要的改变在于，于当正在发生的热门事件，单独占据了右侧的侧边栏「Trends for you」，大正在热烈讨论的热门事件Twitter 中标志性的标签（Hashtags）的形式呈现，相当于微博中的「热门微博」。而这在老版的 Twitter 中，这类容的存在感并没有那么强烈，原本存在于第一屏的左侧侧边栏中，并且只有标签，除非你有意识地注和点击，否则很容易错过。

搜索栏同样被挪到右边栏，置「热门趋势」内容的顶部。一设计巧妙的地方在，它暗示内容呈现的逻辑：当你搜索内容的时，搜索结果直接覆盖在右，而不占据中间的主要的信息流。

毫无疑问，新版的 Twitter 在布局上更加扁了，但是息的扁化呈现还不止布局上，交互上也相应的变化。在老版的 Twitter 中，当你点击体的推文条目的候，内容会以弹出框的形式呈现，但是新版中则会在当前层中直扩展开显示，不会弹出，整体的融和有机会更。

老版 Twitter 中推文弹出框

新版 Twitter 中的界面

样，用户在回复、转和赞时候，也不用在不弹出框模下进，而是更加觉地在前页完成，体感更强，更加觉。

用户交互频次相对较高的转赞「门」主信息流都不会弹出框叠加层控件中完了，主信息流也不会被因此覆盖，整 Twitter 因此显得加敞亮阔。

另外一方面，版 Twitter 供了更丰富的个性设计的体验，这是对于 Twitter 用户体验的一次重提升：

虽然之老版的 Twitter 中也可以制字体小色彩，但之的字体小纯粹的随意设置，这种自由度让很多并不熟悉的用户难以控制好文本色彩的对比度，从造了整体视觉的愉悦度较低的况。

版中的配色和字体大小都是经过调之后，较合的择，这样拥有了足够的择空间，又保持了整体视觉体验上的愉悦性的设计。在产颗粒的控制上，Twitter 有着一套成熟精准的设计方案。

与此同时，所有人期待的，深模式，同样随着次页面重设计，一并打包更新：

对深模式的控，Twitter 和和其他的平台略有一点不同，他们所设计的深模式包括「昏暗（Dim）」和「熄灯（Light out）」两种，前者的背是深灰，而者则几乎是黑。

任何一个媒平台，大量的用户涌进来之面临着复的管控问题，更不用说 Twitter 个已经存在13年的世界的平台。许状况不能简单的一刀切来决。

重设计背后：设计解决不了全部的问题

为平台，Twitter 已经在竭力推动「健的对」，但是在充满分歧和对抗的网络当中，情绪化是常态，简单的依靠 Twitter 官方的帐号来声，并不以覆盖此泛的垂直领域和复样的用户群，以及不同的国家和地区。

「以前经常会推出一些新的计和功能。上线之后，过一阵再搜出来，用投仪投墙上重新审视，」Twitter 的创始人 Biz Stone 说：「然后会觉得，好像不应该这计。」

「我们目是为公众话来服务。是目标明确后，需要问个问题：我们真够好吗？」Biz Stone 在采访时候，这么说。正是在这样个问题促使下，Twitter 改版设计悄然动起来了。

从左到右分为 Biz Stone，Bryan Haggerty 和 Mike Kruzeniski 。图片来自 Wired，摄影师：Samantha Cooper

Twitter 团队对此选择了谨慎行事。他们选择了类似灰度测试的方法，让不同的用户参与到不同的「测试」当中，包括不同的书签模块的设，不同的深色模式，不同的搜索模式，。绝多数的设都面的，但它们也并不爆炸性的。

如今呈现来的版页面当中，绝大多数的设计都克制而微妙，往的很多功都得到了简。「我们正在试图寻合适的机会，重创更大胆的设计，但是它需要一个稳固的基础，我们打算从这一次的重设计开始，从我们最好的功和务开始。这就是基础。」Twitter 的级产设计总监 Mike Kruzeniski 面对连线杂志的采访，是这么解释他们设计的初衷。

所以，Twitter 的次重设计只是一个开始。对个平台上大量的关仇恨和骚扰相关的负面内容，清理来并不是一套规则就以部决的，而 Twitter 更倾向人为来处理和干预，但是平台身需要更的支持方面的功能。

在 Twitter 早期阶段，视觉计并不是的重心。「只是尽全力地让产品备可用性，」Stone 回忆当的情况：「并没有图让它起来好……只是努力让保持活力。」当的 Twitter 整个队大概只有30个人。

实上，随着后更加专业 UI 设计师加入进来后，个团队设计能力也越来越强。UI 界是Twitter 和用户进沟媒介。

虽然移动端主的时，但桌面端 Twitter 的重性并弱化。Twitter 的网页重设计项目负责 Jesar Shah 说：「们在桌上大量使用 Twitter 来搜寻感兴趣信息，跟他们息息相关信息内容。」在页左侧，有个快速账户切换功能，于这，Shah 补充：「围绕这个功能，我们从全球不地获了反馈。比如日本是Twitter 最大市场，地用户基于自己不兴趣创账户，比如个账户专是关于美，个是专关于旅，有个则是自己宠物猫。论你使用哪个设备，都要能够快速便捷地切换帐号，这是我们这么长时调研，听到最多个需求。」

从左到右分为 Ashli​​e Ford，Marina Zhao 和 Jesar Shah ，她们主导了这 Twitter 设计。

「我们需确保整体体验足够优秀，所以原则需严谨。鉴于我们服务对象全球客户，所以我们需尽可能满足不同用户的诉求。」Shah  Ford 所领的团队专门创建了一份调查问卷，以获取反馈。他收到了自全球总20万份问卷，Ford 的团队花了整整一周的时间，借翻译具将其中自非英语家的问卷都翻译出，并且梳理汇总了。

「户肯定会为我们会仔细阅读这些问卷，但实我们都仔细阅读过了。」Shah 说道。她阅读到的第一个户需求反馈就是想要更多的表情符，为了应对这样的需求，Twitter 制作了一个分组表情输入控件。同时，他们还供另一个断更的热门 Gif 图片表情合集，非贴合户需求了。

Twitter 已经 13岁了。

在 个媒平台上，@realDonaldTrump 以进行「Twitter 治国」，还有大量的流言和不的信息，骚扰和不够人化的内容。是客观存在的，亟待决。在今年年初的时，策展人 Chris Anderson 将 Twitter 比是正在撞向冰的泰坦尼克号。的确此。

但是，计改变不了一切。Twitter 的计队在受采访的候也坦诚地受了这个事实。但是认为，计可以帮助界定和构建 Twitter 功能，并且逐步地帮助用户来解决身认同的问题。

「如你在 Twitter 上问个用户，Twitter 是什么，你会到千个答案。」Kruzeniski 说：「曾经我们认为这样很糟糕，是现在我认为这是个很棒事情。为现在我们可以更好地帮你找到特定兴趣，并和你兴趣、你所关注主题连接到起。」

结语：围绕人，而不是产品

曾经推特是一个铺木地板，都是品牌标志性蓝色的「鸟笼」式的建筑，但是如今重新装修过的公室则更加现代，墙壁上是各种各的涂鸦，这些涂鸦代表着Twitter 这个内的各种垂直社，比如 Black Twitter、NBA Twitter，以及各路名人的丝社。

走过Twitter 办公，你会晰地收到这样个信息：切都是关于，而不是品。