当前位置:首页 > 林北杂谈 > 正文

淘宝无线客户端(电脑无线客户端)

2018年即将过去。2019年淘宝该怎么运营,无线端该怎么玩?移动终端的设计问题,尤其是跳速率的问题,我比较了解原理,分享一二,和朋友交流。

淘宝无线客户端(电脑无线客户端)  第1张

随着90%的用户都转移到了移动端,移动端的装修愿景成为了门店的重中之重。虽然PC看起来更大气,呈现的效果更好,但已经不是我们的主战场了。商家要把90%的精力花在移动端。移动端虽然看起来很简单,但是里面有一个玄机,并不是很多人想的那样:移动不就是一个缩小版的PC视觉吗?

这不仅是手机和电脑的区别,也是用户的习惯。移动端的用户是时间碎片化,无处不在的,没有耐心,所以标题党横行。其次,移动用户喜欢用手势滑动。如果不能引起他们的注意,就直接被PASS。

淘宝无线客户端(电脑无线客户端)  第2张

要做好移动端,需要从以下几个方面入手。

第一张图片显示

移动端进入宝贝详情页,首图位置占据全屏二分之一,用户需要下拉标题、评价、店铺信息、相关宝贝、海报等。才可以进入宝贝详情页面。所以对于很多用户来说,他们养成了直接滑动第一张图看产品的习惯,也就是如果第一张图能吸引他们,他们就会低头看详情页,否则就会直接离开。

这意味着相比PC,第一张图片的重要性大大增加,就像一篇文章一样。如果第一段读起来很无聊,就很难吸引用户去读第二段。那么我们能做些什么来优化移动终端的这一特性呢?

首先,第一张图的位置其实是黄金位置,屏占比很高。下面有标题、价格等产品信息(其实这个产品介绍的比较全面),用户的目光会聚焦在主图本身。所以用户在这个页面的停留时间一定要比较长,然后在主图中设置5张图片,可以左右滑动切换。因为这个操作有移动端的操作习惯(比如手机程序的前进后退,都是通过滑动来完成的),所以五张主图的曝光度远高于PC端。

那么这五张主图就不能像PC那样设置了:第一张显示全貌,另外四张显示细节。而是要充分利用每一张主图来展现产品的个性和特点,甚至在主图上做卖点分析,这样才能一针见血,抓住用户的需求。其次,五张主图滑动后,会跳转到折叠上方的详情页,所以如何吸引用户持续滑动,看完页面也很关键。具体来说,我们可以让用户不知不觉地滑过五个屏幕,跳转到折叠上方的详情页,通过各个页面之间的关联,比如展示产品的角度“前后左右”,比如产品的卖点“一、二、三、四”。

当然最重要的是五张主图必须画面清晰,显示美观,细节突出……而且屏幕比例可以比PC大。

做好移动端的第一张图片,可以大大降低宝宝的跳转率,增加宝宝的停留时间和转化率。也许那天一个宝贝没多大区别,但是一个店铺宝贝呢?一个月或者一年呢?

淘宝无线客户端(电脑无线客户端)  第3张

不同于PC的个人浏览

移动端和PC端的区别是很大的。造成这种差异的原因无非是显示设备的大小和比例,看似放大和缩小的问题,实际上是两种完全不同的视觉体验。

垂直屏蔽

首先,移动终端和PC的屏占比不同。电脑大部分是宽屏,手机大部分是竖屏,也就是PC端横向占满一整屏的图案和文字,放到移动端。缩小后占不了一整屏,直接把详情页从PC复制到移动端,图片和文字看起来更小。要解决这个问题,从根本上来说,设计应该采用竖屏绘画。

而淘宝给了我们一个很好的示范。《淘宝二楼》的短视频都是用竖屏拍摄的。对于用户来说,这种感觉是全新的。不需要解锁旋转屏,不需要将手机直立,就可以全屏观看视频。

在切换到移动端的视觉时,要采用竖屏的画图思路。这里有三个重要因素:

第一,所有图片尽量采用16:9的竖屏比例设计,使产品的背景图像减少,产品(或型号)占据更大更集中的屏幕。

二、画面的设计——一个画面——一个主题。因为移动终端没有PC的屏幕大,一张图片基本上占满了屏幕,所以一张图片最好能把一个完整的意思表达清楚。

第三,画面分上下两栏,不同于PC的宽屏。竖屏不能用左文右图所示的结构,要利用长度空之间的富余,采用上下结构,如上图,下图,上图,下图。

总之,竖屏是移动终端和PC最大的区别之一,设计师要遵循竖屏的设计规律。

淘宝无线客户端(电脑无线客户端)  第4张

文案

因为手机屏幕小,如果我们在移动终端上通过一个屏幕显示一页PC的信息内容,信息会很拥挤,文字会变得晦涩难懂。这是移动端直接复制PC图片视觉的最大问题——复制无效。

要解决这个问题,我们需要对移动视觉文案进行差异化的设计和编排。具体而言,需要遵循以下原则:

放大标题,放大图片上的标题文字,做到一目了然,用较少的文字概括大致信息。这样可以增加对用户的吸引力,用户即使看一眼,也会知道你想表达什么。

减少文案内容。文案贵,但不好。手机文案更是如此。小屏幕字数太多,要么太小看不清,要么字数太多,影响画面显示。

文本显示清晰。文案是视觉的重要组成部分,既是解释又是补充。让文案清晰展现也很重要。这里首先要注意的是图片背景。文字所在的背景一定要简洁干净,有利于文字的展示。其次,当需要较长的文字描述时,尽量多排几行,增加行距,以利于文字的清晰显示。

注意细节。

其实无论我们如何在移动端呈现产品,透过产品所能看到的细节都不如PC端。所以放大产品的细节,做细致的特写,可以弥补这个不足。利用细节特写和文案的安排,可以快速抓住用户的诉求。当然在设计的时候要遵循竖屏的原则。

对于移动终端的个性化浏览,设计师需要打破原有的PC设计习惯,尝试探索移动终端的视觉特性和用户的浏览习惯。一切都要遵循移动端的特性。事实上,虽然移动终端的屏幕变小了,但它的重心却加强了。只要视觉内容集中,编排合理,其对用户的视觉影响并不比PC端差。

形成一个闭环

由于移动终端上的屏幕较小,显示的页面窄而集中,这可以带来产品展示的聚焦效果,用户在观看一个页面时会更加专注。但与此同时,相关产品在各个页面上的展示效果要比在PC端差,用户非常容易直接跳离某个页面,因此需要在移动端形成浏览路径的闭环。

淘宝无线客户端(电脑无线客户端)  第5张

可以从以下几个方面进行:

细节妥妥相关。

相关产品可以适当放在详情页的页眉,方便用户浏览,获取更多其他产品的信息,增加用户的深度浏览。需要注意的是,细节的表头不能有太多的相关产品,否则会要求用户多次下拉,增加跳转率。

添加搭配推荐

在详情页添加与宝贝匹配的相关商品,也可以增加用户的浏览深度,降低流失率。具体来说,选中的关联宝贝要注意其匹配明显,可以通过移动端编辑跳转(直接从PC端复制不能跳转)。

详情页篇幅适中。

详情页的长度不能太长,否则容易让用户花费大量时间浏览单个宝贝,从而降低跳转到其他页面的兴趣。设计师可以根据商业顾问的宝贝分析工具,知道这一类用户最喜欢的细节长度。

尾部个性推荐详情

细节末尾的个性化推荐对增加用户的二次宝贝浏览起着关键作用。一般来说,只要详情页长度适中,详情页本身有吸引力,用户就会浏览到详情页的末尾。这时候,结尾的推荐就起到了非常重要的作用。

我们可以利用门店装修的智能版,多星平台可以设置千人相关推荐,也就是千人相关推荐会根据每个用户的特点进行展示,从而增加用户的点击率。

菜单分类

用户进店时,菜单分类也是影响用户继续浏览的一个因素。如何让用户一眼就知道店铺的产品分类?用户如何快速找到自己想要的产品?菜单的分类设计要从用户的角度出发,尽量减少专业术语的分类或模糊划分。

清除主页规划

首页是移动端最大的二级页面,首页的布局设计直接影响用户的留存。相比PC的首页,移动端的首页需要花更多的心思,增加对用户的吸引力。首页可以放置更多的热销商品,通过装饰热力图来调整和推荐点击率高的商品。

同时,还可以利用装修智能版,利用千人个性化主页,用不同的兴趣展示吸引用户,从而形成又一次页面跳转。

淘宝无线客户端(电脑无线客户端)  第6张

总结:对于移动端来说,用户浏览习惯随意,时间碎片化严重。如何根据用户的浏览路径设计一个闭环来增加用户的浏览深度,意义重大。

0