产品交互控件:社交App中的「消息」功能窗口化

每天偷偷看大神秀文采的我终于发了篇字数不多的帖子…在浏览朋友圈时有新消息!而我们必须返回,点击第一个Tab『微信』,才能收发消息。


每天偷偷看大神秀文采的我终于发了篇字数不多的帖子…

产品交互控件:社交App中的「消息」功能窗口化

开门见山,相信everyone如今每天必做的一件事就是刷朋友圈了,我也一样,但在刷刷刷的过程中呢,有时会有新消息进来,或者说和someone聊天时,由于对方回复慢,不自主就进入朋友圈看了起来,好的,无论怎样,其实就是一个场景:

在浏览朋友圈时有新消息!而我们必须返回,点击第一个Tab『微信』,才能收发消息。

其实这种场景普遍存在于各类App中,被迫终止当前功能使用,去使用另一个功能。以类似上例的社交App为例:

  • 微信 -> 发现 -> 朋友圈微信 -> 发现 -> 小程序
  • QQ -> 动态 -> 子功能(看点、购物、阅读、直播)

这些功能用户在使用时,一旦来了新消息,如想回复消息,都需要被迫中断浏览。

而淘宝,右上角导航的扩展按钮,基本存在于所有子页面,内部有消息页入口,使用相对方便一些。

所以想要实现用户在看新闻、看直播、逛商品、刷朋友圈的同时,可以轻松查看并回复消息这种能力,

提出了这样一个解决方案:

产品交互控件:社交App中的「消息」功能窗口化

如上图,位于『QQ – 动态 – 看点』功能中,左下角增加悬浮小窗,在任意时刻,可通过点击收发消息,可以想象成QQ第一个Tab最小化在window最上层了。

在这里,暂将此控件定义为『消息窗』,绑定一些简单规则:

在App内:

  • 只要App脱离主Tab页面,消息窗立即自动显示至当前window最上层;
  • 消息窗可拖动,类似iPhone的AssistiveTouch;
  • 点击消息窗 – 展开,再次点击 – 最小化;
  • 消息窗内,只能进行简易的查看、发送消息,无法进入其他子功能页面;
  • 无论用户处于什么深层功能中,当有新消息是,消息窗跳动提示, 并显示新消息条数;

写到这里,其实这个小想法已经表达清楚了

  • 在技术实现方面,如果小窗内仅仅是收发消息,相信开发量并不大;
  • 考虑到当前环境下的移动设备配置,相信多个窗口,只要管理好内存,性能不会有问题;(当然,可能有很多中老年用户使用的设备还比较老旧,需要针对设备做版本功能管理,这个肯定已有的)
  • 此种窗口设计,对于用户在使用App时的影响,会许只有真正做出来,上线了,根据用户行为数据分析,以及用户的使用反馈,才能有一个定论,到底是否适合移动设备;
  • 可能并不是所有App都适合添加这种小窗,还是要根据不同场景下的需求。

想法很简单

好吧,必须承认,只是想在刷朋友圈看新闻时,不要来回反复的回到首页查看消息~

写到这里,万一有微信或者QQ等App的PM同学看到,如果觉得可行,还是希望可以尝试一下

这个想法或许做技术的同学更易理解,至于交互细节、能力细节,还是由有兴趣并专业的PM同学去细思吧。

 

本文由 @Tiny 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23922/

(0)
CatherineCatherine
上一篇 2017-05-07 01:36
下一篇 2017-05-07 03:38

相关推荐

  • 阅读好体验的准则:100% Easy-2-Read

    阅读好体验的准则:100% Easy-2-Read | 艾欧交互设计 译者:前两天看到一篇文章,觉得挺不错的,就简单翻译一下分享给大家。   大多数网站都挤满了小号的文字,使人阅读起来感到很痛苦。产生这个问题的原因是…

    2014-11-13
  • 帮你梳理微交互的五个基本要素

    微交互应该火热了相当一段时间了。它成为话题中心很大程度是因为微交互所带来的令人动容的体验。如果说要界定微交互,那么它应该是围绕着用户完成单个任务前后而存在的微妙的交互和效果。小贴士:奖励机制是驱动用户的核心,奖励越强,产生的习惯效果也就越明显。小贴士:动效应当具有足够持久的生命力,所以设计的时候,应当思考它是否会在看过100次之后让人觉得厌烦?它是否清晰可见,或者完全无法引人注意?小贴士:用充满情感和人的姿态来同用户交流,这是让你的UI和交互变得更加温暖的最快的方式。小贴士:应当在你的设计中保持KISS原则(KISS 原则是用户体验的高层境界,简单地理解这句话,就是要把一个产品做得连白痴都会用,因而也被称为“懒人原则”),不要让那个你的微交互成为一个宏交互。

    2017-05-14
  • 总结:常见的4条用户体验误区

    近年用户体验的概念越来越火热,从事互联网人张口闭口就谈用户体验,用户体验的概念离我们每个人那么的近。但是用户体验是人人都可以做好的吗?答案是否定的,就像人人都是产品经理一样,能做产品经理的依旧是少数,把产品经理做好的更是凤毛麟角。本篇文章总结4条我遇到的用户体验误区。如果一个流程的信息量是12个单位。x*y=12(x=单位页面的信息量  y=路径深度)例如微信发朋友圈即使断网情况下,当用户在点击发送时,朋友圈立刻就显示数据,给用户反馈是动态发送成功,其实是假数据显示,在这个时候后台还在上传。断网场景极少,朋友圈这个设计满足绝大部分用户的操作顺畅,用户体验良好。不为了极少数使用场景而做真数据展示给用户,那样的话给绝大部分用户感觉加载过慢导致不好的体验。

    2017-04-29
  • HTML5规范尘埃落定,5个开发工具推荐

    摘要:关于HTML5开发工具,专制动画的HTML5 Maker、构建原生应用的SproutCore和着眼可维护性和性能设计的MontageJS等。 HTML5规范终于在今年正式定稿,对于从事多年HTML5开发的人员来说绝对是一个重大新闻。数字天…

    2014-11-20
  • 体验的情感之谈

    来源:Johny Holland Magazin 当体验设计的范畴在不断延展的时候,也正是其面临着一种设计挑战的时候,即体验设计师希望给用户传递一种可独立于情境或频道、具有相关性(延续性)和一致性(稳定性)的设计。 如同在…

    交互设计 2015-10-20
  • 张茂泽:论黄帝陵的文化内涵 | 黄帝陵国家文化公园规划设计大师工作营

    📌 编辑 | 璇仔编者按:由陕西文化产业投资控股(集团)有限公司、陕西省黄帝陵文化园区管理委员会、黄陵县人民政府和CBC建筑中心共同发起的“黄帝陵国家文化公园规划设计大师工作营”,邀请了中国具有代表性的六位规划大师及其领衔的团队作为核心设计团队,通过共同驻地,对黄帝陵国家文化公园进行实地调研、研讨,分别提出未来黄帝陵国家文化公园的规划设计理念及方案。3月9日,西北大学中国思想文化研究所教授张茂泽作为探班大师来到工作营现场,以《论黄帝陵的...

    2018-03-17
  • 使用app真正给你快乐体验的是微交互设计

    在我们日常生活中所使用的比较多的优秀APP中,真正给我们动心和吸引的细节是在于那些小小的微交互,整个app整体的排版和线框图的的用心制作是可以提高用户对app的操作性与整体感觉,从目前的情况来看看,交互设计师…

    2015-11-03
  • 十种正确的可用性度量方法(上)

    现在大家在做产品、谈需求、讲体验时,都说不能拍脑门儿要用说数据说话。好,那问题来了,针对不同的问题我们要什么样子的数据来说话呢?这确实需要我们好好思考,下文将通过一些小栗子为大家做一个简单的梳理。

    2017-05-28
  • 常见的登录交互方式

    现在市场上面的APP种类繁多,而登录注册的方式也有很多,下文就简单来分析一下各种登录的交互方式,谈谈自己对这些方式的见解。 1.账户密码输入型 首先最常见的就是输入账号密码型的,这种交互方式可以在注册时就获…

    2016-03-23
  • 【媒体观察】“爆款”G一代,好品质给用户体验“上保险”

    春夏交替的四川地级市资阳,天气多变。但降温和阴雨,还是没能阻挡住中国西南最活跃经济区域,吊装用户的热情与期待。2018年4月23日,将近400位用户,来到了“徐工G能大咖&新产品交接仪式”现场。到场用户的业务范围、规模、设备不尽相同。其中既有已经开始“公司化”运营者,也有依靠零散数台吊车积累第一桶金的“拼搏者”;既有跟随上一轮热潮涌入的新手,也有从业十几年甚至几十年的“老司机”。虽然对市场的理解,对未来的规划各有所取,但谈及徐工G一代产...

    2018-04-29