6移动电商视觉营销的信任定律（课件）《移动视觉营销》（人民邮电出版社）

移动电商视觉营销的信任定律 第六章 1 学习目标 了解移动店铺用户体验的特点 了解移动店铺店铺的框架结构安排 了解移动店铺如何基于用户体验进行营销推广设计 掌握移动店铺的视觉装修技巧。 内容导读 一、移动端店铺用户体验的特点 二、 移动端店铺用户体验的个性化 设置 三、 移动端店铺的视觉装修 3 一、移动端店铺用户体验的 特点 1 无障碍体验 3 使用场景多样化 2 碎片化的时间得到有效利用 4 简便、快捷的体验 4 一、移动端店铺用户体验的 特点 1 无障碍体验 人们之所以可以在地铁、公交车甚至在卫生间里随意地使用智能手机，正是因为智能手机具备的无障碍体验的特点。 与随时被电缆、鼠标线等所牵绊的电脑不同，智能手机的“无线”体验为用户提供了更为便捷的使用模式，这是智能手机所带来的良好的用户体验，而这样的良好体验同样也作用于移动店铺，消费者能够在移动店铺中体验到购物的便利。 5 一、移动端店铺用户体验的 特点 2 碎片化的时间得到有效利用 人们的时间呈碎片化，并没有过多的时间与精力停留与消耗在某一件事情上。他们习惯于这样的娱乐休闲方式——工作间歇休息时看看微博，午后闲暇时逛逛淘宝，上下班公交车上浏览下电子杂志、八卦新闻……这一切都离不开智能手机。 随着智能手机功能的强化，它满足了人们打发碎片时间的所有需求，这其中包括了在移动店铺中购物消费。科技的进步让人们越来越依赖于智能手机这种不依靠网线且在任何时间都能方便购物的模式，这让消费者的碎片化时间得到了很好的利用。 6 一、移动端店铺用户体验的 特点 3 使用场景多样化 智能手机使用的无障碍特性，以及与移动互联网的融合，使它充分整合了人们的碎片化时间，也大大扩展了人们的使用场合。人们不必拘泥于家中、办公室等有插线板的地方通过电脑进行网上购物，也不必迈开双腿到商场超市等购物场所购买商品，他们可以在家中、单位、车上、地铁等任意场景中购物。因此，使用场景的多样化也是移动店铺的特点之一。 7 4 简便、快捷的体验 移动端付款页面 一、移动端店铺用户体验的 特点 8 内容导读 一、 移动端店铺用户体验的特点 二、移动端店铺用户体验的个性 化设置 三、 移动端店铺的视觉装修 9 二、移动端店铺用户体验的个性化设置 店铺框架结构的安排 01 02 基于用户体验的营销推广设计 10 二、移动端店铺用户体验的个性化设置 店铺框架结构的安排 01 红色框出部分为自动生成的版块，其中划分成了“店铺首页”“全部宝贝”“新品上架”“宝贝分类”“店铺简介”等固定版块，卖家只需在不同区域添加对应的内容即可 “收藏”“立即购买”等图标是不需要自己设计的，并且在详情页的第一屏都会出现商品图片、价格、名称等信息展示，卖家可以不考虑这些框架结构的布置，需要设计的是图片、名称等信息内容 移动店铺 首页页面 商品详情 页面 店铺框架结构 11 店铺框架结构的安排 01 图片对应的链接 移动端店铺首页中的轮播图片 对应 二、移动端店铺用户体验的个性化设置 12 02 基于用户体验的营销推广设计 1 获取流量 2 到店转化 3 客户维护关系 移动端店铺营销推广的步骤 二、移动端店铺用户体验的个性化设置 13 02 基于用户体验的营销推广设计 手机移动端与PC端信息对比 1 获取流量 二、移动端店铺用户体验的个性化设置 14 02 基于用户体验的营销推广设计 2 到店转化 首页与店铺活动板块页面 二、移动端店铺用户体验的个性化设置 15 02 基于用户体验的营销推广设计 3 客户维护关系 卖家通过微淘记录旅行也记录生活，有时看起来像是话家常，但这种亲切而贴近消费者的“碎碎念”却换来了近百万粉丝的关注与互动 消费者可以对每条广播进行评论，与卖家交流，这样就能在持续打造品牌的同时维护好客户关系，增强消费者对店铺的黏性 “微淘广播”营销 二、移动端店铺用户体验的个性化设置 16 内容导读 一、 移动端店铺用户体验的特点 二、 移动端店铺用户体验的个性化 设置 三、 移动端店铺的视觉装修 17 三、 移动端店铺的视觉装修 02 精简化处理信息 03 简单、方便的操作与交互 04 店铺保持常换常新 05 整体设计风格首尾呼应 06 保持色彩与文字的鲜明感 01 合理控制图片大小 三、 移动端店铺的视觉装修 01 合理控制图片大小 图片加载时间长 三、 移动端店铺的视觉装修 02 精简化处理信息 移动端与PC端店铺页面对比 三、 移动端店铺的视觉装修 02 精简化处理信息 PC端的文字信息清晰可见 三、 移动端店铺的视觉装修 手机移动端的文字信息则较为模糊 虽然页面整体设计感不错，但消费者不能很好地阅读页面中的文字信息，营销效果就会削弱。因此，不能一味地追求视觉的美观，还要注意通过文字内容的精简与尺寸的变化，保证文字信息能被消费者快速接收 02 精简化处理信息 三、 移动端店铺的视觉装修 大量的文字信息 图文结合 相比于纯文字的形式，图文结合的方式能让消费者在接收信息时更为省心 02 精简化处理信息 三、 移动端店铺的视觉装修 03 简单、方便的操作与交互 页面的缩放设计 未缩放，正常显示尺寸的商品详情页面。受手机尺寸的限制，页面信息较小，不能清晰地展示在消费者面前 滑动屏幕后，页面放大，消费者能够较为清晰地看清页面中的信息 三、 移动店铺的视觉装修 03 简单、方便的操作与交互 当消费者想要完整且清晰地阅读详情页文字信息时，在未缩放的情况下无须拖动页面，手机屏幕便可展示该部分信息 而为了能够更清晰地阅读页面上的文字信息，就需要消费者滑动屏幕,通过缩放控制放大页面 放大页面后，受手机屏幕尺寸的限制，页面中的信息不能在纵向或横向完整展示，需要消费者来回地拖动页面才能完整地浏览信息 三、 移动端店铺的视觉装修 04 店铺保持常换常新 雅诗兰黛“双十一”轮播图 三、 移动端店铺的视觉装修 05 整体设计风格首尾呼应 某女鞋店铺移动端首页页面 三、 移动店铺的视觉装修 06 保持色彩与文字的鲜明感 前几屏页面风格 后几屏页面风格 店铺笼罩在黑色色调中 深色底图片与浅色底图片 手机淘宝所提供的背景是白色 前后色调不一的移动店铺页面 三、 移动端店铺的视觉装修 06 保持色彩与文字的鲜明感 两种色调效果对比 明亮的色彩给消费者带来豁然开朗感，惹眼而又具活力 深色调显得较为沉闷与压抑，不能给人带来轻松的感觉 三、 移动端店铺的视觉装修 06 保持色彩与文字的鲜明感 大面积采用了高纯度色彩，页面整体显得活泼，给人带来愉悦的视觉感受 并没有采用高纯度色彩，却被高明度色调所覆盖，页面因此整体呈现出鲜明与淡雅感 高纯度色彩与高明度色调 本章实操训练题 1．简述移动店铺用户体验的特点。 2．找出几个知名品牌的移动店铺，分析他们的视觉装修好在哪里。 3．若要为童装移动店铺进行视觉装修设计，简述你的设计思路。 31 $$