产品首页设计（产品首页改版的交互设计分享）

本文目录

• 产品首页改版的交互设计分享
• 产品宣传海报制作模板-如何制作海报宣传图片

产品首页改版的交互设计分享

首页就像一个产品的“脸”，在这个看脸的时代，产品能不能吸引住用户，可以说很大一部分取决于首页。那么，怎样的首页是最能吸引住用户的呢？嗯，还是可以先联想下最吸引人的脸是怎样的：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需要突出

到此要注意，想要改动成本最小化，页面流出来就应该找利益相关同事进行评审，评审过后再设计线框图，然后再对线框图进行可用性测试，多几个人的角度总是能让页面更加完善的，当然自己还是要多加评判地接受意见，此时一般页面流是不太会改动了，线框图环节若要涉及页面流的改动就需要慎重考虑了。

页面上线前，交互设计师也要参与测试，因为有些问题只有自己才能发现，上线后，也要多从数据和客服那里了解用户的反馈，以验证自己的设计，不断迭代优化。

产品宣传海报制作模板-如何制作海报宣传图片

产品海报怎么设计模板

产品海报怎么设计模板。产品海报设计是企业产品宣传中较为重要的一种手法。对于企业而言,如何在海报设计方面做到与众不同?1、产品海报设计主要用于宣传。在企业产品的海报设计中,产品的介绍和介绍是客户所需的,即产品要表达的内容。一般来说:产品介绍要详细说明,要有创意。2、产品海报设计主要是以文字和图片的排版为主,文字要求比较简洁,有很强的力量感。在设计产品的海报时,产品需要简洁明了,有很强的视觉感。

如下:

工具/原料:演示工具:vivox23幻彩版、演示软件:canva2.47.0

方法:

1、首先大家先打开自己的手机,打开canva软件。如果没有canva这个软件的话,就再手机自带的应用商店中下载一个。

2、进去之后呢,我们会看到许多的风格,风格各种各样,款式也有很多,足够大家任意选择。

3、选择之后,我们可以选择海报的模板大小,有很多选择,比如手机海报,电脑海报,3:4,16:9等等大小的,按照自己的需求选择就好。同上(任意选择)

4、然后当你选择完这些模板后,就可以根据自己的想法更换模板自带的文字,并且更改图案,也可以就用人家的样子。同上(任意选择)

将海报截图,保存为图片文件。页面布局——页面颜色——填充效果,选“图片”,选择图片,确定。

1、打开一个空白的Word文档,选择“布局”,找到“页边距”,点击“自定义页边距”。

2、将页边距全部设置为0,点击“确定”。

3、插入图片,可以是word剪辑库中剪贴画,也可以是你电脑中存的你自己的图片、然后选择“插入”,点击“图片”,选择一张图片作为背景图。

4、将图片拖放大整个页面。

5、在“插入”菜单栏,找到“艺术字”,选择一款模板。

6、输入文字,设置字体字号,将艺术字拖拽至合适的位置。完成制作。

找一副背景图,置为最底层。插入图片,图片在背景的上面,操作的是用文本框来实现。就是插入文本框,然后把文字全都放入文本框中。然后你可以移动文本框来实现你所需要的效果。肯定是需要好几个文本框才能实现的。

新建一个空白文档,输入“电子数码产品宣传海报”,单击开始--段落-居中,我们首先设置好标题,并保存好。单击office按钮,选择“另存为”单击想要保存的格式和位置。