蘋果iPhone的頁面：https://www.apple.com/cn//?afid=p231%7Ccamref%3A111l3uV&cid=AOS-CN-Aff-PHG
作為一個交互小白，我最開始看到這個網頁，將其結構總結為：
每個區域的作用：
1，導航區：起到導航和分流的作用
2，新款推薦區：一種新品上市的營銷手段，為新款引流
3，新舊款式對比區：新舊對比，顯示新款手機優勢
4，購買方式區：如果產品打動人心，接下來就是考慮到如何解決購買的問題
5，頁腳
后來，看過老D的分析才清晰地認識到，自己的不足，將蘋果網頁的結構分析為 ：
1.導航
起導航分流作用
2.內容
板塊二：介紹新產品，滿足購買iPhone的用戶的需求。新產品iPhone7剛開完發布會，所以很多用戶會去查詢新的產品，而且也是新的賣點，所以要放在第一塊
板塊三：主要針對新老用戶，告訴他們購買iPhone的理由，告訴人們用了iPhone生活多輕松
板塊四：是針對非iPhone用戶的，比如之前沒用過iPhone，現在可能想嘗試下。他就是那么與眾不同，切換如此迅速流暢，快來購買吧
板塊五：軟件升級，也是明顯給老用戶看的。主要針對有明顯購買目的的老用戶，服務升級帶來新的體
板塊六：“如果你不是來買6S的，沒關系，從這里進去，有很多之前的型號，我們會幫你找到合適的手機”。
四、五、六是iPhone推出的增值業務，服務計劃和配件，這都是利潤增長點，用戶說不定也需要，這里其實就是在推蘋果的周邊業務了
板塊七：主要針對iPhone老用戶，以舊換新的換購業務來引導老用戶進行購買?？隙〞嬖谙喈敱壤挠脩羰莵砜椿蚴琴徺I手機的，但不一定是iPhone7，所以給一個適時的引導，你可以換購，用之前的老手機換購新的iPhone7。
板塊八：該說的都說了，趕緊買吧，左邊是線分期付款，右邊是免費送貨
板塊九：購買配件，也就是購買蘋果周邊了
板塊十：安全性能高，如安全支付能業務
板塊十一：更多業務新方向。
另外，每個模塊都有向下一步引導用戶的行動點。
3.頁腳及站點地圖
還有最后一個，頁面為什么做成了上下通欄，而沒有做成左右兩三欄？用戶訪問的數據可能說明有很多網站的來源是移動端，所以為了兼容PC和移動端，頁面就做了響應式，使得在任何寬度下都能好好的展示，所以用了從上到下的通欄。同學們可以試試將瀏覽器窗口拉窄，看看效果如何。
以上只是初步的頁面結構分析，當然有很多的不足，會繼續努力，不斷完善
