微博组件改版的那些事儿


  写在前面

  微博组件是微博开放平台针对第三方接入者提供的不需要开发即可实现网站接入的组件产品。将微博内容输出到第三方网站,用户在第三方网站上即可进行微博互动,分享内容、同步信息至微博,提高第三方网站用户活跃度。改版涉及到微博组件数14个,主要包括好友选择器、发布器、分享窗口等。

  设计流程

  与以往的产品改版的流程不一样,此次改版是由UDC和产品协同发起需求,交互设计师发挥最大主观能动性,控制设计中心的输出时间,与品牌视觉、页面构建、产品和开发效率沟通,小步快跑以提升更为良好的用户体验。


  设计准备

  找到问题(观察用户,手机反馈,集中梳理)(用户对象:开发者和使用者)——分析(结合场景,透过现象看本质,同时和产品一起结合数据分析)——解决问题(从整体到细节,结合用户需求解决问题)——继续跟进


  设计过程中遵循的优化体验设计原则

  原则一 避免让用户思考

  减少影响用户完成某项"思考"或"任务"的噪音、减少岔路、减少多选题、为用户尽可能的减少操作;为禁用的重要控件,提供相应的提示。

  如图所示分享窗口,后台直接预置文本,并按照当前页面富文本信息优先、高质量优先的原则默认选择,为用户尽可能的减少操作、减少多选题。同时输入为空或超字数时,分享按钮禁用,强制点击出现相应的提示。


  与此同时,为了避免用户过多的冗余操作,可以提供个性化默认,为回访用户设置个性化默认选择,这样用户便能更快完成表单。这因为选项常常具有"粘性",即保持用户之前的选择。 总结来说就是如果值得用户输入,就值得程序记住。用户在微群和微博之间进行切换,后台会保留并记住用户的之前的输入。


  原则二 层级清晰,降低视觉噪音

  层级关系需要以逻辑和信息结构为依托,同时需要在视觉上体现出来。但是如果使用过多的线框,厚重的背景,却会让人眼花缭乱——适得其反。其实简单的缩进就可以将层级关系表现出来 。

时间: 2024-08-08 00:52:34

微博组件改版的那些事儿的相关文章

用户体验分析:微博组件改版的那些事儿

中介交易 SEO诊断 淘宝客 云主机 技术大厅 写在前面 微博组件是微博开放平台针对第三方接入者提供的不需要开发即可实现网站接入的组件产品.将微博内容输出到第三方网站,用户在第三方网站上即可进行微博互动,分享内容.同步信息至微博,提高第三方网站用户活跃度.改版涉及到微博组件数14个,主要包括好友选择器.发布器.分享窗口等. 设计流程 与以往的产品改版的流程不一样,此次改版是由UDC和产品协同发起需求,交互设计师发挥最大主观能动性,控制设计中心的输出时间,与品牌视觉.页面构建.产品和开发效率沟通,

微博强制改版杀伤力有多大?用户给差评求还原

DoNews 10月29日消息(记者 安宏)公测期间就引来不少吐槽的微博新版在http://www.aliyun.com/zixun/aggregation/18783.html">正式上线后,引发全民吐槽.除了被批"丑爆",新版复杂的布局.突增的广告均被视为不尊重用户习惯. 此次新版微博简化了主页,信息流呈现形式改为更趋移动端的卡片式设计.此外,微博还针对不同垂直领域的认证用户推出了专属功能应用. 然而,原本期望变成潮范儿扁平界面的卡片设计却并不为用户所接受,被贴上了

腾讯微博酝酿改版:打通QQ关系链 聚合优质内容

中介交易 SEO诊断 淘宝客 云主机 技术大厅 [TechWeb报道]4月7日消息,据内部人士透露,腾讯微博计划将于4月10日改版,新版将增加"微热点"."微圈"."微博管家"等多个功能板块,打通用户QQ整体社交平台内的关系链,并对微博内容实现有效聚合及筛选,以带动原创内容的生成与传播. 据内部人士透露,本次改版主导"优质内容 轻质阅读",旨在为微博用户提供更为净化.快捷的微博阅读.分享的体验. 新版本中,增加了"微

从微博的改版谈网页重构——bigpipe中的页面构建优化

题记:搞互联网的同学也许都知道一个数字--4秒,有研究表明,如果一个网站没有在4秒之内加载完成,用户就会感到焦躁不愉快,并离开这个网站(数据来自性能测试网站http://gtmetrix.com/).网站的内容.SEO优化.用户体验?哪个更重要呢?在速度面前,也许这些都相对更次要.所以提高网页效率,是我们在新版微博的第一目标.从四个方面来浅谈我们新版微博的优化. 一.HTTP请求数的权衡 1.为什么要关心http请求? 当浏览器向Web服务器发出请求时,它向服务器传递了一个数据块,也就是请求信息

空调领导品牌奥克斯官方微博全面改版

在原来的基础上增加人性化内容和绿色健康知识,得到了粉丝们的好评.自MR.AUX形象公布后,很好的诠释了奥克斯空调的专业形象,同时在内容上力主绿色健康生活理念.其中#悦生活#栏目,倡导白领健康生活,更每日更新贴心小窍门,教你怎样合理享受空调风,对网友来说非常实用.Tips1:如何才能驱走寒气?奥克斯空调#悦生活#贴心提示:喝杯红糖姜茶.生姜具有发汗解表.温胃止呕.解毒三大功效,尤其适合"空调族".需要提醒的是,姜茶要趁热喝作用才明显.有感冒等症状的人,可每日三次,每次喝一杯,日常预防一杯

快速搭建原型的工具WDL:微博交互设计

文章描述:揭秘WDL-微博交互规范的成长历程. 引言 微博的设计师们都知道有一种能够帮助快速搭建原型的内部工具,我们亲切的称之为"WDL",是微博设计规范库英文名称 " Weibo Design Library" 的头字母缩写.至2011年2月28日WDL正式发布内部版本.开放浏览之际,我们的设计师,还有产品经理们一直在使用着它,并且积极的关注和支持着WDL的每一次组件更新和版本升级. 我们对WDL的官方定义是: "WDL是微博设计规范库,用于微博交互行为

揭秘微博设计规范:微博交互规范的成长历程

引言 微博的设计师们都知道有一种能够帮助快速搭建原型的内部工具,我们亲切的称之为"WDL",是微博设计规范库英文名称 " Weibo Design Library" 的头字母缩写.至2011年2月28日WDL正式发布内部版本.开放浏览之际,我们的设计师,还有产品经理们一直在使用着它,并且积极的关注和支持着 WDL的每一次组件更新和版本升级. 我们对WDL的官方定义是: "WDL是微博设计规范库,用于微博交互行为的演示,和规范界面原型设计.这是一个由Axur

专业、快速、便捷-微博交互规范的成长

微博的设计师们都知道有一种能够帮助快速搭建原型的内部工具,我们亲切的称之为"WDL",是微博设计规范库英文名称 " Weibo Design Library" 的头字母缩写.至2011年2月28日WDL正式发布内部版本.开放浏览之际,我们的设计师,还有产品经理们一直在使用着它,并且积极的关注和支持着 WDL的每一次组件更新和版本升级. 我们对WDL的官方定义是: "WDL是微博设计规范库,用于微博交互行为的演示,和规范界面原型设计.这是一个由Axure R

微博运营:企业微博营销实战流程

本文来自@晏涛三寿 现为知名电商企业网络策划及微博运营负责人. 引言 研究微博营销已达半年之久,在实战中不断的摸索总结,零零散散的也写了不少关于微博方面的文章,每次都在派代上首发,得到了派友们的支持或者拍砖,最后被其他网站转载.之前都零零散散的,这一次花了点时间整理出了<企业微博运营实战流程>,希望将自己的一点经验与大家分享,没有华丽的语言,没有精美的图片,没有深奥的理论,都是自己在操作过程中的一点心得体会. 上次写完<微博营销基本兵法>之后大家一直追问我具体该如何操作,我知道大家