几句感慨
经过半年之多的磨砺，微博V6.0(以下简称V6)于十月正式公测。作为一个海量用户的成熟产品，每一个改变都充满挑战。而作为微博产品设计团队，不仅仅是让世界变的更美好一些的不忘初心，更多了一份为用户服务为产品负责的方得始终。
一套服务
细 (wu) 心(liao) 的用户应该已经发现，微博的slogan悄悄的发生了变化，随时随地“发现”新鲜事，这里为什么是“发现”? 我们是这样理解的：用户对微博的需求已经蔓延，从广播式的信息获取转变到差异化的兴趣内容获取。(请说普通话)意思就是大家看腻了同质化的流水内容和大V转发的内容，开始更关注或发掘自己感兴趣的内容。因此微博一直都在调整信息消费的入口，让用户更容易发现信息。所以，设计也要围绕提供用户个性化信息获取的服务展开。
那么，问题来了
处于微博功能爆炸期的V5版本，大量的繁琐功能和曝光入口给产品留下了太多的体验创伤。所以V6改版降噪也是一大重点。意在营造出更分明并相对纯粹的信息/功能分区。
个人主页头部区域的简化，几经PK我们把部分个人信息(粉丝计数、认证、资料)移到下方变成模块，突出封面图与主人的联系，同时也更符合移动设计趋势达到两端风格统一。
What?又是Card…?
开放升级以来，V6带给大家最直观的变化应该就是Card(卡片化)模块。当然也有不少用户吐槽“四分五裂的页面”、“不连贯”、“刷微博效率差了”…
为什么我们选择了Card样式呢?其实，这是一盘很大的棋…(啪!跟爷好好说话)好吧，下面容小的娓娓道来(扶脸…)
一个概念：水器相形
微博主要构成是信息内容，各种内容好比水一样形态各异。V5之前都是一股脑的呈现在用户面前，一开始任何内容都能引起用户的关注，用户只需由上至下的刷信息列表，所以那时总把浏览微博说成“刷微博”。后来随着信息的爆炸，海量信息中用户真正想要的内容却不多，往往要喝的撑肠拄腹也不一定能吸收到自己所缺乏的营养 。如果有一个容器能把池里的水分装起来分类呈现，是否能解决望池却步的困扰呢?
这个“容器”的选角儿，最终我们也不免俗的选择了业界当红炸子鸡——Card。选好了容器，接下来就是如何治水。如何做出提升产品体验、符合微博发展方向的设计。
Card化设计让每组内容都能规规矩矩的呈现，各类内容能被快速识别。例如微博核心的Feed区(微博列表)里的图片微博、多图微博、内容推荐(关系推荐、音乐推荐等)、文字微博…原本参差不齐形态各异的内容都被相同的Card容器分装起来有序陈列。开放升级后很多用户最直观的感受评价就是两个字“清爽”，但Card之间的间距设计也让不少使用花色背景图模板的用户很不习惯。好吧，换肤模板功能是多年以来我们自己挖的坑，这个坑我们日后会尽力的填补，你知道首页为什么会有个底色遮罩的设计了吧(装个可怜：自定义换肤功能在UI设计界相当于IE6般存在)
小小的提一下，V6个人主页的信息流右侧新增了时间轴功能，可以根据年份月份自由查阅自己的微博内容，方便老用户找回自己的青涩记忆哟…
PC端的用户中，跨端使用(同时使用移动端)的用户量已占59%，终端方面，Phone的尺寸越来越大，Pad尺寸越来越小，桌面机的分辨率越来越大，触屏普及，技术突破…Web设计与移动设计的界限已经越来越模糊。因此我们在本次改版之初就把服务于跨端统一体验做为设计宗旨。众所周知，移动端的显示尺寸有限，在有限的空间里Card能帮助用户分清区域层次，避免手指误操作。而Card应用在微博PC端则没有太大的弊端(自定义背景图的回嘤嘤嘤缭绕…)，不论从样式还是兼容性都更适合做多端的呈现。
于是，V6每个功能模块以Card形式跨端对应，两端一致的样式带来体验一致，减少用户认知成本。在哪里，都一样。
微博有很多内容生产者(媒体、大V)和接入方(例如音乐、电影)，他们提供的内容可能基于PC端可能基于移动端也可能基于第三方本身，当内容要呈现在多平台多终端的微博时，呈现效果往往变的不可控… 现如今在V6，接入方只需提供一份内容，多平台能同时消费。
支持灵活布局，接入方可自由组合，个性化内容亦能以Card呈现。
最后讲讲品牌化设计，从V5版本开始，微博便开始有意形成一套自己的设计风格，V6版本继续与时俱进采用了更大尺寸的控件，加入了适度的动态交互反馈，减去多余装饰元素增大留白使整体版面更加清爽。优化后的品牌色(微博橙)也在两端统一延续，icon样式和语义也得到统一。我们还定义了圆形的用户头像，不仅仅是为了在设计趋势上领先，用圆形做“头像”与方形做“图片”来区分“人”与“物”。当用户形成习惯，便能快速区分内容的属性。例如我们的电影兴趣主页属于物类，我们自己的个人主页是人类，他们的头部头像形状便是不同的。
本次改版还有个争议比较大的地方就是使用了微软雅黑字体。因为很多用户反馈字体“变小”“模糊”为什么作死放弃宋体使用雅黑?因为宋体是纯像素字体，作为文本字体大量出现，单字的识别度不如CleraType字体雅黑( ClearType 是一种 Windows 用来优化液晶显示器文字显示效果的技术，使用 ClearType 可以让文字显示得平滑而美观。)Windows在Vista时代便将微软雅黑作为默认字体取代了XP时代的宋体 ，随着现在硬件屏幕分辨率的提高，操作系统和浏览器的升级雅黑的渲染效果将会越来越好。
那么为啥还有用户反馈字体“变小”“模糊”呢?冤有头，债有主。前面右转是微软…我们发现雅黑在部分环境下确实显示有误差(哎呀，都怪老板对美工太好，全给配的真八核大显)比如XP系统用户(也是给你们跪了)安装的高级浏览器(恩…除IE外的浏览器就叫高级浏览器)会强制使用雅黑，但他们对雅黑的渲染又很差。针对这种情况，我们在上线后已经紧急处理，将这部分用户的字体降级为宋体，更多的优化方案也都在制定中。
V6是微博的重大迭代，这次改版的目的是给用户提供更好的个性化信息获取服务，给内容生产者提供更多曝光和获得激励的渠道。虽然罗马非一日建成，希望通过我们的设计能让微博变的更纯粹，让用户用的更舒心。
去年今日运营文章
- 2023: 2023抖音双11好物节经营策略前瞻(0)
- 2023: 2023巴奴毛肚火锅餐饮门店通用标准手册(0)
- 2023: 2022商业地产十月国庆亲子互动暖场活动策划方案(0)
- 2023: 入门指南｜DTC品牌在消费者运营中常见的8个误区(0)
- 2023: 11月营销日历参考（重点双十一，可蹭刘润）(0)
原创文章，作者：爱运营，如若转载，请注明出处：https://www.iyunying.org/ue/2980.html
评论列表（0条）
本来不想转这篇文章的。新版微博改的稀烂，还不能回到旧版。然后就发现微博UDC设计中心还在这里洋洋得意，自以为是认为效果好。现在的微博还是微博吗？
本来不想转这篇文章的。新版微博改的稀烂，还不能回到旧版。然后就发现微博UDC设计中心还在这里洋洋得意，自以为是认为效果好。现在的微博还是微博吗？
怎么切回旧版，不想用360浏览器的前提下
@alvin：貌似没有提供切回旧版的功能。新版用的真心不爽。
怎么切回旧版，不想用360浏览器的前提下
@alvin：貌似没有提供切回旧版的功能。新版用的真心不爽。