axure商城

电商Web端通用交互原型-高保真

电商Web端通用交互原型-高保真

作品名称:电商Web端通用交互原型

版本:V1.0

篇幅:10页

作品地址:https://www.axureshop.com/a/135406.html

演示地址:http://ggi20l.axshare.cn/#g=1&p=作品简介

作品简介

本作品的模板中设计出了电商前端系统最核心的几个通用模块的页面,包含:商品列表、详情、购物车、订单管理、订单结算、订单详情、售后管理、售后类型选择、申请退货换和地址管理。

页面交互

商品列表

  • 翻页(上一页、下一页、跳转指定页码)
  • 筛选(价格)
  • 排序(综合、价格、销量、评论)

详情

  • 放大镜
  • 数量的增减
  • 商品介绍与评论的切换

电商Web端通用交互原型-高保真

购物车

  • 选中、全选
  • 商品数量的递增或递减
  • 单个商品价格小计
  • 选中商品价格合计
  • 选中商品数量合计

电商Web端通用交互原型-高保真

电商Web端通用交互原型(高保)

电商Web端通用交互原型-高保真

作品简介

本作品的模板中设计出了电商前端系统最核心的几个通用模块的页面,包含:商品列表、详情、购物车、订单管理、订单结算、订单详情、售后管理、售后类型选择、申请退货换和地址管理。

各页面的主要交互功能如下:

商品列表

  • 翻页(上一页、下一页、跳转指定页码)
  • 筛选(价格)
  • 排序(综合、价格、销量、评论)

详情

  • 放大镜
  • 数量的增减
  • 商品介绍与评论的切换

电商Web端通用交互原型-高保真

购物车

  • 选中、全选
  • 商品数量的递增或递减
  • 单个商品价格小计
  • 选中商品价格合计
  • 选中商品数量合计

电商Web端通用交互原型-高保真

订单管理

  • 各状态订单列表的切换
  • 按时间筛选订单

电商Web端通用交互原型-高保真

订单结算

  • 选择收货地址
  • 新增收货地址
  • 选择支付方式
  • 填写发票信息
  • 选择优惠券
  • 计算返现金额
  • 计算应付金额

电商Web端通用交互原型-高保真

订单详情:查看订单进度

售后管理

  • 切换退货、换货订单
  • 查看订单详情
  • 按时间维度筛选售后订单
  • 撤销售后申请

电商Web端通用交互原型-高保真

选择售后类型:选择服务类型(退货退款、换货)

申请退换货

  • 根据选择的服务类型切换页面内容,包括售后流程,退换货填写信息
  • 支持选择退货/换货原因
  • 修改退款金额
  • 填写退货/换货说明,计算输入的字数

电商Web端通用交互原型-高保真

作品购买地址

https://www.axureshop.com/a/135406.html

也欢迎您光临我的店铺,查看更多作品

https://www.axureshop.com/vendor-dashboard?task=products

 

给TA打赏
共{{data.count}}人
人已打赏
原型案例

积分商城后台原型

2018-11-7 22:02:54

原型案例

【实例】LayUI实例内容管理系统高保真原型模板

2018-11-7 22:25:32

axure商城
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索