设计总结|提升首页的情感化设计

5 评论 13975 浏览 104 收藏 8 分钟

结合最近的工作,在本文和大家分享面对越来越多的业务场景,我们是如何改版驴妈妈首页设计,既能体现产品的定位又能将用户的价值最大化。

项目时间:

2017.11.10~2017.11.29,上线版本:8.0.0(18年1月)

项目角色:

交互设计、UED项目负责人

从以下4个部分阐述

  1. 需求沟通:明确问题;确认目标
  2. 方案设计:结合用户场景、改版核心点分析
  3. 落地跟踪:交互自查;项目跟进
  4. 经验总结:这些可以做得更好

一、需求沟通

1. 明确问题

  • 结合已有数据,主频道分流和去年相比有所降低,用户会找不到旅游品类会导致查找成本高
  • 首页缺乏内容性等业务模块,欠缺与用户相关的实时旅游热点
  • 爆款产品不够突出,引导性差导致下单量降低

2. 确认目标

  • 强化驴妈妈核心品类,推荐新运营活动入口的曝光,更高效引流
  • 增加内容元素的露出
  • 强化重点目的地及优惠信息,强化爆款

二、方案设计

APP首页作为用户访问的第一界面,需要基于不同的使用场景搭建首页框架,依次来承接住大量的流量,满足不同用户的核心诉求,而首页从内容模块上分,主要有5个:一级业务、二级业务、运营活动位、精准推荐、搜索五个模块组成。

1. 需求明确的场景

搜索框、一/二级业务入口(因高频场景,为此次改版核心点)

设计关键点:

  • 企业方:在保持用户现有查找出游品类习惯的基础上,同时可以推荐新运营活动入口的曝光
  • 用户方:效率优先,尽可能减少操作步骤,完成目标

用户在出行时间、地点、品类上有明确的需求时,会主动通过品类导航栏或搜索栏来满足自身出行需求,也是用户访问首页的高频场景。

业务导航栏分为两大区域:

  • 固定区(一级导航):是业务重点也是用户高频访问的旅游品类,满足绝大部分户需求;
  • 拓展区(二级导航):用户较高访问品类或者是新业务品类展示入口。

在节假日或其他运营活动时,导航栏上增加“HOT”“春运抢票”等角标配置,提升曝光,达到引流的目的。

2. 需求不明确的场景

用户需求模糊时,虽然不能立即产生购买行为,作为企业方应该主动为用户推荐其可能感兴趣的旅游产品,或根据用户之前在网站上的搜索、浏览等行为,此次改版主要从运营活动位和猜你喜欢两部分来进行优化。

设计关键点:

  • 企业方:通过提供场景化主题包装为用户提供服务入口,满足用户闲逛的需求
  • 用户方:希望所浏览的产品具有引导性,避免盲目浏览不知所措

(1)活动运营位

从用户行为(搜索、浏览记录等)出发,推荐更符合每个用户的需求,从而提升产品购买率。

(2)猜你喜欢

例如根据时间推荐夜场门票,根据GPS等为用户推荐其附近大家都在搜索地旅游关键字,或者是业务支持的其他规则。

三、落地跟踪

1. 交互自查

交互方案完成后,检查自己的设计是否有遗漏,帮助自己查缺补漏,每个人或Team都有自身的习惯,方法可以不同,但结果一样:都是要让交互方案尽可能地完善,给下游项目环节提供完备的信息,节省项目时间,也给用户带来更优的体验。
2. 项目跟进

设计好的方案很重要,能顺利地执行下去更重要:上线后的实际效果才是设计最终的效果,所以设计跟进是非常重要的事情,必须要做!!!

项目跟进的难点在于:时间成本、人力成本等的限制下,如何让产品实现最多。

四、经验总结

这些可以做得更好:

1. 滑动提示

设计时将活动Banner对应的文字露出,引导用户查看,如感兴趣则会滑动并点击查看,如不喜欢则直接忽略并浏览下方板块,后设计稿中因占据较大篇幅而放弃,这种更适合PC端。

2. 情境感知

当用户搜索过某目的地的旅游产品,当用户到达该目的地的时候,用户刚打开APP时提醒用户之前有搜索过,是否立即查看,因为用户刚进入就提示,因此不会中断用户的浏览、任务等

3. 个性排序

二级导航支持用户根据自身访问量,将更多旅游品类排序在首页的位置,便于查看。

 

本文由 @鹤形 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 感谢分享

    来自广东 回复
  2. 写的很不错,思考过程值得学习 😳

    来自北京 回复
    1. 谢谢 🙂

      来自上海 回复
  3. 赞一个

    来自广东 回复
    1. 谢谢 🙂

      来自上海 回复