广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

18年
互联网应用服务商
请输入搜索关键词
分享页面如何设计,优网科技设计师来教路
发布日期:2018-01-29 08:50:08
浏览次数:1910

      企业网站建设的目的是树立起企业形象,向受众有效地输出企业理念,促成与和用户的合作,终提升用户转化率才是企业网站建设的目的。通过页面设计、用户体验的优化、网站搜索引擎优化等等手段更有效更有力度地输出企业品牌,打造企业品牌网站建设,更广泛更快速地传播企业品牌。说到传播,优网科技设计师要跟大家科普一下如何设计分享页面,才能让传播更广。

      分享页面并不是仅仅呈现方式与原生页面不同,在做设计的时候一定要有系统的思维。很多人认为在做新闻或资讯的分享页时,我们只需要做好内容,好的内容就能引发用户自主的传播。这本身并没有错,好的内容确实能带来大量的转发和分享。在做产品设计或者网页设计的时候应该更多的思考:自身平台传播出去的内容,能带回来多少流量,变成多少实际用户的转化。

让用户快速get到信息

      下图是flipboard的媒体feed页的原生页面与分享页面对比图。

      左边是分享出去的链接页面,简介背景统一为红色的品牌色,左上角增加了flipboard的品牌露出,该媒体号的简介信息是全部展示的。而在APP原生页面里,简介背景是其中一篇热门文章里的相关图片,简介只显示一行,多余的文字直接隐藏。这种细小的差别可见设计师在设计该功能时,充分理解了正在使用APP的用户和在微信里点开分享链接的用户,他们在使用场景、目标、行为等方面是有差别的。

      在微信里点开分享链接的用户他们很大程度可能并没有下载该APP,对于媒体号他们更可以都好无了解。所以,在设计分享页面的时候,要让媒体号的简介全部呈现出来,从而让用户更好的决策是否该继续点击查看该体号的相关文章,或是直接关注该媒体号。如果用户点击关注就会跳转到下载页面,进而成功地转化成了APP的下载用户。

      而在APP里查看媒体号的用户,他们对于正在看的媒体号都有一定的了解度,某些深度用户甚至是每天都会查看该媒体号是否更新了文章。所以在原生页面里设计媒体号主页的时候,设计师把更多的展示空间留给了新更新的文章,甚至连媒体号名称简介的背景都可以替换成新更新的文章里的相关图片。

 

简化操作,导流用户

      下图是豆瓣图书详情页的原生页面与分享页面对比图。

      左图的分享页里,设计师缩减了该页面的图片占比,书籍的名称,作者,简介等都在一屏以内展示,让用户快速地接收到了页面信息。这部分在分享页面看资讯的用户,其目的性没有那么明确(相对于在原生APP里主动找资讯的用户)。所以在分享页里,顶部固定导航栏上有豆瓣主要的内容分类“电影、图书、广播、小组”,方便用户可以随时导流到其他频道,满足了这部分用户随意看看的需求,也为更好地转化用户打下了基础。

      而APP内的用户则相对来说已经对整个APP有一定了解,他们在这个页面除了看信息,还会去做一些深度操作,比如给书籍打分或打上“想读、在读”等标签。本质上豆瓣是一个UGC为主的社区,所以产品设计的目的也是促进UGC产生,让用户与内容深度互动。所以可以看到即使是功能相同的按钮,原生页面按钮也会设计得更明显,更想吸引用户点击。

 

恰当的下载入口

      相信很多人都遇到过,在分享页浏览资讯的时候,被各种下载引导入口干扰。如何平衡用户的浏览体验与下载引流的目标,让下载按钮在适当的时候出现是非常重要的。

      在豆瓣分享页里,只有内容详情页的顶部才会有明显的下载引导“用APP打开,更多海外中国研究好书推荐”(文案会根据不同类别的书籍更换为对应的类别),跳转到其他如分类页的时候按钮就消失了。在快速浏览滑动详情页时,大概滑到两三屏,右下角会出现一个“APP内打开”的提醒按钮。可见设计师充分认知到了用户的行为、目标、场景等要素。只有当用户在浏览资讯内容本身的时候,才可能会想在APP里获得更好的浏览体验,从而产生下载需求。对应的“极速下载”的按钮文案又带给用户快捷方便的心理暗示,鼓励用户点击下载。

分享页面如何设计,优网科技设计师来教路

系统的设计思维

     所以分享页面并不是仅仅呈现方式与原生页面不同,在做设计的时候一定要有系统的思维。交互设计有五个要素:用户、行为、目标、场景、媒介。之前的几个优秀的案例里,正是设计师在设计时,就整理清楚这几个要素,才让分享页面有了更好的使用体验,而从完成了由分享页给自身平台带流量的产品目标。

责任编辑:优网科技

版权所有:http://www.uweb.net.cn (优网科技) 转载请注明出处

分享页面如何设计,优网科技设计师来教路

日期:2018-01-29 08:50:08 发布人:优网科技

      企业网站建设的目的是树立起企业形象,向受众有效地输出企业理念,促成与和用户的合作,终提升用户转化率才是企业网站建设的目的。通过页面设计、用户体验的优化、网站搜索引擎优化等等手段更有效更有力度地输出企业品牌,打造企业品牌网站建设,更广泛更快速地传播企业品牌。说到传播,优网科技设计师要跟大家科普一下如何设计分享页面,才能让传播更广。

      分享页面并不是仅仅呈现方式与原生页面不同,在做设计的时候一定要有系统的思维。很多人认为在做新闻或资讯的分享页时,我们只需要做好内容,好的内容就能引发用户自主的传播。这本身并没有错,好的内容确实能带来大量的转发和分享。在做产品设计或者网页设计的时候应该更多的思考:自身平台传播出去的内容,能带回来多少流量,变成多少实际用户的转化。

让用户快速get到信息

      下图是flipboard的媒体feed页的原生页面与分享页面对比图。

      左边是分享出去的链接页面,简介背景统一为红色的品牌色,左上角增加了flipboard的品牌露出,该媒体号的简介信息是全部展示的。而在APP原生页面里,简介背景是其中一篇热门文章里的相关图片,简介只显示一行,多余的文字直接隐藏。这种细小的差别可见设计师在设计该功能时,充分理解了正在使用APP的用户和在微信里点开分享链接的用户,他们在使用场景、目标、行为等方面是有差别的。

      在微信里点开分享链接的用户他们很大程度可能并没有下载该APP,对于媒体号他们更可以都好无了解。所以,在设计分享页面的时候,要让媒体号的简介全部呈现出来,从而让用户更好的决策是否该继续点击查看该体号的相关文章,或是直接关注该媒体号。如果用户点击关注就会跳转到下载页面,进而成功地转化成了APP的下载用户。

      而在APP里查看媒体号的用户,他们对于正在看的媒体号都有一定的了解度,某些深度用户甚至是每天都会查看该媒体号是否更新了文章。所以在原生页面里设计媒体号主页的时候,设计师把更多的展示空间留给了新更新的文章,甚至连媒体号名称简介的背景都可以替换成新更新的文章里的相关图片。

 

简化操作,导流用户

      下图是豆瓣图书详情页的原生页面与分享页面对比图。

      左图的分享页里,设计师缩减了该页面的图片占比,书籍的名称,作者,简介等都在一屏以内展示,让用户快速地接收到了页面信息。这部分在分享页面看资讯的用户,其目的性没有那么明确(相对于在原生APP里主动找资讯的用户)。所以在分享页里,顶部固定导航栏上有豆瓣主要的内容分类“电影、图书、广播、小组”,方便用户可以随时导流到其他频道,满足了这部分用户随意看看的需求,也为更好地转化用户打下了基础。

      而APP内的用户则相对来说已经对整个APP有一定了解,他们在这个页面除了看信息,还会去做一些深度操作,比如给书籍打分或打上“想读、在读”等标签。本质上豆瓣是一个UGC为主的社区,所以产品设计的目的也是促进UGC产生,让用户与内容深度互动。所以可以看到即使是功能相同的按钮,原生页面按钮也会设计得更明显,更想吸引用户点击。

 

恰当的下载入口

      相信很多人都遇到过,在分享页浏览资讯的时候,被各种下载引导入口干扰。如何平衡用户的浏览体验与下载引流的目标,让下载按钮在适当的时候出现是非常重要的。

      在豆瓣分享页里,只有内容详情页的顶部才会有明显的下载引导“用APP打开,更多海外中国研究好书推荐”(文案会根据不同类别的书籍更换为对应的类别),跳转到其他如分类页的时候按钮就消失了。在快速浏览滑动详情页时,大概滑到两三屏,右下角会出现一个“APP内打开”的提醒按钮。可见设计师充分认知到了用户的行为、目标、场景等要素。只有当用户在浏览资讯内容本身的时候,才可能会想在APP里获得更好的浏览体验,从而产生下载需求。对应的“极速下载”的按钮文案又带给用户快捷方便的心理暗示,鼓励用户点击下载。

分享页面如何设计,优网科技设计师来教路

系统的设计思维

     所以分享页面并不是仅仅呈现方式与原生页面不同,在做设计的时候一定要有系统的思维。交互设计有五个要素:用户、行为、目标、场景、媒介。之前的几个优秀的案例里,正是设计师在设计时,就整理清楚这几个要素,才让分享页面有了更好的使用体验,而从完成了由分享页给自身平台带流量的产品目标。

责任编辑:优网科技

版权所有:http://www.uweb.net.cn (优网科技) 转载请注明出处

上一篇 返回列表 下一篇
专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
联系专属顾问
联系专属顾问
联系专属顾问
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询

和我们在线交谈!
展开菜单
关于我们
优网观点
公司新闻
优网学院
常见问题
收起菜单
活动会议应用
答题应用
班车预定应用
应急值班表应用
春节活动应用
活动直播应用
内部培训及任务应用
返回上一级