购物App「小米商城」原型分享(附资源下载)

「小米商城」App原型分享,原型和组件库均提供下载。

电子商务的快速发展在零售端不断驱动消费格局的重建,用户网络购物的消费习惯也已逐步形成。截至 2016 年底,我国网络购物用户规模已经达到 4.67 亿,较 2015 年底增加 5,345 万,同比增长 12.9%。从市场规模来看,截至 2016 年底,我国网络购物市场的年交易规模达到 4.7 万亿元人民币,同比增长 24.7%。

——中国产业信息网,《2017年中国网络购物行业发展概况分析》

网络购物带给人们便利,只需要在手机上浏览下单,几天后订购的商品就能送货上门,网络购物受广大群众欢迎,发展极为迅速。本次给出的是「小米商城」的app原型,主要包含浏览商品、选择购物、下单、查看订单及物流的完整基本操作流程,页面包含「首页」、「分类」、「发现」、「购物车」、「我的」等一级页面,「小米之家」、「文章详情」、「商品详情」、「结算」、「确认支付」、「付款成功」、「付款失败」、「订单详情」、「消息通知」、「待收货」、「物流详情」、「我的订单」等次级页面,提供完整流程且带交互效果的组件。做购物类app的童鞋一定别错过啦!

高低保真对比原型展示

高保真原型流程预览

手动完整预览请点击→ xiaopiu-「小米商城购买流程」高保真

高保真组件库展示

利用组件库搭建页面

在精选广场的组件库里搜索 小米商城,在搜索出的组件库右下角点击「引用为我的公用库」

或者直接点击这里→ xiaopiu-小米商城组件库

然后点击右上角的引用按钮~

如上图所示,点击引用后,组件库即成为自己的引用资源(库内的资源也会实时更新),大家可在项目中使用,快速搭建自己的页面:

资源地址

高保真原型地址→ xiaopiu-「小米商城购买流程」高保真

低保真原型地址→ xiaopiu-「小米商城购买流程」低保真

高保真页面库地址→ xiaopiu-「小米商城页面库」高保真

低保真页面库地址→xiaopiu-「小米商城」页面库低保真

高保真组件库地址→ xiaopiu-「小米商城组件库」

文/WOOSEVELT(知乎专栏:xiaopiu工坊)

1条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表