微博组件改版的那些事儿

　　分享到私信，筛选好友及时提示

　　分享窗口输入溢出的气泡提示

　　原则五 提供合适的输入框(文本框、单选按钮、复选框、下拉菜单、列表框)

　　确保输入框的长度能提供有意义的暗示，以帮助人们有效回答问题。如果无法提供暗示，输入框长度尽量保持一致，同时为答案提供足够空间。

　　微博组件中的输入框(微博发布器，微博评论箱，分享窗口等组件)，设计时输入框高度在整个组件中可以考虑一致。

　　选择微群的下拉控件，是根据微群名称的最大字符数选择合适的尺寸(15个中文字符)。此时空间比较充裕，所以选择最大字符数的长度，以减少字符的截断带来的隐藏tips。

　　原则六 根据不同的错误，提供不同的选择

　　首先要从设计上规避一些常见的错误选择出现，然后要去积极地解决每一个级别可能会出现的错误，确保更高比例的用户能有积极的体验。

　　分享到私信的提示

　　原则七 链接生来不平等

　　需要按照用户的需求将链接区分，弱链接和强链接在前端展现出来

　　原则八 使用颜色来吸引注意，使用风格统一的符号

　　颜色能把人的注意力吸引到特定的元素上去，尤其当某个元素的颜色与其他的形成反差时更是如此。我们把重要的操作按钮用较为明显的色彩标识出来。

　　用户更喜欢图形化的东西，而不是单纯的文字。

　　使用风格统一的符号。

　　相似法则(The Principle of Similarity)：是指具有相似特性(如大小、颜色、形状、方向等)的物体，会被观察者从感知和认知角度组合在一起。

　　接近法则(The Principle of Proximity)：观察者看到彼此邻近(空间或时间)的物体时会将它们视为一个整体，并认为它们由相近的含义。

　　原则九 保持一致，考虑标准，但一致性并不意味着僵化

　　规范在很多项目上都会非常强调，尤其是大项目。它可以用来规避掉，由于不同的设计师的设计风格不一致等原因带来的交互、样式上不同，从而造成的体验上的混乱。同时，在版本的交接和新人的加入时，规范也有着非常重要的作用。规范是指导性的，但是我们也不需要拘泥于规范的限制而忽略用户场景。我们需要让网站保持一致，但是这并不意味着僵化。设计之前，考虑标准，如果有变更，前提是需要一个更好的理由。如下图所示，组件上的操作按钮，如果不符合集火条件之前都是置灰，强制点击提示，比如分享。然而在设计评论箱时，我们考虑到，评论内容完全是用户原创，具有一定的输入成本。我们想刺激用户有评论的行为。此时，操作按钮就应为激活态来刺激用户的操作。

　　品牌视觉体验提升

　　此次整体视觉改版，梳理了来自产品、用户等各方面意见和需求。但是提案并不是像想象的那么一帆风顺。在项目过程中，我们也有过很多飞机稿。例如由于一开始微组件的视觉定位存在偏差，面对于依附于微博的站外组件，我们刚开始一味的尝试走统一的路线。没有跳出定势，闷头苦干，导致很多中间方案都胎死腹中。在中期品牌组@王史撞Strong 的介入，吸取经验与教训，并重新梳理了微组件的视觉定位和风格。