首页改版方法总结:服务市场首页改版项目

首页改版一般由以下几种原因引起

  1. 业务策略变化
  2. 品牌升级
  3. 年久失修,体验变差
  4. 换了老板,嘿嘿

首页改版一般想要达到的目标

  1. 业务策略变化引起的内容变化,从而为用户提供更加丰富、更加精准的内容和服务
  2. 品牌升级引起的内容变化,从而在原有用户的体感上新增品牌增益的内容
  3. 年久失修导致用户流失严重,通过内容和服务的变化提升用户的留存和转化

感受:

换个品牌LOGO,改个页面不是真正的品牌升级,品牌是用户赋予品牌的第一印象(用户体感),所以品牌升级的本质是用户对品牌认知的升级(用户体感变化)

首页改版的一般考核的指标

一般考核的指标会分成业务指标和体验指标,逻辑上需要遵循体验指标的变化要能够引起业务指标的变化。业务指标一般是指整个业务在财年需要达成的指标,这个指标来源于集团对BU的业务大指标分拆下来的由该业务来完成的。所以对于电商来讲业务指标更多的情况是新增用户量和GMV。

首页作为业务门面和流量分流的关键节点,在新用户吸引和转化上起到非常重要的作用,所以一般情况下首页的体验指标往往是用户的跳失率和一跳转化率(从首页-下游核心页面的转化率)。那么对于设计师来讲的体验指标逻辑是 降低用户跳失率,提升首页-下游核心页面的转化率。

以上是对于大部分导购类首页改版都适应的通用分析,那么接下来讲的是针对服务市场首页改版的。

案例:服务市场首页改版项目

简介:这是一个为电商从业者提供第三方电商服务支持的阿里巴巴官方服务平台,电商从业者可以订购平台中的第三方

服务来解决在电商经营的过程中遇到的任何问题,比如装修、运营、推广、订单、仓储管理等问题。

背景

  • 契机一:是服务市场从原始野蛮生长到正规军介入深度运营。
  • 契机二:是服务市场从业务策略上进行了调整升级,从全盘服务运营到精品服务运营,为商家提供精品服务。
  • 契机三:是通过对服务市场的用户进行全面的调研,结论是服务市场在用户中只有模糊的、简单的概念,没有形成统一的清晰的认知。
  • 契机四:是从数据层面上发现整个服务市场前台导购页面的跳失率普遍较高,首页的跳失率超过50%,也说明首页的吸引度存在一定的问题

那么接下来就是设计师如何去做改版了:

第一步:先来看看首页在整个链路中的位置及作用

基于整个链路来思考体验问题,即用户从进入到离开的使用产品的过程体验,所以体验的核心是关键节点提供的内容和用户预期的匹配度,匹配度越高用户使用体感越好。

首页改版方法总结:服务市场首页改版项目

从链路上我们能够看出,首页对于用户来说核心是了解用户价值及玩法(如何获取的方法),所以首页传递的内容和方式的用户匹配度决定了首页设计的使用体感。

第二步:分析推导首页的设计目标和策略

这一步重点是用户价值的具像化,并推导出实现用户价值的设计目标和策略。

  • 技巧:设计目标 = 用【某设计策略】给目标用户带来【某价值】,以助力【某变现方式】
  • 用户价值:首页的用户价值是用户知道如何选择服务,用户知道什么服务能够更有效解决问题,如何更高效的触达内容。
  • 变现方式:这个是指商业诉求,通过首页,商业希望服务市场首页成为更高效的服务分发起点站,从而提升整体服务导购的效率和精准度。
  • 设计策略:服务导购的显性化、服务能力的差异化、浏览路径和推荐内容的匹配度、内容的视觉层次设计

推导步骤:

首页改版方法总结:服务市场首页改版项目

第三步:分屏设计聚焦内容框架

设计策略中有一条浏览路径和推荐内容的匹配度,所以按分屏来设计,能够更好的保证用户信息的触达和转化效率。
通过分屏能够帮助我们更了解用户的需求并进行拆解,分屏设计中需要注意的是每屏都需要定义清楚1~3个核心的用户诉求,从而能够有效的匹配相应的内容。

首屏:

这个相当于用户到了一个商场的门口,对于B类用户就是到了一个线下批发市场的门口,那么这个时候用户最想获得的是什么信息呢?

  • 问题一:这个市场有什么,按照什么形式进行布局的
  • 问题二:我该如何去寻找,有没有路标导购

第二屏:

通过首屏能够帮助用户了解市场的大概情况,所以第二屏是帮助用户了解细节,比如市场中哪些店热门,哪些货不错等,对应线下场景,相当于用户已经走到市场大厅中,看中央大屏在播放的信息。

  • 问题一:这个市场的优势是什么
  • 问题二:这个市场在主推什么

第三屏及以下

通过前两屏的内容用户已经基本了解了市场,第三屏及以下更多的是平台给予用户的价值,比如促销、优惠、交流学习,更多的是在用户的成长上给予帮助。

  • 问题一:市场中有优惠、促销等服务可以尝试吗
  • 问题二:我想看看其他人在怎么玩

通过分屏设计,信息框架就基本上出来了:

首页改版方法总结:服务市场首页改版项目

第四步:内容的表达及创新

内容的表达和创新是设计价值体现的非常重要的一部分,设计策略的实施能够达成设计目标更多的是在这部分来体现。

设计策略1:服务导购的显性化

从内容层上服务导购分层类目导购、功能导购、活动导购、内容导购,这块作为用户了解首页框架最重要的一部份,
设计原则上采用遵循用户认知习惯、以高效信息触达和识别作为设计手法来设计。

首页改版方法总结:服务市场首页改版项目

设计策略2:服务能力的差异化

服务能力的差异在3个方面,一个是通过平台规则把服务能力进行分层,分成精选服务、常规服务,第二个是通过购买者的主观评价,第三个是通过订购者的客观使用数据。所以如何在首页上推荐具体服务就应该按照这3个方面来设计展示样式,通过在不同的位置考虑不同的展示方式。

首页改版方法总结:服务市场首页改版项目

但是这里遇到一个问题就是如何把整个分类楼层的服务做能力差异化,这个从线下市场获得的灵感,市场中采购行为频繁、采购的服务能力好的说明这个分类楼层的服务能力就强。

首页改版方法总结:服务市场首页改版项目

设计策略3:内容的视觉层次设计

按照页面的中内容的重要程度,通过辅助元素或者明显的色块进行内容的视觉层次的差异化。

首页改版方法总结:服务市场首页改版项目

第五步:分屏指标的监控

指标主要分成整体指标和分屏指标,整体指标是指整个页面的内容吸引度,所以只需要监控页面的跳失率就行。

分屏指标的目的是指导分屏内容的调整,为后续的迭代提供数据的参考。

分屏指标主要是2个:

  • 指标1:分屏中的内容的点击PV分布:主要目的是监控该分屏中内容的吸引度。
  • 指标2:分屏中的内容到下游的页面PV占比:主要目的是监控该分屏到下游核心页面的转化率。

第六步:框架及内容的迭代优化

这步是第五步的延续,通过监控数据能够给后续的迭代优化提供数据依据。

由于分屏已经进行监控,所以对于分屏中的需要新上的内容或功能可以做小范围的测试。

写在最后

一张图说明6步方法

首页改版方法总结:服务市场首页改版项目

在项目时间比较紧的情况下,去掉了设计前的各种分析(竞品分析、数据分析、用户问题收集等等)能够极大提升出方案效率,但是往往会出现巨大的风险点,设计的过程中往往会被业务方牵着鼻子走,想要啥就往里加,要是最终设计方案上线后结果变差,往往就是设计师来背锅。

所以这个方法能够帮助设计师尽量做出一个正确的设计方案,甚至可以在局部做出创新的亮点,能够最大限度的保证最终的结果往好的方向发展。

授人以鱼不如授人以渔,希望与大家一起共勉。

作者:小屋
链接:http://www.rumenwu.com/site/574.html
来源:入门屋
入门屋著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。部分内容复制其他平台,如有侵权请联系删除。

(0)
打赏 支付宝打赏 支付宝打赏 微信打赏 微信打赏
上一篇 2018-03-29 16:11
下一篇 2018-04-02 22:30

相关推荐

  • WordPress响应式主题添加视频手机端不显示问题解决办法

    随着移动互联网的发展,现在手机端的流量占比越来越大,响应式主题由于兼容PC和移动端以及部署方便等优点也被广大站长使用接受,不过由于电脑和手机系统兼容性的问题,很多用户遇到视频播放的问题:在网站添加的视频在电脑上可以正常播放,一到手机上就无法显示。 问题原因 电脑上一般都会安装flash控件,视频大多也是使用flash播放器来播放的,而手机端目前网页播放视频都…

    2018-10-16
    2.8K0
  • 怎么解决WordPress更新时,提示无法连接到FTP服务器?

    怎么解决WordPress更新时,提示无法连接到FTP服务器?在 WordPress 目录下找到 wp-config.php 文件并编辑,在最后一行加上define(‘FS_METHOD’, “direct”);

    2018-02-08
    2.3K0
  • WordPress七牛云静态文件CDN加速配置教程

    WordPress网站优化加速一直都是广大站长比较关注的问题,今天主要介绍一下基于七牛云的静态文件(比如图片、js、css)CDN加速的设置方法。 CDN还是对象储存? 目前我们接触到的很多客户都是基于第三方插件对接的对象存储服务,这个本身其实也是没什么问题的,不过接触下来发现很多用户经常会遇到插件选择、文件同步、缩略图生成等各种问题,所以我们更推荐的是CD…

    2018-11-02
    2.9K0
  • 纯CSS3制作TAB选项卡

    这个CSS3 Tab样式已经写出来很久了,一直没有时间把它分享出来,也许网上还有其他很多这样子的代码,但没有一种是用到我说的:checked来做的,不管如何,多掌握一种方式对你也是有帮助的。 效果就如博客之前写过的一个Tab一样:有最新文章、热门文章和随机文章。 第一种::checked 首先像平常写HTML和CSS一样,不过要使用input的radio来做…

    2020-10-26
    8750
  • 怎样迁移网站服务器和域名?

    继续回答有普遍性的问题。今天是一个网站服务器和域名迁移的问题。 读者Pete Zhang问: Zac你好,占用你的宝贵时间,向你请教个问题。想要迁移网站,内容基本不变,但域名不同,服务器也不同,我该如何是好? 问题描述:我经营一个小公司,公司有一个网站(域名假设是www.AAA.com),网站的服务器在美国(IP假设是1.1.1.1)。公司的所有业务都来自w…

    2021-04-20
    5830
  • 织梦CMS通用安装教程

    今天先跟大家介绍一下dedecms织梦系统安装的方法步骤,以及织梦数据库还原的教程。详细请看图文讲解:1.运行 http://域名/install/index.php(比如你的域名是:http://www.rumenwu.com/,就输入http://www.rumenwu.com/install/index.php) (注)输入网址 http://域名/i…

    2018-03-08
    2.0K0