更新時間:2017-12-20 來源:黑馬程序員 瀏覽量:
三、結(jié)構(gòu)層:產(chǎn)品結(jié)構(gòu)、交互設(shè)計
2款A(yù)PP結(jié)構(gòu)有一定的區(qū)別,比如分類功能按鈕,卷皮將分類和搜索合并成一個按鈕放在頂部欄右邊,而折800則直接放在底部導(dǎo)航菜單。從結(jié)構(gòu)上看,卷皮弱化搜索,期望通過頁面熱點內(nèi)容展示引導(dǎo)用戶多逛逛商品,而不是通過搜索一鍵直達商品完成購買。這一點從卷皮商品詳情頁沒有立即購買按鈕也可以看出來。
在購物車詳情界面,點擊刪除商品按鈕時,折800容易誤觸導(dǎo)致直接調(diào)轉(zhuǎn)到商品詳情界面,在交互設(shè)計方面需要改進可以學(xué)習(xí)卷皮中,只點擊商品圖片或名稱時才會跳轉(zhuǎn),避免點擊刪除按鈕時誤觸。
折800的品牌團界面,右上角查詢功能,點開后無法輸入內(nèi)容查詢,只能通過滑動頁面選擇,而我估算了下大約有20屏的內(nèi)容,操作非常不方便,影響用戶體驗,可以嘗試改進。
折800:
前面講過折800是國內(nèi)優(yōu)質(zhì)折扣商品推薦平臺,或許跟上面的界面有關(guān)。第一次打開折800會彈出選身份的必填界面,選擇后才能接進入,另外在購物車的商品詳情下面有猜你喜歡的功能,估計折800就是通過這些身份信息通過大數(shù)據(jù)分析推薦相關(guān)合適的商品。另一方便,強行彈出身份選擇框,是否會讓一部分用戶怕麻煩而直接退出app,這個也有待進一步驗證。
四、框架層:導(dǎo)航設(shè)計、信息設(shè)計
2款A(yù)PP都采用底部標簽導(dǎo)航,結(jié)構(gòu)清晰方便用戶在不同板塊切換。由于商品種類繁多,2者都采用了眾多的二級Tab。
從導(dǎo)航菜單可以看出卷皮突出居家館和全球購,而折800注重分類和品牌館。
五、表現(xiàn)層:視覺設(shè)計
2者都采用扁平化設(shè)計,底部導(dǎo)航按鈕選中顏色和品牌一致,都為紅色。而折800的底部按鈕為選中狀態(tài)時,除了字體為紅色外,按鈕的圖標會變成張開翅膀的蝴蝶,比較新穎養(yǎng)眼。
加入購物車20分鐘的商品會消失,卷皮在購物車圖標上設(shè)計了倒計時,視覺上比較有沖擊力,給用戶造成壓力,提醒趕緊支付。
總結(jié):
卷皮通過居家館和全球購的額商品細分,給人的感覺是小而精,交互細節(jié)上用戶體驗較好,有點唯品會的感覺。折800主要通過商品分類搜索以及突出品牌團引導(dǎo)客戶,功能大而全,交互設(shè)計上有著濃郁的淘寶風(fēng)格,部分細節(jié)需要改進。當(dāng)然,2款A(yù)PP都是比較符合用戶要想省錢,便宜購的產(chǎn)品,9塊9包郵等特色還是非常有吸引力的。
本文版權(quán)歸黑馬程序員產(chǎn)品經(jīng)理學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請注明作者出處。謝謝!
作者:黑馬程序員產(chǎn)品經(jīng)理培訓(xùn)學(xué)院