编辑导读:首页作为用户进入产品的第一个体验页面,曝光量最大,有帮助用户留存和转化的作用。本文作者体验了多款互联网金融产品APP,并从中总结出了这些首页设计的经验,与你分享。
为了试图分析互联网金融产品APP首页设计的模式和规则,从百余家产品中,挑选出16家行业代表性APP,通过本文带大家一起解锁金融产品APP首页的构成,从名称、信息架构、内容排版布局、状态、体验等角度剖析亮点与不足,归纳功能板块交互状态,并综上结合核心业务板块提出基于用户体验的互联网金融产品创新方案。
首页作为用户进入产品的第一个体验页面,是品牌文化曝光的最佳C位,同时扮演着获取用户留存和转化的角色。首页是诸多功能入口的合集,除了信息展示,更牵连着不同的业务线。对于金融产品而言,除了生产出口碑过硬的好股好基,深耕单屏用户体验的产品设计更是一大趋势。
一、首页的常见样式
首页是什么样子?如何基于业务核心板块搭建布局?
1.常规首页
通常,首页是全站信息的综合载体,并穿插搭载其他一级页面的重要模块。
常见的核心板块包括但不限于:
顶部栏|我的资产|核心icon|营销banner|产品推介位|资讯|直播|其他。
A类:汇添富、蚂蚁、广发等6家APP,首页内容丰富而有序,在模块划分上,根据用户浏览路径将各业务按相关度依次排列,最大程度引导触发购买行为B类:鹏华、中欧、好买等4家APP,侧重利用黄金沟通点位创造直接营收,但基于用户体验维度引导效率较低,从整体模块划分上部分以业务维度、部分以功能维度,聚合方式不够紧密,有轻微割裂感。存在低效入口,缺乏KPI驱动的调整和赛马机制C类:天天、蛋卷、招商银行等4家APP,在首页模块划分上,清晰划分出核心业务与次要核心业务,但功能入口过多,局部页面信息承载量过大,跳出率高,易造成用户“看不懂”、“找不到”
2.交互式顶部栏
搜索|(智能/专属)客服|消息盒子|切换|扫一扫|设置
搜索框状态:全站跟随,实时轮播更新点击进入二级搜索页,展示热度话题和历史记录。可配置热|荐|新|爆等标签顶部导航栏的功能icon3时,可利用溢出菜单将常用的功能整合并隐藏在“+”更多功能模块中,简化用户层面上的交互过程
优化方向:通过数据埋点获取顶部容器点击率较高的功能键,右置保留。并根据席克定律,功能键2时,收纳使用低频和次要功能,有效避免页面头重脚轻的视觉效果。
3.我的资产
头部展示,根据用户的登录及资产状态,切换对应的可视化数据。
展示品牌营销、产品推荐等文案,引导用户注册/登录,并使用钱包类产品下单。
展示总资产、昨日收益,有平台钱包类产品时,同步展示钱包资产及(昨日/累积)收益。
优化方向1:钱包布局与用户浏览维度不符——优化品牌入口,提高信息层级布局;优化方向2:过度依赖促销,特色功能不突出——明确利益点,加强核心品类引导,分时段固定头部营销banner,分状态集中展示资产数据
4.功能icon(4-8个)
根据移动应用的交互设计规律—“7±2法则”,悬浮卡片上可容纳5-9个功能图标。
根据调研统计显示核心功能icon个数如下:
4位icon好买5位icon南方|富国富|嘉实|蛋卷|博时|陆金所8位icon蚂蚁|汇添富|中欧钱滚滚|鹏华10位icon广发|招商银行icon位5时,可添加“