苹果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老用户，以旧换新的换购业务来引导老用户进行购买。肯定会存在相当比例的用户是来看或是购买手机的，但不一定是iPhone7，所以给一个适时的引导，你可以换购，用之前的老手机换购新的iPhone7。
板块八：该说的都说了，赶紧买吧，左边是线分期付款，右边是免费送货
板块九：购买配件，也就是购买苹果周边了
板块十：安全性能高，如安全支付能业务
板块十一：更多业务新方向。
另外，每个模块都有向下一步引导用户的行动点。
3.页脚及站点地图
还有最后一个，页面为什么做成了上下通栏，而没有做成左右两三栏？用户访问的数据可能说明有很多网站的来源是移动端，所以为了兼容PC和移动端，页面就做了响应式，使得在任何宽度下都能好好的展示，所以用了从上到下的通栏。同学们可以试试将浏览器窗口拉窄，看看效果如何。
以上只是初步的页面结构分析，当然有很多的不足，会继续努力，不断完善
网友评论