一、 用户体验五要素

1. 战略层

这其实是甲方公司的考虑，可以理解为大多数百货行业都在通过移动端提供用户更好服务，所以我们的甲方也在其中。

2. 范围层

移动端是设计包括App和移动网页端，包括各类新媒体，目前要解决的问题是，打通微信公众服务号、App以及商城线下，为用户提供全角度的服务。

3. 结构层

微信公众服务号的功能点，既要配合了其他服务渠道，也需要实现其自身的价值。在结构设置上可以分为（1）配合线下的活动页面（2）微信独有的功能页面（3）背靠完整的会员服务体系。核心是服务，对象是用户，也就是会员。重点就是会员服务。

4. 框架层

目前的交互设计主要围绕这个层次，要保证每个链接到页面的跳转逻辑时顺畅的，且对应结构层来说是完整的，每个页面的设计符合用户的心理模型，且保留一定的再开发性，为日后的拓展铺垫更多。

5. 表现层

微信公众号的设计不同于App，所以就本项目的表现层基本在框架层上进一步优化，本文就省略了。

二、 竞品分析

1. 选择竞品

找对竞品很重要，同行业或者同用户群，功能类似或者定位类似，都是需要考虑的，找了以下五个（横向思考）：

1. 大悦城：年轻时尚，相同的用户群。

2. 大丸百货：外资百货，高大上，相同的服务品质。

3. K11：含艺术气息的商业百货。

4. 万达：全国覆盖面较广的集团公司。

5. 银泰：浙江省较早开发互联网的零售业百货公司。

2. 对比分析类型百货类公众号的概括

可以得出每个竞品的侧重点不一，而结合起来反而是甲方所需要的部分。

总体看一共可参考的也只有三大功能点：会员、APP引流、商城，以及各自的特色服务，会根据商场的营销活动而变动。考虑到线上商城并不是甲方本次改版微信公众号的的服务目的，就是省略了该部分的设计。

横向的竞品只需要概括到结构层就可以了，框架层可以参考的竞品是纵向的，各类可以实现该功能的App页面的设计版式都是可以对比参考的，不需要只在同行业的限制内。

需求分析思维导图：

本案例的结构设置如图：

三、 解决方案及设计图

1. 流程设计

既然结构已设定，那流程必须走通才能绘制页面。分别从菜单的每一栏绘制流程，并考虑栏目之间的联系。

A．菜单1

B．菜单2

C．菜单3

（因为大小的关系，此处图片被切片，原图查看LOFTER）

2. 用户体验设计

亮点一：

“会员中心”和“我的实体卡”之间，是可以通过手指向下滑和向上推来实现的。（如果没有绑定实体卡，会有绑定弹窗的，绑定后是顺滑的手势操作）是轻度滑动，不是长按哦！

【解说】会员中心页是会员体系的核心，实体卡是商城服务的基础，所以这个手势设计把实体卡“埋”在信息结构的下一层，像是揭开了遮罩，通过手势的下滑和上滑来查阅信息。既方便又眼前一亮。（灵感来源：material design的层级设计）。

软件开发,网站建设,微信开发,小程序开发,APP开发,商城系统开发,直播系统开发,产品推广,短视频推广,就找易祺互联！
易祺互联为您提供：商城系统,智慧物业管理系统,“好差评”系统,食品溯源系统,智慧点巡检系统,农村电商系统,智慧河道水位监控系统,智慧环境监测系统,机房动力环境监控系统,ERP系统,智能建站系统,商城系统,直播系统,各种软件/网站定制开发,网站托管等一站式运营解决方案。
易祺互联 ＠ 河南蓝燕网络科技有限公司旗下运营品牌
统一社会信用代码：914101055710161107
软件设计部运营中心：河南省郑州市金水区芯互联大厦南座11层
智慧物联网运营中心：河南省郑州市金水区花园路1号河南省人民会堂
新产品培育运营中心：河南省郑州市金水区黄河路25号经津大厦10楼
北京市（华北区）运营中心：北京市海淀区双清路33号清华大学学研大厦B座10层
广州市（华南区）运营中心：广东省广州市黄埔区科汇四街11号
杭州市（华东区）运营中心：杭州市拱墅区祥园路杭州国际人才创新创业中心A座10层
重庆市（西南区）运营中心：重庆市江津区双福新区联东U谷12栋
业务咨询：0371-60934100 手机：18737894979 国内热线：400-8778-670
技术服务：15516975329 投诉热线：185-38935-211