移动端的设计问题，其实已经有不少大神说明了，但是本文依然有一些新鲜的观点，特别关于跳失率的问题，鄙人深谙其中原理，分享一二，与朋友们交流。
说在前面的废话：
由于90%的用户已经往移动端转移，移动端的装修视觉成为了店铺的重中之重。尽管PC看起来更大气，呈现效果更加完美，但是它已经不是我们的主战场。商家应该把90%的精力花在移动端。而移动端虽然看起来简单，却里面暗藏玄机，完全不是许多人臆想的那样：移动不就是PC视觉的缩小版吗。
这其中不仅仅是手机和电脑两种展示器材的差异，用户的习惯也是有所不同的，移动端的用户，时间碎片化、随时随地化，因而他们本身没有耐心，所以标题党横行。其次，移动端用户喜欢手势顺势滑动，如果不能抓住他们的注意力，就会被直接PASS。
要做好移动端需要从以下几方面入手。
首图展示
由于移动端进入宝贝详情页时，首图的位置占据了全屏的二分之一，用户需要下拉经过标题、评价、店铺信息、关联宝贝、海报等过渡展示，才能进入宝贝的详情页面，所以对于许多用户来说，他们养成了直接侧滑首图看产品的习惯，也就是说，如果首图能够吸引他们，就会往下看详情页面，反之则直接离开了。
这意味着，比之于PC端，首图的重要性大大增加了，就像一篇文章，如果第一个段落读起来索然无趣，再想吸引用户阅读第二段落就难了。那么针对移动端的这个特性，我们可以做哪些优化呢?
首先，首图位置其实是一个黄金位置，这个位置占屏比高，下面有标题、价格等产品信息(实际上就比较全面的介绍了这个产品)，用户的眼球会集中在主图本身。所以这个页面用户的停留时间一定是比较长的，然后主图可以设置5张图片，通过左右滑动可以切换。由于这个操作具有移动端的操作习惯(如手机程序的前进后退，通过滑动完成)，所以5张主图的曝光展示，要比PC端高很多。
那么这5张主图，就不能像PC那样设置：第一张展示全面，其余四张展示细节。而是要充分利用每一张主图，展示产品个性角度，以及特色，甚至在主图上就可以做卖点分析，力求一针见血，抓住用户的需求。其次，5张主图在滑动完以后，会跳转到详情页第一屏，所以怎么吸引用户连续的滑动，把页面看完，也是非常关键的。具体来说，我们可以通过各个页面之间的关联，如展示产品前、后、左、右”的角度，如陈列产品的卖点一、二、三、四”，通过关联，让用户不知不觉已经滑动完了5屏，跳转到了详情页第一屏。
当然，最重要的是，5张主图必须图片清晰、展示美观，细节突出……并且占屏的比例可以比PC端更大。
做好移动端的首图，可以大大减少宝贝的跳失率，增加宝贝的停留时间和转化率。也许一个宝贝当天看不出多大差别，但是一个店铺的宝贝呢?一个月、一年呢?
区别于PC的个性浏览
移动端与PC的差异性是非常大的，这种差异原因无非来自于，展示器的尺寸和比例，看似是一个放大和缩小的事情，实际上，却是两种完全不同的视觉体验。
竖屏
首先移动端和PC的屏幕比例是不同的，电脑多为宽屏，移动端手机多为竖屏，这意味着PC端横着占完一屏图案和文字，放到移动端，按比例缩小后，是占不完一屏的，所以直接从PC复制详情页到移动端，图片文字看起来更小。而要解决这个问题，从根本上，设计要采用竖屏作图。
而淘宝给我们做了一个很好的示范，淘宝二楼”的短视频，全部用竖屏拍摄，对于用户来说，这种感受是全新的，你不用解锁旋转屏幕，竖立拿着手机，就可以全屏看完视频。
而切换到移动端的视觉上，我们就要采用竖屏的作图思路。这里面有三个重要的要素：
一、所有图片的设计尽量以16:9竖屏比例设计，产品的展示背景画面减少，产品(或模特)占屏更大更集中。
二、图片的设计一图一主题。因为移动端没有PC的屏幕大，一张图基本上就占完了屏幕，所以最好一张图要表达清楚一个完整的意思。
三、图片使用上下分栏，与PC的宽屏不一样，竖屏不能使用左文右图的结构，应该利用长度空间的富余，采用上下结构，如上图下文、上文下图。
总之，竖屏是移动端与PC最大的区别之一，设计者要遵循竖屏的设计规则。
文案编排
由于移动端的手机屏幕较小，我们如果把PC一个页面的信息内容，通过移动端使用一个屏幕展示出来，信息就会拥挤、文字会变小看不清楚，这就是移动端直接复制PC图片视觉，最大的问题文案失效了。
而要解决这个问题，就需要我们对移动视觉的文案进行不一样的设计编排。具体来说，需要遵循以下几个原则：
放大标题，将图片上的标题文字放大，起到一目了然，少文字概括总信息的作用。这样可以增加对用户的吸引力，即使用户浏览匆匆一瞥 ，也知道你想表达什么。
减少文案内容，文案贵在精不在多，移动端的文案尤其如此，文字太多，在一方小屏幕里，要么显得过于细小，不便于阅读，要么文字太多，影响了图片的展示。
文字展示清晰，文案是视觉的重要部分，既是说明也是补充，而让文案清晰展现也非常重要，这里首先要注意的是图片背景，文字落脚处背景必须简单干净，利于文字的展现。其次，当需要长文字说明时，尽量多排，增大行距，以利于文字的清晰展示。
注意细节
事实上，无论我们在移动端如何呈现产品，通过产品所看到的细节都是比不上PC端的，所以放大产品细节，做细节特写可以弥补这种不足，采用细节特写+文案的编排，能够迅速的抓住用户的吸引力。当然，在进行设计时，还是要遵循竖屏的原则。
针对移动端的个性浏览，需要设计者打破原有的PC设计习惯，努力去挖掘移动端的视觉特性，以及用户的浏览习惯。一切必须顺着移动端特性来开展。其实移动端虽然屏幕变小了，但是聚焦性加强了，只要通过浓缩视觉内容，合理的编排，其对用户的视觉冲击力，并不比PC端差。
形成闭环
由于移动端的屏幕较小，展示的页面比较狭小集中，这可以带来产品展示的聚焦效果，用户观看一个页面会更加专注，但是同时，每个页面对关联产品的展示比PC端效果差，用户非常容易从一个页面直接跳失离开，所以形成移动端的浏览路径闭环，是非常必要的。
具体可以从以下几方面进行：
详情头部适当关联
详情页的头部可以适当的放关联产品，方便用户浏览时，获取更多的其他产品信息，以增加用户深度浏览，需要注意的是，详情头部的关联产品不宜太多，否则需要用户多次下拉，增加跳失率。
增加搭配推荐
在详情页中增加与宝贝相搭配的关联产品，也可以增加用户的浏览深度，减少跳失率。具体上，选择的关联宝贝要注意有明显的搭配性，并且通过移动端编辑，能够跳转(直接从PC端复制是不能跳转的)。
详情页长度适中
详情页的长度不宜太长，否则容易让用户在单个宝贝浏览上耗费大量时间，从而减少跳转其他页面的兴趣。设计者可以根据生意参谋的宝贝分析工具，了解该类目用户最喜欢的详情长度。
详情尾部个性推荐
详情尾部的个性推荐对增加用户二次宝贝浏览，起着关键性作用。一般而言，只要详情页长短适中，详情页本身富有一定的吸引力，用户都会浏览到详情页的尾部，这时候尾部的关联推荐，就起了非常重要的作用。
我们可以利用店铺装修智能版，聚星台可以设定千人千面的关联推荐，即关联推荐会根据每个用户的特性，千人千面个性展示，从而增加了用户的点击率。
菜单分类
当用户进入店铺后，菜单分类也是影响用户继续浏览的因素，怎么让用户一目了然的了解店铺的商品分类?怎么让用户迅速找到自己想要的产品?菜单的分类设计，要站在用户的角度，尽量减少专业名词分类，或者模糊的划分。
首页规划明确
首页是移动端最大的二次承接页面，首页的排版设计，直接影响到用户的留存。相比较于PC端的首页，移动端首页要花费更大的心思，增加对用户的吸引力，首页可以多放置一些热销款，并且通过装修热力图，调整推荐高点击率的产品。
同时也可以使用装修智能版，利用千人千面的个性化首页，采用不同的兴趣展示吸引用户，从而形成再次页面跳转。
总结：对于移动端来说，用户浏览习惯随意性强，时间碎片化严重，怎么根据用户的浏览路径，设计闭环以增加用户的浏览深度，具有重要的意义。
看完了这些，大家对于移动端的优化方法是不是有所了解了呢，Hi客也希望这篇文章能够帮到各位正在移动端优化的电商人哦。| 留言与评论（共有 条评论） |
