全部课程均实战项目培训,学会、会做、会创新是我们的宗旨

招生热线

0755-32823555

网络美工培训

彩票计划群赚钱套路:学平面设计 学网络美工

真正工作过的老师才更实战经验

平面美工学习
松岗平面设计培训
松岗网络营销培训

网络营销是简单的网站排名吗?

彩票开奖记录 www.y9lbx.com.cn 网络营销不仅仅是简单的搜索排名,而是系统化的网络推广布局。

松岗网络营销培训
网站SEO优化培训

趁自己还年轻,学点网页web制作技术?

提供web技术前端设计培训,后端程序开发,实战老师手把手教学。

松岗网络营销培训
淘宝运营培训

学阿里 学淘宝 学运营


店铺装修,数据分析一步到位

电商学习 查看详情 我要学习
阿里运营培训

干货分享

转化三部曲之:移动端的玄机

  • 发布时间: 2018-08-29
  • 来源:
  • 分类:美工设计

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

 

首图展示

由于移动端进入宝贝详情页时,首图的位置占据了全屏的二分之一,用户需要下拉经过标题、评价、店铺信息、关联宝贝、海报等过渡展示,才能进入宝贝的详情页面,所以对于许多用户来说,他们养成了直接侧滑首图看产品的习惯,也就是说,如果首图能够吸引他们,就会往下看详情页面,反之则直接离开了。

 

这意味着,比之于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端的首页,移动端首页要花费更大的心思,增加对用户的吸引力,首页可以多放置一些热销款,并且通过装修热力图,调整推荐高点击率的产品。

 

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

 

总结:对于移动端来说,用户浏览习惯随意性强,时间碎片化严重,怎么根据用户的浏览路径,设计闭环以增加用户的浏览深度,具有重要的意义。


相关干货


网站被搜索引擎惩罚的几种表现

网站被搜索引擎惩罚的几种表现

被网站降权的原因,最常见还是因为内容和链接导致,例如短时间内采集了大量的内容,群发了太多的链接或者是购买链接等。

淘宝运营搜索10天玩法

淘宝运营搜索10天玩法

爆款技术都是依据淘宝的搜索规定走的,所不同的是产品一定要给力,吸引人。下面开始分享商家们最为关注的:一.选品怎么选品:

“社群”到底为何物?

“社群”到底为何物?

『马上飞商学院是实践型学习社区,研究成功社群案例,分享社群运营知识,探究社群商业模式?!淮?1年开始,微信的出现使得


开班时间


  • 网络美工

    网络美工班

    学完可以胜任,店铺装修,产品图片处理,海报设计。


  • 小程序运营推广

    小程序运营推广

    专注小程序的运营培训服务,商城小程序,餐饮小程序、拼团小程序、分销小程序,秒杀小程序,企业小程序等平台的运营推广培训。


  • 公众号运营推广

    公众号运营推广

    专注公众账号平台的运营服务,以公众账号为承载客户为基础,巧妙的配合小程序使用,化繁为简的原则。


  • 淘宝运营

    淘宝运营

    网店的设计、装修、策划、运营(数据分析)进行全面详细的讲解,学完此课程后,可独立运营店铺。


  • 阿里巴巴

    阿里巴巴

    针对2017年排名新规则 采取最新运营手法,全方位的运营思路 杜绝运营方式单一 找实店铺基本功 以点带深挖卖点,提权重 做排名 打爆款


  • 网站运营

    网站运营

    详细讲解网站在百度、360搜索等搜索引擎的收录机制及排名规则,百度及360付费推广的运营及数据分析。


  • 网站设计师

    网站设计师

    WEB标准化布局、CSS3交互动效设计、HTML5响应式设计、JavaScript核心、JQuery 手机网站制作、主流网站CMS系统的使用、网站CMS系统模板设计


马上飞商学院
马上飞商学院

马上飞商学院公众号

招生热线: 0755-32823555

地址: 宝安区松岗街道佳裕大厦207室

松岗地铁站C出口100米

  • 丝路画语:“一带一路”行走的艺术 2018-11-16
  • “不检点”女院长,到底干了些什么? 2018-11-15
  • 异类非人思维。如一尼安德特人从2万年前发出的声音。 2018-11-15
  • 紫光阁中共中央国家机关工作委员会 2018-11-14
  • 李希:推动基层党组织建设全面进步 2018-11-14
  • 湖南举办“公益体彩 走进社区”活动 2018-11-12
  • 素靥青衣幽呈坎文章中国国家地理网 2018-11-11
  • 紫光阁中共中央国家机关工作委员会 2018-11-10
  • 从三大视角透视中国经济新活力:经济结构更优 2018-11-09
  • 雷蒙台灯:椭圆光区让书写无阴影,是噱头还是黑科技? 2018-11-09
  • 《风暴舞》亮相上海电视节 或成年度期待大戏 2018-11-08
  • 习近平致信祝贺人民日报创刊70周年 2018-11-08
  • 俄罗斯电影《最后一球》定档落魄球星遇上菜鸟球队 2018-11-07
  • 北京下周气温屡破冰点 空气质量“小清新” 2018-11-07
  • 镜头下:80年代的中国农村,民风纯朴,贫穷但是快乐 2018-11-06
  • 199| 419| 766| 964| 299| 178| 419| 605| 629| 570|