《第10章 移动电商的视觉设计》由会员分享，可在线阅读，更多相关《第10章 移动电商的视觉设计（15页珍藏版）》请在金锄头文库上搜索。
1、,第 10 章,移动电商的视觉设计,10.1,设计要注重移动端用户体验,10.2,在创新与尝试中维系新老顾客,10.1,设计要注重移动端用户体验,移动互联网与移动设备的兴起，让人们的生活发生了巨大变化。移动设备给人们带来了更加便利的无障碍上网体验、随时随地娱乐的快感体验这些便利与快感也影响了电子商务，越来越多的消费者不仅从实体店转向互联网，更从互联网走向了移动互联网。下面主要以智能手机作为移动设备的代表，分析手机端店铺的相关设计。 据某项调查显示：95% 的受访者在入睡前平均要使用手机1 小时，并因此推迟入睡时间，也就出现了所谓的“第25 小时”。或许有人在为这样的改变而焦虑，然而电商更应该从
2、中看到商机：商家们不仅拥有消费者的24 小时，消费者还自发地创造出了“第25 小时”。因此，手机端是电商必须占领的重要阵地，需要进行精心打理。 以淘宝网为例，与PC端的淘宝网首页琳琅满目的界面相比，手机端的淘宝网首页进行了许多简化处理， 没有了繁复的装饰图案与插画，减少了分类按钮与广告图片等，如下图所示。这是在综合考虑智能手机的特点和消费者的使用体验后做出的设计，主要是从操控和视觉两方面入手的，下面就来分别进行分析。,减少了广告图片展示位置 2 分类按钮做了简化，点击范围也变大了,10.1.1,给消费者带来良好的操控体验,友好的交互性是智能手机的重要特色之一。在使用计算机时，人们需要通过鼠标或
3、键盘来操控软件；在触屏智能手机出现之前，人们同样必须通过手机键盘才能控制手机。触屏智能手机的出现让人们通过指尖便能与手机进行亲密接触与互动，操控变得更加直观和轻松自如，这一改变必然会影响依附于智能手机的手机端店铺的视觉设计。 下图中左边的手机端店铺首页在中间展示了若干优惠券，消费者点击优惠券按钮便可领取。然而这些优惠券按钮的尺寸过小，消费者不仅无法看清优惠券的内容，更难以用手指轻松、准确地点击领取，这样的操控体验显然会让消费者心生不满，从而放弃购物。右边的手机端店铺首页针对上述问题进行了调整，让消费者既能一目了然地捕捉优惠内容，又能轻松地进行点击与领取。,同样的道理，设计手机端店铺的分类导航按
4、钮或其他具有交互属性的按钮时也需要考虑到消费者的操控体验，预留足够的空间，让消费者在移动端的购物更加轻松愉快，如下图所示。,与计算机相比，智能手机还有一个重要的特点是小巧，可以放入口袋随身携带，然而这也使得手机屏幕的尺寸比计算机的显示器小得多，同一屏中显示的信息自然也不能过多。因此，手机端的视觉设计必须做“减法”，才有利于消费者对信息的接收。 下左图为某店铺PC 端商品详情页中的商品推广图片，消费者在PC 端浏览时可以轻松地阅读图片中的文字等信息，然而，当它们被同步到手机端后，便出现了问题，如下右图所示。,10.1.2,给消费者带来简洁的视觉体验,由于手机屏幕的显示尺寸限制，图片被相应缩小，图
5、片中的文字信息也随之变小，给消费者的识别与阅读造成了较大的困难。需要针对这一问题作出相应的改进，如下图所示。,修改后的图片如下图所示。简洁的视觉设计不仅满足了手机端店铺的显示要求，而且能迎合使用手机购物的消费者的行为模式和购物心理。 智能手机的便携性使人们在睡前、吃饭、乘车等碎片化时间中都可以通过手机进行娱乐消遣，这些时间大多是工作和学习之余的闲暇时间，此时人们希望能获得轻松愉悦的体验，对于拿起手机购物的消费者而言也是如此。,这些行为模式和心理需求表明，商家在打造手机端店铺时要尽可能减少消费者的操作和阅读负担，给他们营造一个简洁、流畅、舒适的购物环境。因此， 对手机端店铺来说，减少阻碍、减轻负
6、担的简洁设计是大势所趋。下面就通过对比分析某女装店铺PC 端和手机端的商品详情页来说明如何简化设计，顺利从PC 端过渡到手机端。 如下图所示为该女装店铺中某商品的PC 端详情页，由8 个部分组成，包括“精品推荐”“买家回馈评价”“买家秀”“包装说明”等版块，能够起到获取消费者信任或促进关联销售的作用。,到了手机端，商家根据消费者追求轻松、便捷的购物体验的消费心理，对商品详情页的内容版块进行了大刀阔斧的简化，如下图所示。对非核心信息的删减不仅不会影响消费者获取商品信息，而且能为他们节约上网流量与浏览时间，使他们更乐于在店铺中驻足选购。,除了精简版块数量，保留的版块内的信息也需要进行精简与改良，以
7、适应手机端的特点及消费者使用手机购物的习惯，如下图所示。,除了商品详情页，手机端店铺首页的店招设计也需做精简处理。右图为某品牌店铺PC 端的店招，由于尺寸可以做得较大，因此店招中放置了许多信息，以充分利用展示空间。,该品牌的手机端店招则精简了信息，只突出了店铺参加的“年中大促”活动，如下右图所示。 下左图的手机端店招是一个反面例子，商家企图展示的活动信息过多，反而使消费者无法很好地了解信息，店招对消费者也就失去了吸引力，因此，对手机端店招内容的取舍非常重要。,10.2,在创新与尝试中维系新老顾客,电商平台会专门针对手机端提供一些新的展示与营销版块，商家要勇于尝试运用这些版块。例如，淘宝平台在2
8、015 年年初开放了“店铺活动”版块，给商家们提供了更多的活动空间和更大的自由度去宣传和推广自己的店铺。默认的“店铺活动”版块界面，在未添加活动时会显示2 个活动。,合理规划与设计好“店铺活动”版块，能够提升店铺促销活动的曝光率，促进成交量增长， 通过对活动的参与和尝试，也能起到维系新老顾客的作用。 如左图所示的“店铺活动”版块没有明确的主题，无法让消费者了解店铺活动的内容，不便于消费者参与。修改后的“店铺活动”版块如右图所示，添加了活动主题文字，消费者立即就能了解到促销活动是按鞋子的款式来分类进行的，并用“青春”为主线将活动串联起来，让活动更加深入人心。这些文字的添加大大提升了图片的营销力。
9、,上文的案例只选择了一种活动类型， 有时店铺中会同时开展多种类型的活动， 商家还可以自己安排活动的“名目”，以丰富店铺活动的形式，如图所示。 店铺经营的尝试与创新还可以体现在与消费者互动的形式上。淘宝的手机端就为商家提供了这样的平台“微淘”版块。“微淘”是一种分享式互动，主要形式是商家主动发布店铺或商品等信息后，通过“点赞”或留言在商家与消费者之间或消费者与消费者之间形成互动。如下图所示为某旅行女装品牌的“微淘”版块，商家通过记录自己的旅程来展示商品，这种充满情境感与故事感的展示方式似乎也赋予了商品生命，让它们更具吸引力。正如第6 章所说的，这种具有人情味的表现方式比“上新抢先看”等常规的消息广播形式更贴近消费者，也更能赢得消费者的共鸣与关注。,
