2015天猫手机端优化策略
我发现都对手机端优化比较关心,这也是当前的趋势。刚好是我近期在研究这个方向,就在这里写点个人心得了。我就直接拿我的一个产品案例来说吧。
这个产品是我们热门单品的衍生品,我们想将它作为一个主打无线端流量入口的单品,那么定好优化方向。
针对手机端流量优化执行的几个点(不分先后)
1:手机详情 2:主图 3:手机专享价 4:标题 5:互动体验
PART1-手机详情优化:
1:手机详情需要针对性的去做设计
2:我自己做的手机详情宽度为600px,第一屏高度为900px,字体14p以上的无衬线字体(例如黑体)
3:切图时元素分离可以更加有效的增加详情介绍内容。
元素分离就是,排版用横向架构可以在切图的时候更好针对性的输出图片品质。 纯色块选择GIF格式,选最低品质。
图片就选JPG格式,质量73,不会影响图片质量。 纯色底有文字介绍的选PNG无损格式,字体更加清晰。
上未优化过的案例:
做出来在手机上看
的时候就能发现到很多体验不好的问题。
字体:在PC端觉得看着舒服的字体在手机端看着非常累,需要重新排版和选择字重。 图片:浏览的时候会有断续的感觉,不够流畅,重要信息没有针对性的突出。 结构:字体与图片排版结构在手机端的体验不好。
那针对这些问题再去排版优化和再精炼详情逻辑就可以做好一个手机端详情。 如果在PC端详情的基础上去适配手机端的话我大概15分钟就能优化好一个,不太费时间。
优化过的案例:
分别针对内容结构和视觉体验做了调整:
1:第一屏海报针对性的优化过比例,宽度600pxX高度900px(与天猫手机主图的800x1200比例最接近)。客户能一打开的时候就看到满屏的海报,这样能起到聚焦并吸
引往下看的作用,主要就是吸引眼球!
2:就是图文排版的方式改变,字体的适当加大,图片元素的焦点突出。