这些视觉化改造，让产品页的文字量减少了40%，但信息传达效率反而提高了。客户的平均停留时间变长，因为他们在看图片和视频，而不是在读枯燥的文字；转化率也提高了，因为客户能更快、更直观地理解产品的价值。

设计逻辑五：移动端适配，手机上的信息架构要重新设计。

电脑端的产品页信息架构，不能直接照搬到手机上。手机屏幕小，客户是垂直滚动浏览，跟电脑端的左右分栏、横向浏览完全不同。我针对移动端重新设计了产品页的信息架构：首屏只放产品主图（占满屏幕宽度）+标题+价格+购买按钮（购买按钮固定在屏幕底部，客户不管滚动到哪里都能看到）；核心卖点改成垂直排列的图标列表，而不是电脑端的横向排列；产品细节图全部单列垂直滚动，每张图占满屏幕宽度；规格参数改成可折叠的手风琴样式，客户点击才展开，不占空间；评价只显示前3条，点击"查看更多"才展开全部，避免页面太长。

移动端的购买按钮固定在屏幕底部是最重要的优化——手机上客户滚动页面的时候，手指很容易够到屏幕底部的按钮，随时可以加购，不需要滚动回顶部。我测试过，底部固定购买按钮让移动端的加购率提升了25%。

我用taoify的产品页编辑器，可以分别设计电脑端和移动端的页面布局，系统会自动根据访问设备显示对应的版本，不需要写代码。编辑器是拖拽式的，我可以自由调整每个模块的顺序、大小、样式，并且实时预览电脑端和移动端的效果。

从默认模板到重构信息架构，我的产品页转化率提升了40%，客单价提升了15%。产品页是独立站最重要的页面——客户最终决定买不买，就是在产品页上做出的。把产品页的信息架构做好，让客户顺畅地获取信息、做出决策，转化率自然就上去了。

如果你的产品页转化率低，不妨对照这五个设计逻辑检查一下你的页面。也许不是产品不好，而是页面结构没设计好，客户找不到他想要的信息、被混乱的布局劝退了。

信息架构不是排版，是转化率的隐形杠杆。