如何通过竞品分析快速提炼设计策略应用到售前设计.docVIP

如何通过竞品分析快速提炼设计策略应用到售前设计

售前设计，主要是指在ToB销售中从销售线索挖掘到设计项目方案直至最终签约的这个环节。这个环节可谓是真正的商战，大家为了战胜其他竞争对手，都会绞尽脑汁投入极高的人力和时间成本竞标。

这是最近受邀参与国信期货APP产品升级竞标时候在售前所做的一个竞品分析。目的是通过拆解同行业中优秀的产品，洞察别人的设计方法，吸取别人的智慧和经验，找出国信期货APP当下所存在的真实问题，最终借此初步提炼出整个APP产品升级的设计方案。

需要说明是，由于只是初期的售前阶段，所以这篇竞品分析所筛选的产品不多、范围也只是对金融期货APP的首页设计拆解。之所以选择首页，这是因为首页是一个金融APP产品权重最高的页面，它不仅决定了用户对一个产品的视觉印象，而且对新用户的激活和老用户的留存发挥着关键作用。最后也希望借此案例的分享，让大家认识到竞品分析的价值，以及在商业设计的一些真实应用场景。

一、产品诊断

在分析竞品之前，我们先简单了解一下国信期货APP的产品目标，它主要为投资者提供期货交易、期货行情、手机开户、业务办理、热点资讯等综合金融服务，致力让每一位投资者都能享受安全、便捷、快速的期货投资服务。接下来，我们对当前国信期货APP首页进行完整的拆解，看看目前存在有什么问题。

1.内容层

什么是内容层？内容层就是一个产品应该围绕着业务目标制定什么设计策略和设计什么功能内容，这是一个产品设计最重要、最关键的环节，因为它决定着这个产品的成败。

从当前的首页内容规划来看，内容层主要分为三个部分。第一个部分是导航栏、核心功能和轮播图，第二个部分是金刚区，用户可左右滑动切换，第三个部分是TAB栏，有热点、资讯等栏目。不难看出，整个首页的内容设计中规中矩、缺乏创意，仅仅是产品功能的堆砌，而并没有结合国信期货APP「安全、便捷和快速」的产品理念去思考制定设计策略。

2.视觉层

什么是视觉层？视觉层就是一个产品的界面设计，是带给用户最直观的视觉感受，它也是我们常说的「美丑」。视觉层决定着用户对这个产品的价值感知，根据尼尔森十大原则的审美和简约设计原则，我们知道用户会更信赖更美的设计，所以任何一个产品，如果要想赢得用户的好感，视觉层是非常关键的一个环节。

明确了视觉层的概念，我们再来观察当前国信期货当前的首页设计，可以发现整体的视觉体验非常粗糙，整个页面的设计无论是配色、布局，还是字体，都不和谐、不统一，图标、视觉KV图不精致，给用户留下非常混乱、廉价的视觉体验。

3.小结

作为期货行业内交易平台最为齐全的期货公司之一，目前国信期货的APP首页设计，不管是内容规划还是视觉设计，都没有呼应产品的目标和设计理念，显得非常业余，完全没有体现出公司强大的品牌优势，严重影响用户对国信期货品牌价值的视觉感知。

二、竞品分析

接下来，我们将会拆解行业内和国信期货业务功能相似的其他优秀APP首页，看看他们的内容如何规划，视觉又是如何呈现。

1.国泰君安期货

国泰君安期货APP以「引领金融服务，共悦财富人生」为产品设计理念，主要为用户提供期货业务办理、期货行情和交易分析等功能，其次还为用户提供专业、完善、深度的期货行业动态和解读，帮助用户轻松掌握期货市场先机。

1.1内容层

从内容层观察，国泰君安期货的首页主要分为三个部分。第一部分占据了首页0.5屏空间，从上至下分别是头部导航栏（包含了搜索框、在线客服和消息中心），五大高频核心功能（期货开户、国君研究、期货学堂、小君直播和业务办理）和KV视觉图（可根据不同的主题进行实时更新）。从这个部分看，虽然布局中规中矩，不过KV视觉图部分的设计创意很棒，可以根据不同的主题进行实时更新，有利于对新用户的激活和诱发用户进行传播，为产品拉新引流。

第二个部分是金刚区和轮播图。金刚区支持用户进入编辑页进行功能自定义，从这里可以看出国泰君安APP的核心业务包含市场数据、热门活动、研究资讯、期货学堂、交易功能、信息查询、业务办理和机构服务，非常丰富。其次支持自定义设置，也节省用户的操作成本，可以提高低频功能的高效触达。

第三个部分从0.75屏开始，是一个聚合的TAB栏目，包含了发现、7×24、公告、要闻、自选等内容资讯栏目。其中「发现」作为首页默认的栏目，内容非常丰富，包含了行情热力图、小君直播、期货学堂（期权策略加油站和每日答题赢积分）、期货百科和深度报告，这个栏目是国泰君安首页提升用户留存率的关键内容，设计得非常用心。其他栏目则主要以资讯发布为主，为用户提供实时的金融资讯。

1.2视觉层

从视觉层观察，国泰君安的首页风格稍显混乱，头部的宣传图不够精致，也缺乏视觉冲击力，而且对头部的视觉体验造成了干扰，分散了用户的注意力，提升了用户识别成本。其次金刚区的图标不够精致，颜色的搭配和整体产品的设计调性不匹