【人人译客】如何规划你的移动电商网站(2)

当你下滑时，顶部的logo区域消失，五个主菜单选项上移顶格，减少了网页头部所占高度，将用户关注的内容更好地呈现出来。

牺牲可用性和加载时间去强化品牌的导航
有时候我们需要妥协。

当我们在为Crockett&Jones设计移动网站时，他们丰富的品牌线和企业对品质的追求驱使我们选择了更加形象的菜单结构，以便强化品牌。

我们测试了5种导航方式。

基于我们对主流移动电商网站的研究，我们觉得一个固定在顶部的菜单能提供最佳的易用性。

但Currys使用的图标菜单对于Crockett&Jones的用户来说不太合适。

所以，我们在顶部添加了一个菜单按钮，它可以向下展开出一个导航列表和一个矩阵式的图片菜单。

这使得我们有空间去加载那些能够体现英伦风格的图像。

度拍摄系统，然后自定义jQuery去实现旋转效果。

要是一些互补产品，去帮助商家增加销售量。

平铺的效果有着天壤之别。

这些照片非常具有激发性，会刺激用户下单购买。

理想的产品页面
我认为我们很难得到一个“完美的”产品单页，因为总会有人看到比我们多的问题。

然而Currys的产品页面确实非常棒。

让我们来拆解一下它吧。

Currys的产品页面具有以下特点：
1、清晰的产品标题，符合企业色调的响应式拓扑；
2、价格颜色对比强烈，突出并相对其他价格信息更具可读性的响应式拓扑；
3、清晰并突出于其他链接的行为引导（简洁的表格封装、手指舒适性）；
4、很棒的产品图片，用户做决定所需的所有照片都有（单品、组合和细节）；
5、简短的描述可以让用户快速了解产品的功能；
6、为“深究型”买家提供更多详细的信息；
7、明确告诉用户是否有存货、何时在哪里能拿到商品（这些信息都做了简洁的格式化封装）。

总的来说，页面布局很棒，区块元素间都有20像素的留白。

企业品牌合理呈现，并未使页面拥挤，目标通道有清晰定义。

如果用户对产品感兴趣且价格合适，他们购买不会遇到任何问题。

做这些值得吗？
Crockett&Jones
Crockett&Jones取得的效果很是喜人，页面停留时间增加了，360度产品照片的查看数陡增，移动。