网站公司

专业的站点制作可满足企业官网建设的需求

  • 产品名称 :

    [企业网站主页设计]产品主页改版的互动设计共享

  • 产品分类: 产品中心
  • 发布时间: 2021-04-29
  • 产品摘要: 主页就像产品的脸,在这个看脸的时代,产品能否吸引用户可以说大部分依赖于主页。那么,什么样的主页最能吸引用户呢?嗯,首先可以联想到最有魅力的脸是什么样的。1、颜值高,2、自己喜欢的脸(大眼睛、薄唇、精神、笑容)3、交流顺畅愉快。与此相对应,吸引人的主页应该是:1、UI设计美丽2、有我感兴趣的信息(能够满足用户目标的核心功
[企业网站主页设计]产品主页改版的互动设计共享
产品详情

主页就像产品的脸,在这个看脸的时代,产品能否吸引用户可以说大部分依赖于主页。那么,什么样的主页最能吸引用户呢?嗯,首先可以联想到最有魅力的脸是什么样的。1、颜值高,2、自己喜欢的脸(大眼睛、薄唇、精神、笑容)3、交流顺畅愉快。

与此相对应,吸引人的主页应该是:1、UI设计美丽2、有我感兴趣的信息(能够满足用户目标的核心功能)3、信息结构清晰易懂,导航能够简单地指导我完成任务。

以上3点是从用户的角度来考虑的,作为交互式设计师,必须平衡商业目标,综合考虑制定的设计方案是最有价值的。正如AlanCooper所说,优秀的互动设计精髓在于设计的互动,能够满足制造商、服务提供商或合作伙伴的目标,支持用户的目标。本次主页改版的商业目标是提高新用户的转化率、旧用户的保留率,最后达到提高保险费的最终目的。

在正式共享主页的改版设计流程之前,首先介绍了婴儿储蓄罐APP是国内首个网络教育金产品(从无到我独立负责交互设计,现在已经在线一年半),与传统教育金不同,随时随地都可以存款,储蓄总额由自己决定,收益更高的产品的核心功能是储蓄功能,本来想储蓄,活动储蓄两种储蓄方式,随着业务的发展,之后

从上面对主页、业务需求的分析可以看出,主页的改版不仅要改变页面,还要重新整合产品整体最核心的5种存款方式。整合的依据是:

①知道目标用户是谁

②目标用户的痛点是什么

③主要目标用户想要什么(设计方向)

有设计方向后可以设计方案:功能结构→流程图→页面流程图→线框图。

一、首先知道用户是谁

难点首先知道目标用户是谁难点:1、用户采访等方法不能直接询问用户使用本产品的深层动机,为了真正提高转化率和保留率,必须挖掘真正的动机,满足其难点2、初创团队没有使用研究的条件,我只能通过与真正的用户接触最多的运营和呼叫来了解用户,采访用户的同事和自己的电话采访用户

我的解决想法:将这些活跃用户按动机分为几类,其中使用本产品动机的最强类型是目标用户。

分解构想是具体的方法(下图1):

第一步:活跃的用户按职业分组-由产品的核心(为孩子存钱,与父母的收入、学历见识有关)决定。

第二步:动机需要行为洞察,行为可以从各组用户的日常活动、对保险和教育的态度、赚钱能力、本产品的动机等方面获得,从中提取与产品属性密切相关的行为(行为变量):收入水平、资产管理能力、教育、保险意识

第三步:从下图各组用户在行动轴上的聚集情况可分为两种类型,行动模型接近的医生、保险和网络员工为类型1,家庭主妇和微型商务为类型2。

第四步:结合本产品为儿童存款的特性,重视资产管理能力和教育行为轴,发现类型2想提高资产管理能力,类型1重视教育。根据用户的职业和收入,类型2比类型1学历高,收入高,类型2收入不高,不擅长资产管理的情况下,面对生活压力重视收益的动机更强,类型1也不擅长资产管理,但收入和学历更高,当然偏重孩子的教育。

第五步:本产品是保险产品,因此根据保险意识,类型的1用户比类型的2用户大。综合来看,类型比类型的两用户使用本产品的动机更强,即重教育型用户为目标用户,重收益型用户次之。

获得重教育型和重收益型两种用户后,通过用户的重要故事-取反值-竞争品分析的方式制定了解决方案,构想了改版后页面的大致轮廓。其次,跟随重教育型用户模型体验现有产品,发现体验痛点后,找出用户想要什么,确定设计方向:1、未开罐的主页必须设置存款目标入口-提高未开罐的用户转化率。2、在设定存款目标的过程中,可以设定工资存款(工资存款是粘性最高的功能)-提高开放罐用户的存款率。

二、页面流程

分析设计方向,结合初始解决方案画出功能结构,将功能串联到流程图中,使用户能够顺利完成任务,流程和功能结合形成页面流程。

页面的流程是基于功能结构图、流程图,具体页的信息结构设计需要认真考虑。

上图2设置存款计划页流,为满足主要目标用户重视教育型用户的目标而设计,他们的目标是购买专用定制的在线教育金保险,可以获得和馀额宝一样的收益和更高的收益。页面流程基于此设计,考虑如下:

图1:首先根据两种用户类型确定主页的信息结构:产品收益介绍、存款方式介绍、存款方式不计划。在底部放置打开宝物存款罐按钮-画出总操作任务流程,用户在主页上选择存款方式后打开罐子(直接点击打开罐子的用户很少,但为了提高转化率,需要提供直观快捷的打开方式)。

图2:然后设计主要用户最关心的存款计划页面,根据用户未打开罐子的身份和保险产品的硬规定,该页面主要有设置信息(包括工资存款),填写保险单两个版本。

图3:最后得到计划详细页面。难点:你能直接成为主页吗?解决:分析用户-有明确的存款目标,设定的信息是她们之后继续存款的动力,所以计划详细页面=设定了计划用户的主页。这个主页分为存款目标本月存款(只推荐现在最合适的存款方式,不需要用户思考)。

上图3是不设定存款计划的页面流程,为了满足次要目标用户即重收益型用户的目标而设计的,他们的目标是购买保险书、安全、自动推荐快乐高收益的活动参加的在线教育金保险。页面流程基于此设计,考虑点如下:

图1:默认主页与上面

图4:点击任意存款方式的内部页面,整个信息结构与设置计划页面相同,为了交互统一,节约开发成本。

图5:反馈页面也由反馈结果、推荐存款方式两个版本构成,推荐原则:存款和非存款方式相结合(用户最后可以为孩子存款和商业考虑,设计时需要适当指导)组合形式如下:

主动活动存款推荐下期活动存款

在此需要注意的是,为了最大限度地降低成本,如果页面流出,应该找有关利益的同事进行审查,审查后设计线框图,测试线框图的可用性,多数人的角度总是使页面更加完善。当然,自己必须更加评价地接受意见。此时,一般的页面流程不太变化,线框图的一环必须慎重考虑页面流程的变更。

在页面上线之前,交互式设计师也必须参加测试。有些问题只有自己才能发现。上线后,从数据和呼叫中了解用户的反馈,验证自己的设计,反复优化。