给苹果页面划分区域

2017-06-19 本文已影响0人 YOYO球

作为一个交互小白，我最开始看到这个网页，将其结构总结为：

每个区域的作用：

1，导航区：起到导航和分流的作用

2，新款推荐区：一种新品上市的营销手段，为新款引流

3，新旧款式对比区：新旧对比，显示新款手机优势

4，购买方式区：如果产品打动人心，接下来就是考虑到如何解决购买的问题

5，页脚

后来，看过老D的分析才清晰地认识到，自己的不足，将苹果网页的结构分析为：

1.导航

起导航分流作用

2.内容

板块二：介绍新产品，满足购买iPhone的用户的需求。新产品iPhone7刚开完发布会，所以很多用户会去查询新的产品，而且也是新的卖点，所以要放在第一块

板块三：主要针对新老用户，告诉他们购买iPhone的理由，告诉人们用了iPhone生活多轻松

板块四：是针对非iPhone用户的，比如之前没用过iPhone，现在可能想尝试下。他就是那么与众不同，切换如此迅速流畅，快来购买吧

板块五：软件升级，也是明显给老用户看的。主要针对有明显购买目的的老用户，服务升级带来新的体

板块六：“如果你不是来买6S的，没关系，从这里进去，有很多之前的型号，我们会帮你找到合适的手机”。

四、五、六是iPhone推出的增值业务，服务计划和配件，这都是利润增长点，用户说不定也需要，这里其实就是在推苹果的周边业务了

板块七：主要针对iPhone老用户，以旧换新的换购业务来引导老用户进行购买。肯定会存在相当比例的用户是来看或是购买手机的，但不一定是iPhone7，所以给一个适时的引导，你可以换购，用之前的老手机换购新的iPhone7。

板块八：该说的都说了，赶紧买吧，左边是线分期付款，右边是免费送货

板块九：购买配件，也就是购买苹果周边了

板块十：安全性能高，如安全支付能业务

板块十一：更多业务新方向。

另外，每个模块都有向下一步引导用户的行动点。

3.页脚及站点地图

还有最后一个，页面为什么做成了上下通栏，而没有做成左右两三栏？用户访问的数据可能说明有很多网站的来源是移动端，所以为了兼容PC和移动端，页面就做了响应式，使得在任何宽度下都能好好的展示，所以用了从上到下的通栏。同学们可以试试将浏览器窗口拉窄，看看效果如何。

以上只是初步的页面结构分析，当然有很多的不足，会继续努力，不断完善