• 马坞小球资讯
  • 马坞小球资讯

聊聊微信「浮窗」和「晒图」的交互设计

2019-12-01 18:21:51 阅读量:3077

笔者对微信的“浮动窗口”和“蓝图”功能进行了系统分析,总结了自己对功能设计的思考,以供大家分享。

前几天,我在图书馆里看到了一本非常有趣的书,《中老年微信》,这是一门专为中老年用户开设的微信课程。这本书于6月18日出版。根据图书的正常出版程序,本书介绍的操作流程应该是17年底微信版。

微信在过去两年没有任何重大变化。一般来说,本书介绍的大多数方法仍然适用。然而,我粗略地浏览了一下,发现了一些有趣的变化。在这里,我将列出它们。让我们一起分析和学习。

微信在6.6.7版中增加了浮动窗口功能。用户可以将他们正在阅读的文章放在浮动窗口中,并在他们想阅读的任何时候打开它们,从而满足“边读边聊”的需求。

然而,用户对此并不满意,在聊天时,我也听歌曲和播放小节目。

所以微信升级了7.0.5版的浮动窗口,允许用户在多个线程中操作。

浮动窗口在样式上优于当前界面的其他元素。这一特性带来了两个好处:

为了更容易理解,让我们举个例子:经常听歌曲的朋友应该熟悉“歌曲列表”。应该在歌曲列表的页面上显示底部栏菜单吗?

我们不要急着在手机上打开xx音乐应用。我们可以先为自己着想。底部栏菜单的功能是什么?

因为歌单页面的级别可能很深,所以底部栏菜单允许用户快速跳转到第一级页面。那么是否显示底部栏菜单主要取决于“用户快速跳转到第一级页面的需求是否足够强烈”。

用户的需求可以通过页面上嵌入的数据和用户研究来获得。我们提到了4种竞争产品。两种产品(网易云虾)在歌曲页面上显示了底部栏菜单,而另外两种(qq Music Cool Me Music)没有显示。

这表明各种产品对用户的吸引力并不统一,不提供底部栏菜单的产品观点只不过是以下两种:

如果是后者,我们可以考虑使用浮动窗口作为第一级页面的入口。

例如,用户输入一个活动页面,但是用户请求跳转到主页/我的页面的两个第一级页面。

按照传统思维,第一级活动页面的入口是底部栏菜单,但直接放置底部栏菜单不是最好的解决方案,因为用户对其他页面的要求不是很高,暴露入口会造成界面空间的浪费。

在这种情况下,我们可以选择浮动窗口作为这两个一级页面的入口。

接下来,让我们来谈谈浮动窗口关闭问题。在浮动窗口1.0期间,用户可以通过将浮动窗口拖动到页面底部来关闭浮动窗口,但是在支持多线程的浮动窗口2.0期间,用户点击“关闭”图标来关闭浮动窗口。

从运营成本的角度来看,点击图标关闭它更方便。但是这里我们需要考虑两个问题:

大多数设计师对“操作确认”的认知仍然停留在对话框中。当我们需要用户确认之前的操作时,我们自然会添加一个对话框,询问您是否要关闭浮动窗口。

这里我们需要强调:操作确认对话框。

这里我们需要从一开始就把它整理出来,为什么刚才我们需要用户确认操作?有两个目的:

简而言之,操作确认的目的是防止用户误操作并留住用户。微信的滑动紧密互动满足这两点吗?

我个人认为这是令人满意的,因为与直接点击关闭、拖动到特定区域关闭相比,用户误操作的概率更低。

例如,在正常情况下,您可以通过单击“接受”按钮来应答来电。但是当你的手机被锁定时,你需要滑动来接听电话。

这是为了防止用户在不知情的情况下意外触摸和接听来电,例如,手机在他的口袋里。因此,如果我们有意识地增加一些高风险或不可逆操作的交互成本,用户误触的概率可以大大降低。

至于留住用户,这是一个意见问题。我认为真正能留住的是那些犹豫不决的用户。增加交互成本延长了操作时间,也延长了用户的决策时间,避免了用户的冲动操作,让用户做出更加合理的判断。

对于那些从一开始就设定目标的用户来说,再多一个对话真的能留住他们吗?

当然,因为对方是微信,我们需要“强行解释”其所有行为。

我们可以有自己的想法,例如,当浮动窗口中只有一个流程时,我们可以使用以前的风格吗?用户可以点击直接进入目标页面,跳过选择步骤,只有一个没有选择。

这确实很方便,但是有一个问题。用户应该如何关闭浮动窗口?

如果仍然滑动到底部关闭,会导致用户在单进程和多进程情况下关闭浮动窗口的交互不一致,违反一致性原则。

总而言之,使用以前的风格,用户来的快,走的也快,但是这违反了一致性。

微信最近在向朋友圈发送图片的过程中变化不大,但是每天发送朋友圈的用户数量太多了。我认为仍然有必要对它进行分析。

上传图片的第一步是选择图片。图片选择界面一般有两种:一种是微信代表的正序类型,最新的图片在界面的底部;另一种是以微博为代表的逆序排列,最新图片在页面顶部。

为什么要区分小图片选择过程?

首先,让我们谈谈微信的正序排列。一般来说,你真正想发送给朋友圈的照片可能是你刚刚拍的或者下载的。将最新图片放在底部,方便用户拇指操作。

但是,如果您想要发送的图片是很久以前拍摄或下载的,您需要手动滑动界面来搜索目标图片。自上而下的浏览模式使用户能够更有效地获取信息,并按相反的顺序排列信息。

此外,微博在这里也有筛选功能。单击顶部列选择筛选项目。为了防止用户的视线从界面的顶部(筛选项目)移动到底部(最新筛选结果),在此使用逆序排列更合适。

一般来说,微信适合用户发送最新图片,发送后立即离开。微博更方便用户准确搜索他们想要发送的图片。

上传图片后,进入预发布阶段,用户将如何处理该图片?

让我们在这里讨论删除功能。微信就是拖拽和删除图片,就像关闭浮动窗口一样,所以我们不会详谈。

qq和微博都在图片的右上角显示了“删除”图标,这显然意味着您可以通过点击此图标来删除此图片。

但是总是需要这个删除图标吗?

例如,在qq中,如果用户中途退出,我们会询问用户是否想保存当前图片,用户选择保存。当您再次进入时,图片的右上角将不会有“删除”图标,因为用户之前已经被询问过。由于用户选择保存,这意味着用户不太可能删除图片,可以考虑删除“删除”图标。

面对场景,人们可以在功能之间进行选择。

当然,这并不意味着用户不能删除此图片。用户可以进入图片页面删除它。

这里有一个互动的细节也很有趣。微信使用的删除确认项目符号框位于页面底部,而qq位于页面中间。如果您想确定是否删除此图片,您必须首先清楚地了解此图片,并将对话框放在界面的中央,挡住图片的主体,这会干扰用户的确认过程。

以上是我对微信浮动窗口和打印功能的思考和总结。如果你有不同的意见或看法,请留言讨论。

王敏政(微信公众号:王敏政),每个人都是经理专栏作家和资深网民。

这篇文章最初发表于《人人都是产品经理》。未经允许禁止复制。

主题地图来自unsplash,基于cc0协议。

福建11选5投注 甘肃快三 安徽快三开奖结果



随机推荐

热门推荐

Copyright (c) 2013-2015 thradless.com 马坞小球资讯 版权所有