作為互聯網電商，一般都會針對以下幾個平台進行開發：APP(ios&Android)、Website(PC)、Website(Pad)、WAP(手機瀏覽器，響應式或M站)。在有限的資源內，每個公司設計開發的側重點一般會不同，針對一個平台進行設計，然後其他平台做適配開發的很多。所以今天我們就來聊聊幾個常用平台設計時在信息佈局上的差異。
1. Website(PC&Pad)，分塊式
Website的顯著特點是顯示區域大，頁面可以承載更多的信息。
但是在承載更多信息的同時，也意味着有更多的可能，如果稍不注意便會讓整個頁面的信息變得混亂，用户難以快速找到有效信息。
所以Website的信息要以大的塊狀分佈，先將信息分類，然後歸類成不同的塊。保證主流程(主內容)集中在頁面中最醒目的塊中，不受其他信息干擾。
這裏稱之為分塊式。
以Detail Page為例：
模塊1：商品圖
模塊2：名稱/尺碼/數量/加入購物車等基本信息及操作
模塊3：詳細信息
模塊4：用户評價
模塊5：推薦
(此設計中模塊1會在頁面到達模塊4前吸頂)
2. WAP，直線式
WAP同樣是在瀏覽器上，但是顯示區域卻小了很多，而且是觸摸操作，所以信息的佈局上和APP相似。
和APP相比WAP的體驗一定是要差一些的，因為在有限的屏幕內WAP頂部和底部功能都已被佔用，所以顯示區域更小了。
而且很多在APP上表現不錯的操作不能在瀏覽器發揮好。
再者WAP會更多的遇到網絡慢、跳出後難回來等問題。
所以WAP的頁面一定要輕量，信息簡潔的同時以直線的.方式向下排列。
讓用户儘可能單純以上下滑動完成瀏覽，在當前頁面完成我們設定的任務。
這裏稱之為直線式。
以Detail Page為例：
能在當前頁解決的絕不跳走
3. APP，分層式
APP的特點是顯示區域小，觸摸屏，穩定可拓展。
APP各頁之間切換更流暢，不會像WAP那樣感覺跳轉頁面時很重。
而且你知道你就在這個APP裏，不擔心跳出，所以操作起來更大膽。
所以信息在直線向下排列的同時，儘量把處於流程中的信息(比如Detail Page的尺碼選擇)和一些詳細的信息收起到另一層。
這裏稱之為分層式。
以Detail Page為例：
尺碼、數量會隱藏在購物流程中，更多評論會打開另一層等。
結語這幾者的差別還有很多，比如Website在mouse over時的信息可擴展性、APP的可見即可點等等。
