交互设计之网易严选页面分拆,从页面目的到页面信息架构

#每天坚持一件小事# 第10天
#用户体验那点事儿# #交互设计方法论#
今天分析的是网易严选的商品详情页面,截图如下:
对页面进行布局,有五个步骤,分别是(以网易严选的商品页面为例)
a. 明确页面目的
i. 从用户需求和产品需求两个出发
1. 用户需求
a. 查看商品内容
i. 简单介绍
ii. 详细介绍
b. 收藏,以后购买
c. 购买
d. 查看评论、评论
2. 产品需求
a. 提高转化率
b. 分享商品
ii. 由以上用户需求和产品需求出发,对应推导出以下功能点
1. 用户需求对应的功能点
a. 简介(商品标题、图片)
b. 商品详情
c. 商品价格、规格、运费等等
d. 收藏
e. 购买
f. 评价
g. 评价列表
2. 产品需求对应的功能点
a. 分享
b. 喜欢
c. 购买
b. 对信息进行分类
i. 使用卡片分类法(得出结论如下图)
有了这里的对信息进行分类,然后才能有下面的对权重进行标示,而后做排版布局。
c. 对组块进行排版布局
d. 权衡平台规范
e. 页面排版的设计验证
c/d/e这三步明天介绍