购物App「小米商城」原型分享

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

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

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

 

高低保真对比原型展示

2560

 

高保真原型流程预览

shopping-app-prototype-01

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

 

高保真组件库展示

组件库

 

利用组件库搭建页面

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

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

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

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

progress3

 

资源地址

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

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

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

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

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

 

更多资源详见专栏:xiaopiu工坊

或直接访问我们的网站:xiaopiu-精选广场

欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!_(:⁍」∠)_

 

原文地址:xiaopiu工坊

作者:王二麻

 


 

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码