「实战」易信星币商城改版设计分析

2018-11-12 本文已影响6人简心_Jessie0_0

本报告为笔者学习网易云课堂《交互设计师·微专业》课程期间的实践作业，仅供学习交流，严禁盗用。

报告共分为四大板块：改版需求分析、页面结构分析、业务流程设计、交互页面设计。通过可视化的表现，将如何对一个已有产品进行改版设计的思考逻辑直接呈现出来。

01 改版需求分析

易信是网易与电信公司合作开发的一款手机聊天软件，特有高清语音、免费短信、电话留言等通讯功能。结合【晒一晒】、【聊呗】、【偶遇】等功能，主打社交生活，同时利用电商，进一步提高用户粘性与活跃度。

这里将对星币商城的改版需求进行如下分析：

业务需求：

业务目的：

业务目标：

用户需求：

目标用户：

使用场景：

用户体验目标：

根据需求分析，对商城可以进行如下页面结构的调整：

星币商城-首页

做任务赚星币可以促使用户每天到商城，提高用户活跃度，所以可以将赚星币的优先级提高，重点展示。同时告知用户自己已经拥有多少星币，让用户一眼就能了解自己的星币情况。
我的战利品即商城的订单信息，是电商系统重要的环节之一，必不可少。它与赚星币一样，属于用户的特有信息，需要重点展示。
推荐活动与首页的其他活动专题属于同类，可以合并起来，一起展示，这样让用户立马就能找到所有的优惠活动。
目前商城的商品分类比较杂乱，大致有电话短信类、易信周边类、联盟推广类。按照用户等级，还有特权好礼类。需要将这些商品按照类别重新排列，让用户快速了解商品类目，便捷的找到自己想要的商品。

根据以上分析，调整后的页面信息架构如下所示：

首页信息架构

星币商城-商品详情页

用户进入商品详情页后，最想要了解的信息有商品属性（图片、规格）、价格、详细介绍、使用规则等，所以详情页需要重点突出这些内容，并让用户便捷的查看。
为了让用户直观的了解商品情况，原详情页面的图片区域占据大半屏，以至于其他信息无法在首屏及时展现，需要将它们重新调整。可增加用户评价模块，让其他用户对该商品有更直观的了解。
电话短信类商品图片的留白过多，使整个页面看起来太过空旷与浪费，需要从视觉设计层面进行图片调整。
某些特殊产品限购一件，且不需要选择规格，系统可以自动判断，直接跳转到确认订单页，以缩短购买流程，提高用户体验。

根据以上分析，调整后的页面信息架构如下所示：