发布时间:2021-1-29 分类: 行业资讯
共享页面不仅仅是与本机页面不同的表示。在设计时必须有系统的思考。
许多人认为,当我们为新闻或信息制作共享页面时,我们只需要做好工作,好的内容就可以触发用户自己的沟通。这本身并没有错,好的内容确实带来了大量的转发和共享。
但是,作为产品设计师,我们应该更多地考虑产品设计:我们的平台可以带回多少流量,可以带回多少流量,以及转换了多少实际用户。
让用户快速get到信息
下图是flipboard的媒体供稿页面的本机页面和共享页面的比较。
左侧是共享的链接页面。配置文件的背景统一为红色品牌颜色。翻转板的品牌添加在左上角。全部显示媒体编号的配置文件信息。在APP原生页面中,介绍的背景与其中一篇热门文章中的图片有关。介绍只显示一行,额外的文本直接隐藏。
当设计人员设计此功能时,可以看到这个小差异,充分理解了正在使用APP的用户和在微信里点开分享链接的用户,他们在使用场景、目标、行为等方面是有差别的。
点击微信链接的用户可能没有在很大程度上下载该应用,他们可以理解媒体号码。因此,在设计共享页面时,应该呈现媒体号码的简档,以便用户可以更好地决定是继续点击媒体号码的相关文章,还是直接关注媒体号码。如果用户点击了注意力,他们将跳转到下载页面并成功转换为应用程序的下载用户。
在应用中查看媒体编号的用户对他们正在观看的媒体编号有一定程度的了解。一些深度用户甚至每天都会检查媒体号码以更新文章。因此,当在本机页面中设计媒体编号主页时,设计者将更多的显示空间留给最新更新的文章,甚至媒体名称的背景也可以用最新更新文章中的相关图像替换。
简化操作,导流用户
以下图片是豆瓣书详细信息页面的原生页面和共享页面的比较。
在左侧的共享页面中,设计者减少了页面的比例,书籍的名称,作者,介绍等在一个屏幕内显示,允许用户快速接收页面信息。在共享页面上看到信息的用户的这一部分的目的不明确(与在本机应用程序中主动搜索信息的用户相反)。因此,在共享页面中,顶部固定导航栏具有豆瓣的主要内容分类,“电影,书籍,广播,群组”,方便用户随时转移到其他频道,满足本部分的需要。用户。它还为更好地转换用户奠定了基础。
APP中的用户已经对整个APP有了一定的了解。除了阅读信息外,他们还会在此页面上进行一些深入的操作,例如评分书或键入“想要阅读,阅读”和其他标签。从本质上讲,豆瓣是一个基于UGC的社区,因此产品设计的目的是促进UGC的制作,使用户能够与内容进行深度互动。所以你可以看到即使使用相同的功能按钮,本机页面按钮也会更加明显,并且你想吸引用户点击。
恰当的下载入口
我相信很多人都遇到过它。共享页面浏览信息时,会受到各种下载指南的干扰。如何平衡用户的浏览体验与下载流失的目标,下载按钮在适当的时间出现非常重要。
在豆瓣分享页面中,只有内容详情页面的顶部将有明显的下载指南“打开APP,更多海外华人研究好书推荐”。 (根据不同类别的书籍,副本将替换为相应的类别)当您跳转到另一个类别页面时,该按钮会消失。当您快速浏览幻灯片详细信息页面时,它将滑动到两个或三个屏幕,并在右下角打开一个提醒按钮。
可以看出,设计者完全认识到用户的行为,目标,场景和其他元素。只有当用户浏览信息内容本身时,才可能希望在APP中获得更好的浏览体验,从而产生下载要求。 “速度下载”的相应按钮副本为用户带来快捷方便的心理提示,鼓励用户点击下载。
系统的设计思维
因此,共享页面不仅仅是与本机页面不同的表示。在设计时,您必须具有系统的思维模式。交互设计有五个要素:用户,行为,目标,场景和媒介。在之前的优秀案例中,设计人员设计这些元素是为了使共享页面具有更好的体验,并完成从共享页面到平台的流程。产品目标。
作者:Julywang,Cover News高级UI设计师,用户体验设计5年的互联网经验,我们相信设计可以让生活更美好。
本文最初由@Julywang出版。未经许可,禁止复制。
该地图来自unsplash,基于CC0协议