- 相關(guān)推薦
Website、WAP、APP的差異化設計
作為互聯(lián)網(wǎng)電商，一般都會(huì )針對以下幾個(gè)平臺進(jìn)行開(kāi)發(fā)：APP(ios&Android)、Website(PC)、Website(Pad)、WAP(手機瀏覽器，響應式或M站)。在有限的資源內，每個(gè)公司設計開(kāi)發(fā)的側重點(diǎn)一般會(huì )不同，針對一個(gè)平臺進(jìn)行設計，然后其他平臺做適配開(kāi)發(fā)的很多。所以今天我們就來(lái)聊聊幾個(gè)常用平臺設計時(shí)在信息布局上的差異。
1. Website(PC&Pad)，分塊式
Website的顯著(zhù)特點(diǎn)是顯示區域大，頁(yè)面可以承載更多的信息。
但是在承載更多信息的同時(shí)，也意味著(zhù)有更多的可能，如果稍不注意便會(huì )讓整個(gè)頁(yè)面的信息變得混亂，用戶(hù)難以快速找到有效信息。
所以Website的信息要以大的塊狀分布，先將信息分類(lèi)，然后歸類(lèi)成不同的塊。保證主流程(主內容)集中在頁(yè)面中最醒目的塊中，不受其他信息干擾。
這里稱(chēng)之為分塊式。
以Detail Page為例：
模塊1：商品圖
模塊2：名稱(chēng)/尺碼/數量/加入購物車(chē)等基本信息及操作
模塊3：詳細信息
模塊4：用戶(hù)評價(jià)
模塊5：推薦
(此設計中模塊1會(huì )在頁(yè)面到達模塊4前吸頂)
2. WAP，直線(xiàn)式
WAP同樣是在瀏覽器上，但是顯示區域卻小了很多，而且是觸摸操作，所以信息的布局上和APP相似。
和APP相比WAP的體驗一定是要差一些的，因為在有限的屏幕內WAP頂部和底部功能都已被占用，所以顯示區域更小了。
而且很多在A(yíng)PP上表現不錯的操作不能在瀏覽器發(fā)揮好。
再者WAP會(huì )更多的遇到網(wǎng)絡(luò )慢、跳出后難回來(lái)等問(wèn)題。
所以WAP的頁(yè)面一定要輕量，信息簡(jiǎn)潔的同時(shí)以直線(xiàn)的方式向下排列。
讓用戶(hù)盡可能單純以上下滑動(dòng)完成瀏覽，在當前頁(yè)面完成我們設定的任務(wù)。
這里稱(chēng)之為直線(xiàn)式。
以Detail Page為例：
能在當前頁(yè)解決的絕不跳走
3. APP，分層式
APP的特點(diǎn)是顯示區域小，觸摸屏，穩定可拓展。
APP各頁(yè)之間切換更流暢，不會(huì )像WAP那樣感覺(jué)跳轉頁(yè)面時(shí)很重。
而且你知道你就在這個(gè)APP里，不擔心跳出，所以操作起來(lái)更大膽。
所以信息在直線(xiàn)向下排列的同時(shí)，盡量把處于流程中的信息(比如Detail Page的尺碼選擇)和一些詳細的信息收起到另一層。
這里稱(chēng)之為分層式。
以Detail Page為例：
尺碼、數量會(huì )隱藏在購物流程中，更多評論會(huì )打開(kāi)另一層等。
結語(yǔ)這幾者的差別還有很多，比如Website在mouse over時(shí)的信息可擴展性、APP的可見(jiàn)即可點(diǎn)等等。
【W(wǎng)ebsite、WAP、APP的差異化設計】相關(guān)文章：
手機wap網(wǎng)站是什么03-22
APP推廣怎么做03-11
提高網(wǎng)站的排名需要實(shí)現差異化03-21
物業(yè)APP四大亮點(diǎn)01-23
加拿大留學(xué)最必備APP清單03-04
有關(guān)移動(dòng)APP推廣的成功案例分析05-20