首页就像一个产品的“脸”，在这个看脸的时代，产品能不能吸引住用户，可以说很大一部分取决于首页。那么，怎样的首页是最能吸引住用户的呢？嗯，还是可以先联想下最吸引人的脸是怎样的：1、颜值高 2、自己喜欢的那种长相（大眼睛、薄嘴唇、很精神、爱笑...）3、沟通顺畅、愉悦
与之对应，吸引人的首页就应该是：1、UI设计精美 2、有我感兴趣的信息（能满足用户目标的核心功能）3、信息架构清晰易懂，导航易找能轻松引导我完成任务
上述3点是站在用户角度考虑的，作为交互设计师，还需平衡商业目标，综合考虑做出的设计方案才是最有价值的。正如Alan Cooper所说 “优良交互设计的精髓在于设计出的交互，既能满足制造商、服务提供商或其合作伙伴的目标，又能支撑用户的目标。”我本次首页改版的商业目标是：提高新用户转化率、老用户留存率，最后达到提升保费的最终目的。
在正式分享首页改版设计流程前，先介绍下项目背景：“宝贝存钱罐”APP是国内首款互联网教育金产品（从无到有是我独立负责交互设计的，目前已上线1年半），和传统教育金不同的是可随时随地存钱，存钱总额自己定，收益更高；产品核心功能就是存钱功能，原有想存就存、活动存两种存钱方式，随着业务发展，之后新增了存钱规划、工资定存、天天存三种存钱方式，所以现在首页需要改版。
从上面对首页、业务需求的分析可初步知道，首页改版并不是仅仅改一个页面，而是要对整个产品最核心的5个存钱方式进行重新整合，整合依据就是：
①先了解目标用户是谁
②目标用户的痛点有哪些
③主要目标用户想要什么（设计方向）
有了设计方向后就可以设计方案了：功能结构→流程图→页面流→线框图。
完整流程很长，这里主要分享一下难点“先了解目标用户是谁”和解决方案，还有页面流设计的考虑点，页面流是完成用户目标的精简版方案，信息量小一点理解起来更轻松。
一、先了解用户是谁
难点 “先了解目标用户是谁” 难在：1、是没法通过用户访谈等方式直接询问用户使用本产品的深层次动机，而想要真正提高转化率和留存率，是必须要挖掘出真正的动机并且满足它才行；难点2、是初创小团队没有用研的条件，我只能通过和真实用户接触最多的运营和客服了解用户，和去采访一些是用户的同事，或自己电话采访用户。
通过运营和客服了解到：大盘用户主要是聚集在一线城市的妈妈，活跃用户职业多为医生、保险从业者、微商、互联网从业者和家庭主妇。想要从她们中找出最需要关注的目标用户，
我的解决思路：把这些活跃用户按照动机分成几类，而当中使用本产品动机最强烈一个类型就是目标用户。
把思路分解就是具体方法（绘制出了下图一）：
第一步：活跃用户按职业分组——是由产品核心（为孩子存钱，就会涉及父母的收入、学历见识）决定的
第二步：动机需要通过行为来洞察，行为可从各组用户的日常活动、对保险和教育的态度、赚钱能力、用本产品的动机等方面获得，再从中提取其中几个和产品属性紧密相关的行为（行为变量）：收入水平、理财能力、重视教育、保险意识
第三步：从下图各组用户在行为轴上的聚集情况可分出两个类型，行为模型接近的医生、保险和互联网从业者为类型一，家庭主妇和微商为类型二
第四步：结合本产品是为孩子存教育金的特性，着重看理财能力和重视教育行为轴，发现相比而言，类型二更想提升理财能力，类型一更重视教育。结合用户职业和收入来看，类型二不如类型一学历高，收入高，所以类型二收入不高还不擅长理财的情况，面对生活压力内心看重收益的动机会更强烈，相比而言，类型一虽然也不擅长理财，但收入和学历更高，自然会偏重孩子的教育
第五步：因本产品是保险产品，故结合保险意识来看，类型一用户比类型二用户占比更大。综合来看，类型一比类型二用户使用本产品动机更强，即重教育型用户为目标用户，重收益型用户次之
得到重教育型和重收益型两类用户后，通过用户关键故事 - 取反值 - 竞品分析 的方式初拟了解决方案，从而构思出了改版后页面大概的轮廓。接着跟随重教育型用户模型对现有产品进行体验走查，发现体验痛点后找出用户想要什么，从而确定了设计方向：1、未开罐的首页要有设置存钱目标入口—— 提高未开罐用户转化率。2、设置存钱目标的流程中可设置“工资定存”（“工资定存”是黏性最高的功能）——提高已开罐用户的留存率
二、页面流
分析设计方向再结合初拟的解决方案可画出功能结构，再把功能串联成流程图，确保能让用户顺利完成任务，流程和功能结合形成页面流。
页面流是在功能结构图、流程图的基础上得出的，具体每页的信息架构设计还需认真考虑。
上图二是设置存钱规划页面流，是为了满足主要目标用户即重教育型用户的目标而设计，他们的目标是可以买到一款专属定制化的线上教育金保险，且能获得和余额宝一样的收益甚至更高收益。页面流据此设计，考虑点如下：
图1：首先根据两种用户类型确定首页的信息架构：产品收益介绍、规划存钱方式介绍、不规划存钱方式。底部放“开通宝贝存钱罐”按钮——绘制了总操作任务流程得知，用户在首页会出现两种任务：①选了存钱方式后开通罐子②直接点击开通（直接开通存钱罐的用户虽然不多，但为了更高的转化率，有必要提供一个直观快捷的开通方式）
图2：之后再设计主要用户最关心的设置存钱规划页，结合用户未开罐的身份以及保险产品的硬性规定，该页主要有设置信息（含工资定存）+填写保单2个版块
图3：最后得出规划详情页。难点：是否可直接当首页？解决：分析用户——有明确存钱目标，已设置好的信息就是她们之后持续存钱的动力，所以规划详情页=已设置规划用户的首页。该首页分为存钱目标+本月存钱（只推荐最适合此刻的存钱方式无需用户思考）
上图三是不设置存钱规划的页面流，是为了满足次要目标用户即重收益型用户的目标而设计，他们的目标是可以买到一款保本、安全、会自动推荐好玩又高收益的活动供参加的线上教育金保险。页面流据此设计，考虑点如下：
图1：默认首页同上
图4：点进任意随手存钱方式的内页，信息架构整体与设置规划页相同，既为了交互统一性，也为了节省开发成本
图5：反馈页也都统一由反馈结果+推荐存钱方式2个版块组成，推荐原则：定存与非定存存钱方式相结合（为了用户最后真的能为孩子存下一些钱以及商业考虑，设计时需要适当引导）组合形式如下：
主动活动存+推荐下期活动定扣
主动设置天天存+推荐活动存
主动自由存+推荐天天存
图6：不设置规划用户的首页主要用户是重收益用户，遂展示活动收益的banner需要突出
到此要注意，想要改动成本最小化，页面流出来就应该找利益相关同事进行评审，评审过后再设计线框图，然后再对线框图进行可用性测试，多几个人的角度总是能让页面更加完善的，当然自己还是要多加评判地接受意见，此时一般页面流是不太会改动了，线框图环节若要涉及页面流的改动就需要慎重考虑了。
页面上线前，交互设计师也要参与测试，因为有些问题只有自己才能发现，上线后，也要多从数据和客服那里了解用户的反馈，以验证自己的设计，不断迭代优化。
