时隔7年!围观Twitter网页版重磅更新优设网

这是一个移动端的时代,Twitter的移动客户端经历了很多版本的迭代,但是桌面端的更新改版则非常的克制。

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

新浪微博的每一次小幅度调整都会带来大量的吐槽和不适,更不用说像Twitter这样的世界级的社交媒体网站。用户的不适应不理解和负面反馈是避免不了,这样的大幅更新改版背后,有着这个平台不得不做的理由。

最近Twitter新版背后的设计师接受了连线杂志的采访,深入地聊了一下改版背后的考量。

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

在整体视觉风格上,Twitter桌面端的设计给人的整体感知是更加现代的——并且和移动端版本的设计靠近且保持了一致。这绝对是一个以数字产品为核心的科技公司应该做到的最基本的事情。

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

其中,原本被隐藏的「书签(bookmarks)」和「列表(LIsts)」是非常实用的内容管理功能,在这次改版的时候被直接显示在侧边栏当中。

毫无疑问,新版的Twitter在布局上更加扁平了,但是信息的扁平化呈现还不止布局上,交互上也相应的变化。在老版的Twitter中,当你点击具体的推文条目的时候,内容会以弹出框的形式呈现,但是新版中则会在当前层中直接扩展开显示,不会弹出,整体的融合感和有机感会更强。

老版Twitter中推文弹出框

新版Twitter中的界面

同样的,用户在回复、转推和点赞的时候,也不用在不同的弹出框模式下进行,而是更加直觉地在当前的页面中完成,整体感更强,更加直觉。

虽然在之前老版的Twitter中也可以定制字体大小色彩,但是之前的字体大小是纯粹的随意设置,这种自由度让很多并不熟悉的用户难以控制好文本和色彩的对比度,从而造成了整体视觉的愉悦度较低的情况。

新版中的配色和字体大小都是经过调校之后,比较合理的选择,这样拥有了足够的选择空间,又保持了整体视觉体验上的愉悦性的设计。在产品颗粒度的控制上,Twitter有着一套成熟精准的设计方案。

对于深色模式的控制,Twitter和和其他的平台略有一点不同,他们所设计的深色模式包括「昏暗(Dim)」和「熄灯(Lightout)」两种,前者的背景色是深灰,而后者则几乎是全黑。

任何一个社交媒体平台,大量的用户涌入进来之后都会面临着复杂的管控问题,更不用说Twitter这个已经存在了13年的世界性的平台。许多状况不可能简单的一刀切来解决。

作为平台,Twitter已经在竭力推动「健康的对话」,但是在充满分歧和对抗的网络当中,情绪化是常态,简单的依靠Twitter官方的帐号来发声,并不足以覆盖如此广泛的垂直领域和复杂多样的用户群体,以及不同的国家和地区。

「我们以前经常会推出一些新的设计和小功能。上线之后,过一阵子我们再搜出来,用投影仪投到墙上重新审视,」Twitter的联合创始人BizStone说:「然后我们会觉得,好像不应该这么设计。」

「我们的目的是为公众的对话来服务的。但是目标明确之后,还需要问一个问题:我们真的够好吗?」BizStone在采访的时候,这么说道。正是在这样一个问题促使之下,Twitter的改版重设计就悄然推动起来了。

从左到右分别为BizStone,BryanHaggerty和MikeKruzeniski。图片来自Wired,摄影师:SamanthaCooper

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

如今所呈现出来的新版页面当中,绝大多数的设计都克制而微妙,以往的很多功能都得到了简化。「我们正在试图寻找合适的机会,重新创造更加大胆的设计,但是它需要一个稳固的基础,所以我们打算从这一次的重设计开始,从我们最好的功能和服务开始。这就是基础。」Twitter的高级产品设计总监MikeKruzeniski面对连线杂志的采访,是这么解释他们设计的初衷。

在Twitter早期阶段,视觉设计并不是他们的重心。「我们只是尽全力地让产品具备可用性,」Stone回忆当时的情况:「我们并没有试图让它看起来好看……我们只是努力让平台保持活力。」当时的Twitter整个团队大概只有30个人。

实际上,随着后面更加专业的UI设计师加入进来之后,整个团队的设计能力也越来越强。UI界面是Twitter和用户进行沟通的媒介。

从左到右分别为AshlieFord,MarinaZhao和JesarShah,她们主导了这次Twitter的设计。

Twitter已经13岁了。

在这个社交媒体平台上,@realDonaldTrump可以进行「Twitter治国」,还有大量的流言和不真实的信息,骚扰和不够人性化的内容。这都是客观存在的,亟待解决。在今年年初的时候,策展人ChrisAnderson将Twitter比作是正在撞向冰山的泰坦尼克号。的确如此。

但是,设计改变不了一切。Twitter的设计团队在接受采访的时候也坦诚地接受了这个事实。但是他们认为,设计可以帮助他们界定和构建Twitter功能,并且逐步地帮助用户来解决身份认同的问题。

走过Twitter的办公室,你会清晰地收到这样的一个信息:一切都是关于人的,而不是产品。

THE END
1.手把手教学,如何在小红书轻松收藏心仪内容,一招解决收藏难题小红书怎么收藏东西 1、在小红书笔记中收藏内容非常简单,只需点击笔记下方的【星星】图标,然后选择一个想要收藏的【专辑】,成功收藏后,系统会显示【已添加】,方便您下次快速找到。 2、若要收藏小红书中的音乐,您可以按照以下步骤操作: 在首页界面,点击中间的【发现】按钮。 http://lifestyle.zhouchengjiareqi.com/Bb3D7d0C0C64.html
2.小红书网页版如何看收藏小红书网页版如何看收藏查看全部4条评论回答 写回答 zxc1000039143 网页微博,进网页,点首页,右边,写心情下面 有用(0) 回复 举报 相关问题 家电 1.3万 浏览 1044 回答 手机性能天梯榜讨论 4310 浏览 615 回答 显卡 2.1万 浏览 614 回答 硬盘 1.5万 浏览 601 回答 显示器 8956 浏览 587 回答 https://wap.zol.com.cn/ask/details_16079065_421032_3.html
3.小红书网页版入口2、小红书网页版怎么下载视频 答:小红书网页版暂时不支持下载视频,如需保存图片,则直接鼠标右键图片,点击【下载图片】即可,如下图。 3、小红书网页版私信在哪里找 答:小红书网页版不支持私信功能,点击左侧的【通知】能看到评论点赞收藏以及关注,私信功能仅可在app端使用哦。http://www.wzhb1688.com/1688gl/13761.html
4.小红书网页版入口在哪小红书网页版入口地址小红书网页版入口地址 小红书是一款很好用的笔记软件,玩家可以通过账号登录的形式点赞和收藏自己喜欢的笔记,有很多小伙伴不知道网页入口地址在哪,下面小编就给大家详细介绍一下,感兴趣的不要错过。 一、入口地址:立即前往 二、详细介绍 1、进入网页后,用户可以使用小红书、微信、QQ扫码登录。https://app.ali213.net/gl/1253385.html
5.Cubox收藏夹的微博Cubox收藏夹 2023-8-21 15:24 来自微博网页版 Hello Cuboxer,在致力于为大家提供更优质、稳定的 Cubox 服务的过程中,我们在过去数月虽未提供重要功能升级,但更加关注于对后端服务和数据库进行全面的优化和重构。这一步骤有望大幅度提升 Cubox 的整体性能与用户体验。目前,这项优化已开始在小范围测试中,https://www.weibo.com/linnkapp
6.小红书不让点收藏(小红书不让点收藏怎么办)只需要输入关键词,就能返回你想要的内容,越精准,写出的就越详细,有微信小程序端、在线网页版、PC客户端 官网:https://ai.de1919.com 如需咨询小红书相关业务请拨打175-8598-2043,或微信:1454722008 本文目录: 1、《小红书》隐藏自己收藏方法介绍 2、《小红书》隐藏收藏方法 https://www.de1919.com/article/177313.html
7.小红书三指下滑收藏怎么变成广告了您好楼主,请问是您是遇到了在小红书界面三指下滑进行网页收藏,收藏后在笔记/收藏空间查看时,显示的不https://club-api.c.hihonor.com/thread-28755632-1-1.html
8.小红书怎么收藏别人的笔记收藏笔记方法使用小红书的过程中,用户看到了自己感兴趣的笔记后就可以将其收藏起来,添加到自己创建的专辑中,这样下次就可以更加方便找到了。那么小红书怎么收藏别人的笔记呢?下面小编就来为大家介绍一下。 小红书怎么收藏别人的笔记? 1、打开小红书,点击笔记下方的【星星】 https://app.3dmgame.com/mip/gl/336470.html
9.小红书怎么把赞设为私密导读1、打开手机中的【小红书】,点击右下角【我】,轻点头像右下角【齿轮】,在隐私设置界面选择【隐私设置】。2、将【在附近页中隐藏我的笔记】关闭即可,同理,在【隐私设置】-【我的收藏】中,关闭【公开我的收藏】,可将小红书的收藏设为私密。视频内容https://m.51dongshi.com/ezdsbcdecr.html
10.不用Python获取小红书收藏夹内的视频这篇博客分享了一种无需Python的方法,通过浏览器和Xpath Helper手动提取小红书收藏夹内视频的标题和链接。首先,通过更改浏览器用户代理加载完整收藏内容,然后安装Xpath Helper提取视频标题和页面地址,最后使用Excel处理链接,完成视频资源的整理。 摘要由CSDN通过智能技术生成 https://blog.csdn.net/u014573641/article/details/120698147
11.小红书收藏模板在哪?小红书查看所有收藏模板的技巧手机软件小红书怎么查看收藏的模板下面就看小编详细介绍吧! 清语(语音视频) v1.9.0 安卓版 类型:社交聊天 大小:92.74MB 语言:简体中文 时间:2023-11-30 查看详情 打开APP我的页面,点击“收藏”选项。 进入收藏界面,点击“发布灵感”选项。 进入发布灵感界面,点击“模板”选项。 https://www.jb51.net/softjc/879492.html