聊聊微信「浮窗」和「晒图」的交互设计,微信引流方法

前几天在图书馆看到一本很有意思的书——《中老年学微信》,这是一本专门为中老年用户打造的微信使用教程。此书是18年6月出书,根据书籍正常的出书步骤,这本书里先容的操作流程应该是微信17年终的版本。

这两年来微信并未作出大改版,总的来说这本书里先容的方式多数都还能用。然则我大致翻阅了一下,照样发现了一些对照有意思的改动点,这里我就枚举出来,人人一起来剖析学习。

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

浮窗

微信是在6.6.7版本新增了浮窗功效,用户可以将正在阅读的文章收在浮窗里,想看的时刻可以随时打开,知足了“边阅读边谈天”的诉求。

然则用户不知足于此,在谈天的时刻,我还要听歌,玩小程序等。

以是微信在7.0.5版本中对浮窗举行了一个升级,让用户可以举行多线程操作。

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

1. 浮窗的特点

浮窗从样式上来说,它凌驾于当前界面其他元素之上,这个特征带来了两个利益:

  1. 从感官上距离用户最近,用户更容易察觉,以是适合承载优先级高的信息或者操作;
  2. 游离于当前页面,不会损坏页面结构,设计起来对照天真;

为了更利便明白,我们来举个例子:经常听歌的同伙对「歌单」应该很熟悉,那么歌单页需不需要展示底部栏菜单?

我们不要着急打开手机里的XX音乐app,可以自己先想一下,底部栏菜单的作用是什么?

由于歌单页的层级可能会很深,底部栏菜单可以供用户快速的跳转到一级页面。那么是否展示底部栏菜单就主要取决于“用户对快速跳转到一级页面的诉求是否足够的强烈”

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

用户的诉求我们可以通过页面埋点数据和用户调研获取,参考了4款竞品,有两款产物(网易云 虾米)在歌单页展示了底部栏菜单,而另外两款(QQ音乐 酷我音乐)没有展示。

这说明各家产物对用户的诉求强度并未杀青统一,那些没有提供底部栏菜单的产物看法无非是以下两种:

  1. 我以为让用户在歌单页一级一级的返回就挺好的,相符用户的认知;
  2. 用户可能对一两个一级页面的诉求很高,例如首页和我的页,若是由于这两个功效,就展示整个底部栏太虚耗了。

若是是后一种,我们可以思量使用浮窗作为一级页面的入口。

例如,用户进入一个流动页,然则用户有跳转到首页/我的页这两个一级页面的诉求。

根据通例思绪,一级流动页的入口是底部栏菜单,然则直接放底部栏菜单不是最好的方案,由于其他几个页面,用户的诉求不是很高,也把入口露出会造成界面空间的虚耗。

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

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

2. 怎么关闭浮窗

接下来我们来说说浮窗关闭的问题,在浮窗1.0时期,用户拖动浮窗到页面底部可以关闭浮窗,然则在支持多线程的浮窗2.0时期,用户点击“关闭”图标关闭浮窗。

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

从操作成本角度来说,一定点击图标就关闭加倍利便。然则这里我们需要思量两个问题:

  1. 由于浮窗位置是可以移动的,若是加了关闭图标,那么用户忧郁误触反而增添了操作成本;
  2. 关闭弹框是否需要操作确认。

多数设计师对于“操作确认”的认知还停留在对话框,当我们需要用户确认上一步操作,想固然的加上一个对话框,询问你是否要关闭浮窗。

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

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

这里我们需要重新梳理一下,为什么我们需要用户确认适才的操作?目的有两个:

  1. 忧郁用户在不知情的情况下误触了有风险或者不可逆的操作,例如转账、删除等。以是需要加一个“操作确认”步骤,见告用户该操作的效果;
  2. 对于犹豫不决的用户,增添确认步骤挽留用户。

简朴来说,操作确认的目的是防止用户误操作和挽留用户。那么微信的滑动关闭的交互方式是否知足这两点呢?

我小我私家以为是知足的,由于与点击直接关闭相比,拖动到特定区域关闭,用户误操作的概率更低。

例如,正常情况下,你点击“接受”按钮就可以接听来电;但当手机锁屏时,你需要滑动接听来电。

抖音又火了个“女装大佬”!除了“百因必有果”他还有何硬招?

这是为了制止用户在不知情的情况下,例如手机放在口袋里,误触接听了来电。因此,若是我们有意识的增添一些高风险性或不可逆操作的交互成本,可以极大的降低用户误触的几率。

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

至于挽留用户这点,这点见仁见智。我以为真正可以挽留下来的是那些犹豫不决的用户,增添交互成本延长了操作时间,也延长了用户的决议时间,制止用户的感动性操作,让用户做出更合理的判断。

对于那些一开始就抱定目的的用户,多加一个对话框真的可以挽留住吗?

3. 单历程场景

固然不能由于对方是微信,以是我们就需要“强行注释”它的所有行为。

我们可以有自己的思索,例如:当悬浮窗中只有一个历程时,我们是否可以沿用之前的样式?用户点击可以直接进入目的页,跳过谁人选择的步骤,只有一个也没得选啊。

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

这样做简直很利便,然则存在一个问题,用户应该若何关闭悬浮窗?

若是照样滑动到底部关闭,那么就会导致单历程和多历程的情况下,用户关闭悬浮窗的交互方式不统一,违反了一致性原则

总结来说,沿用之前的样式,用户来的快,去得快,然则违反了一致性。

同伙圈晒图

同伙圈发图片的流程微信最近没有做太大改动,然则由于天天发同伙圈的用户量太大了。我以为照样很有需要剖析一下。

1. 选择图片

上传图片首先要选择图片,图片选择界面一样平常有两种:一种是以微信为代表的正序排列类,最新的图片在界面底部;另一种是以微博为代表的倒序排列,最新的图片在页面顶部。

一个小小的图片选择流程为什么要做差异化呢?

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

首先我们来说微信的正序排列,一样平常真正想发同伙圈的图片很有可能是你刚刚拍摄或者下载的,把最新的图片放在最底部,利便用户拇指操作。

然则若是你想发的图片是良久之前拍摄或下载,那就需要你手动滑动界面去征采目的图片,自上而下的浏览方式用户对于信息的获取效率更高,倒序排列的加倍合适

此外微博这里还做了筛选功效,点击顶部栏就可以选择筛选项,为了制止用户视线在界面顶部(筛选项)到底部(最新的筛选效果)的大范围移动,这里接纳倒序排列加倍合适。

总体来说,微信适合用户发最新的图片,发完即走;而微博更利便用户精准的征采到自己想要发的图片。

2. 编辑/删除图片

图片上传完成后,进入预公布阶段,用户对这个图片举行哪些操作呢?

  1. 自己不够美,我要重新修一下——编辑功效(微信不支持发图前重新编辑图片);
  2. 这个照片排序纰谬,我要换一下——位置挪动功效;
  3. 这个照片不好看,我要删除——删除功效。

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

这里我们主要来说一下删除功效,微信是拖动删除图片,跟关闭浮窗一样,不再赘述。

QQ和微博都在图片右上角展示了“删除”图标,意思很明显,点击这个图标就可以删除这张图片。

然则这个删除图标是否一直需要呢?

例如,在QQ中,若是用户中途退出,我们会询问用户是否要保留当前的图片,用户选择保留。再次进来的时刻,图片右上角是不会有“删除”图标,由于之前已经询问过用户,既然用户选择保留,说明用户不太可能删除这图片,可以思量去掉“删除”图标。

面向场景,才能对功效举行取舍。

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

固然这并不意味着,用户不能删除这张图片,用户可以进入图片页删除。

这里有个交互细节也很有意思,微信使用的删除确认弹框是在页面底部,而QQ的是在页面中心。若是你要确定是否删除这个图片,那么首先你要对这个图片有一个清晰的熟悉,将对话框放在界面中央,遮挡了图片的主体,会对用户简直认历程造成滋扰。

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

总结

以上就是我对微信浮窗和晒图功效的思索和总结,若是你有差别的意见或者看法,迎接留言讨论。

本文来源于自互联网,不代表n5网立场,侵删。发布者:N5网,转载请注明出处:https://www.n5w.com/11680.html

(0)
打赏 微信扫一扫 微信扫一扫
N5网N5网管理员
上一篇 2020年6月14日 01:03
下一篇 2020年6月14日 01:03

相关推荐

联系我们

电话:

在线咨询:点击这里给我发消息

邮件:@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

公众号