背景说明：对全家Family小程序首页进行改版

前提假设：假设当前版本为3.0

1. 版本记录

2. 设计背景

本次首页改版设计基于对全家小程序现在版本首页的认知，结合对全家便利店的研究与了解，从用户体验五要素出发，提出本人的一些分析与假设。该文档主要分为两个部分：

•  Part1 主要是对项目的分析及定义用户与场景，探究真实需求；
•  Part2 提出个人的设计想法与改版理念。

说明：文中的橙色字体表示本人设计过程中的一些思考及注释说明。

3. 定义目标用户

对全家便利店小程序进行改版，首先要搞清楚这款小程序的主要受众群体是谁？具备哪些特点？他们需要的主要功能是什么？

由于无法接触到全家的真实用户，进行调研，故下面对用户的分析基于日常生活中我对全家便利店用户的观察及认知，以及依托互联网大数据所查到的一些数据资料。

3.1 用户画像

根据调查，全家现拥有独立App“集享联盟”，我在艾瑞数据上对该App的用户进行了研究，数据也许会有偏差，在此仅作为参考，以期望能够帮助定义目标用户。

综合大数据可以看出，使用者以女性居多，年龄层集中在31-35岁。（性别占比如此不平均，笔者大胆猜测原因有二：1.本身线下便利店的顾客就以女性居多；2.男性顾客对于成为会员，消费积分的营销模式不感冒，造成男性顾客加入会员积分系统的数量较少。）

地域分布

在百度指数上以“全家便利店”、“711便利店”为关键词进行搜索：

对于用户的地域划分，十分明显的趋向于北上广以及苏杭等经济、互联网较为发达的城市。

总结来说，我将主要用户定义为25-35岁之间，一二线城市的白领，以女性居多。

4. 需求分析

【战略层】由于无法知晓公司的战略规划，以下分析仅从产品的业务需求及用户体验层面出发。因为无法做真实用户调研，为了得到清晰且准确的痛点及需求，我在App Store中查看了相关类型的生活服务型App，根据使用者的留言，得出以下内容：

4.1 用户使用场景模拟

场景一   小A（女 27岁 公司白领）

小A早上9:00上班，她习惯于每天上班前到全家便利店买早餐，今天早上时间有点来不及了，小A匆匆忙忙在全家挑选了面包和牛奶，排队结账，结账时，她打开微信，找到全家小程序，慌里慌张的她却找不到付款码，最后在店员的指引下小A才意识到付款码在自己的名字旁边，因为付款的小插曲她迟到了。

场景二   小B（男 35岁 公司主管）

小B平时在家吃早餐，但是今天老婆要提前送孩子去上学，没有时间做饭，小B便来到全家便利店购买早餐。结账时店员询问小B是否为全家的会员，如果不是的话可以申请成为会员，日常可以积分，并且在小程序上可以找到很多优惠活动。小B打开小程序，并没有看到刚刚消费的积分在哪里，也不清楚该如果参与优惠活动，觉得麻烦的他决定下次还是直接结账好了。

4.2 主要痛点

•  使用小程序进行付款时，操作不方便。
•  优惠活动很多，但是入口过于分散，难以选择具体使用哪种优惠方式。
•  无法快捷管理跟我相关的会员信息

4.3 需求汇总及解决方案

【范围层】在实际项目中，广泛采集来的需求需要进行一定的筛选，有时用户的诉求会与商业需求产生冲突和矛盾，这时需要以保证主要业务流程闭关为原则，对需求进行分析与取舍。

Part 1  以上是对设计背景的了解及阐述 

Part 2  以下是针对于首页改版的说明 

5. HMW分析

How might we?

经过前期的分析，针对于首页改版，我觉得应该着重从两个方面入手：

• 打造清晰易操作的会员信息管理板块（付款码作为主要功能应符合视觉突出、易点击、及时反馈的设计原则）
• 突出产品优势（根据前期对用户的调查，我发现用户对于全家小程序最大的正面评价在于，它为用户提供了很多优惠活动，包括积分抵现、优惠券、会员商城等，这将成为产品的优势及竞争力，也是打造良好用户体验的关键点），加强对用户消费的引导，实现产品变现。将多个消费板块进行整合，让用户可以清楚的知道在这里我可以做些什么。

6. 结构分析

在对全家小程序原有结构进行分析之后，我得出以下内容：

1. 定位：会员中心性质平台
2. 商业模式：以积分制及优惠券为吸引用户的手段，增加会员数量，引导用户进行线上线下消费，以达到商业变现。
3. 主要功能：

6.1 首页结构分析

【结构层】这里着重分析首页的结构：

经过分析，个人感觉目前来说，全家小程序的主要问题有以下几点：

• 付款码层级较深，且功能性按钮与信息展示并没有进行区分，容易使用户迷惑；在视觉上，付款码过于扁平，并没有很好的进行可点击暗示。
• 积分作为会员体系的主要累计财富，并没有很突出的展示，使用户不清楚我加入会员究竟有什么好处。
• 其他功能板块的组织权重过于平均，没有体现出层级关系。

6.1.1 板块分析

上述功能板块权重过于均衡，没有视觉重点，在改版方案中，我将对这些功能板块进行重组，将相同性质的板块聚合，将优先级较低的板块弱化。

7. 首页改版思路详述

7.1 设计原则

改版设计遵循小程序设计规范的三大原则：

• 小而美
• 突出重点
• 用完即走

7.2 结构重组

将目前所有功能板块按照优先级进行重新划分，层级清晰。

1. 会员信息：增加付款码的视觉权重，满足用户使用小程序的基础功能，产品基础功能的可用、易用会带给用户良好的体验感，使用户更加愿意探索产品的其他功能。
2. 会员相关功能：这个板块，我将原有的“惠生活”（优惠券）和卡包合并，使用户选择使用优惠时更有效率。
3. banner：小程序区别于App，更注重功能性，将banner权重放低，提升友好度。
4. 引导二次消费：将相同性质的板块归于一处，加强引导。该板块作为产品变现的重要线上途径，应具有可拓展性且易触达。
5. 品牌宣传：吉祥物作为与用户互动的趣味板块，原有的形式并不能有效的吸引用户点击，我倾向于采用悬浮button的形式，增加趣味性和互动性。

7.3 分析背景 明确目标

根据个人对全家小程序的理解，其主要功能及核心业务为向用户提供会员制服务，变现手段则是依靠优惠拉取新用户-增加流量与点击-促使用户产生二次消费。产品的设计必须以完成核心业务闭环为最高优先级。

7.4 原型图示

【结构层】改版后仍保持卡片式的设计风格，将功能划分为五大板块。（另，我将原版本中的“一键续费”改为“权益升级”，使用户更易理解。）

7.5 交互说明

7.6 设计建议

【表现层】设计风格保持原有的卡片式风格，在此基础上增大2px圆角，增加亲切感。

8. 总结

对产品的设计/改版，要合理运用4W+H原则;

• 在之前，要挖掘出最本质的真实需求，是什么原因或者目的要进行改版，想要达到什么样的目标; 
• 过程中，解决方案要匹配产品的定位和气质，符合产品的规划方向，并纳入考虑产品目前所处的周期，在 不同时期要做不同的事情，同时，在开拓增量市场的时候，也要兼顾存量的用户的感受;
• 在之后，根据真实反馈数据验证方案是否达到预期，利用Experience Map找出并优化不足之处;