产品交互控件:社交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

相关推荐

  • 感恩之家与河马教育签订人才需求战略合作协议

    2018年2月24日,河南感恩之家实业有限公司(以下简称感恩之家)与河南河马教育科技有限公司(以下简称河马教育)签订人才需求战略合作协议。感恩之家人力资源经理朱昌林与河马教育创始人陈滨感恩之家惠民工程是实体企业+互联网+实体店铺+分享经济的大惠民工程。在即将上线的电商平台部分,我们精心筛选了上百款来自全国各地的特色产品。在展示产品安全、原产、优质的同时,我们充分挖掘地域风土人情、历史人文,围绕产品特色讲述一个个中国物产的故事。这些都需要...

    2018-03-03
  • 12个线框图示例,来自Dribbble的UX设计师分享。

    在设计过程的最初阶段,我们知道很有可能直接选择word或邮件原始需求。但是,用线框技术解决问题有很多好处,它可以节省时间,更易于发现可用性问题,并让设计人员专注于创造可靠的用户体验

    2017-12-26
  • [译]UX设计之复选框和开关按钮

    当设计表单时,交互设计师常常不得不面对一个问题,就是要选择出一个合适的界面元素好标示出从多个选项中做出特定选择这种交互。当然,我们都有可能遵循某种既定的规则。无论如何,在做出这个选择时我们都应该牢记…

    2016-06-30
  • 四个小故事 每一个都是“极致用户体验”的用心诠释(下)

    昨天分享了驴妈妈客服贾梅的两个小故事让人感到温馨又贴心“想客户所想,急客户所急”体现驴妈妈人对于“极致用户体验”的用心诠释今天,我们还将继续讲述客服陈凯旋的故事......你细致的服务,我更信赖驴妈妈家在上海,今年已年逾六十的王老先生,最近刚跟着驴妈妈从希腊旅行回来。说到他和驴妈妈的缘分,还要追溯到2017年。“当时想要组织兄弟姐妹四人一起去土耳其旅行,在看过不少旅行社的产品都不是十分满意,后来哥哥介绍了驴妈妈给我。我看了具体的旅游产品...

    2018-04-12
  • 2017年设计师该如何转型?来看阿里UED掌门人的演讲!

    温馨提示,扫文章底部二维码可看相关视频。UXD(User experience designer)概念为何在当下越来越热?这个新Title对设计师意味着什么?UXD对设计师提出了怎样的新要求,设计师们又如何去转型UXD呢?在设计师转型UXD的背景下,还需要讲求专业精深吗?纯视觉设计师VD(Visual designer)又有怎样的发展路径?三位阿里巴巴UED掌门人分别从自身视角对设计师转型UXD进行了解析。汪方进:阿里巴巴BBC UED...

    2018-03-20
  • 交互设计暑假基础进阶班报名通道开启中

    编辑//花花对于考研,方向大于努力,为了找准跑道,慢慢摸索的路上你听了很多分享会,看过很多大牛干货,但是实践才能见真知,经验谈打不了胜战,没有领路人,考研太容易进入误区。这个暑假我们针对考研,定制了一套造型能力训练考研强化班,其作用在于,用最专业的的指导,在短时间内向学员传授训练手绘提高造型能力的方法。课程介绍01Day 01Introducing Interaction Design交互设计概论认识什么是交互设计,了解交互设计的历史演...

    2018-04-08
  • 从二维到三维,利用 Z 轴打造界面的空间感

    互联网空间不像现实世界,它完全是一个平面化的二维虚拟空间,所有的物体都处于一个空间平面上,但是信息内容却是有层级关系的,那么应该如何在一个平面空间里来展现多重层级关系的信息呢?

    2017-05-18
  • sketch 44.1+汉化插件下载

    如果你喜欢UI设计如果你喜欢高效设计如果你喜欢简洁的设计最重要的,你得有个Macbook pro !Macbook pro!Macbook pro  !不要提什么macbook air,因为你是设计师,设计师,设计师。官网地址http://www.sketchcn.com/,可免费下载体验30天。  很值得购买的软件,只需要$99为什么选择 SketchSketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用,所...

    2018-04-22
  • 以文本框为例,了解交互设计师在工作中的逻辑思考方法

    文本框是设计工作中常见的组件之一,无论是PC还是无线,大多仅是样式上的不同,它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发,让大家看到交互设计师在工作中的逻辑思考方法,从而达到见微知著的直观感受。

    2017-05-17
  • 交互小技巧!浅聊四个主流的页面间跳转动效

    最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

    2017-05-29