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

電子商務的快速發展在零售端不斷驅動消費格局的重建，用戶網路購物的消費習慣也已逐步形成。截至 2016 年底，我國網路購物用戶規模已經達到 4.67 億，較 2015 年底增加 5,345 萬，同比增長 12.9%。從市場規模來看，截至 2016 年底，我國網路購物市場的年交易規模達到 4.7 萬億元人民幣，同比增長 24.7%。

——中國產業信息網，《2017年中國網路購物行業發展概況分析》

網路購物帶給人們便利，只需要在手機上瀏覽下單，幾天後訂購的商品就能送貨上門，網路購物受廣大群眾歡迎，發展極為迅速。本次給出的是「小米商城」的app原型，主要包含瀏覽商品、選擇購物、下單、查看訂單及物流的完整基本操作流程，頁面包含「首頁」、「分類」、「發現」、「購物車」、「我的」等一級頁面，「小米之家」、「文章詳情」、「商品詳情」、「結算」、「確認支付」、「付款成功」、「付款失敗」、「訂單詳情」、「消息通知」、「待收貨」、「物流詳情」、「我的訂單」等次級頁面。提供完整流程且帶交互效果的組件，做購物類app的童鞋一定別錯過啦！

高低保真對比原型展示

高保真原型流程預覽

手動完整預覽請點擊→ xiaopiu-「小米商城購買流程」高保真

高保真組件庫展示

利用組件庫搭建頁面

在精選廣場的組件庫里搜索 小米商城，在搜索出的組件庫右下角點擊「引用為我的公用庫」

或者直接點擊這裡→ xiaopiu-小米商城組件庫

然後點擊右上角的引用按鈕~

如上圖所示，點擊引用後，組件庫即成為自己的引用資源（庫內的資源也會實時更新），大家可在項目中使用，快速搭建自己的頁面：

資源地址

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

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

高保真頁面庫地址→ xiaopiu-「小米商城頁面庫」高保真

低保真頁面庫地址→xiaopiu-「小米商城」頁面庫低保真

高保真組件庫地址→ xiaopiu-「小米商城組件庫」

其他資源分享

更多資源詳見專欄：xiaopiu工坊

或直接訪問我們的網站：xiaopiu-精選廣場

歡迎大家對我們的原型提出建議，對後面分享內容有哪些期待和想法也可以跟我們交流喲！_(:?」∠)_

推薦閱讀：