《电子商务》课件-移动端网店设计

移动端网店可以看作PC端的延续，在设计时更需要把握“用户体验”这一关键点。手机移动端网店是依附于智能手机这一平台的，而智能手机又让人与机器之间有了更加亲密的接触与互动，因此与手机移动端中其他应用软件或App一样，在设计手机移动端店铺页面时要结合智能手机平台的特色设计出更加注重交互体验与友好度的页面，只有这样才能博得消费者的欢心。移动端网店设计移动端网店的设计标准1目录CONTENTS移动端网店视觉设计2移动端网店的设计标准1现在手机应用的界面设计风格普遍倾向于简洁、清爽的扁平化设计，这是因为去除冗余和繁杂的装饰后，手机应用的界面会变得更加干净、整齐，可以更直接地将重要的信息展示出来，在给消费者带来更好的操作体验的同时有效地减少了认知障碍的产生。作为一款手机应用，移动端网店的页面装修也应该遵循这样的设计理念，下面将以手机淘宝为例进行详细介绍。1移动端网店店标设计

手机淘宝的店标设计思路与PC的网店完全不同，手机淘宝的店标直接出现在店铺头上，并在店标右侧显示店铺名称。手机淘宝的店标适合采用图形或字母组合的形式。店标图片1移动端网店店标设计

利用朋友圈进行小范围营销的店铺或销售母婴用品等特定商品的店铺，也可以使用头像作为店标，这样有助于拉近店铺与特定类型消费者的心理距离，但是不要使用公众人物的头像。移动端网店还可以使用商品的实物照片作为店标，让人一眼就能明白店铺销售的主营商品。头像店标图片和实物店标图片2移动端网店图片尺寸标准

每个详情页可以增加一个音频，时长不超过30秒，大小不超过200KB，格式为MP3。每个图片、音频的大小不得超过1.5MB。图片尺寸标准需在图片上添加文字时，中文字号≥30磅，英文和阿拉伯数字字号≥20磅高度≤960像素（建议高度不超过600像素），图片格式支持JPG、GIF、PNG首页和详情页图片宽度为480像素~620像素（建议不超过608像素）3移动端网店框架结构安排需要注意在已有的框架结构中添加能够促进消费者购买的内容。根据框架结构层面给所添加的内容设置相应的商品或活动链接也尤为重要。移动端网店首页界面店铺框架结构红色框出部分为淘宝平台自动生成的板块，其中将店铺首页划分成了“店铺首页”

“全部商品”“店铺动态”“宝贝分类”

“店铺会员”等固定板块，卖家只需在不同区域添加对应的店铺内容即可移动端商品详情页界面图中出现的“收藏”

“立即购买”等图标是不需要自己设计的，并且在详情页的第一屏都会出现商品图片、价格、名称等信息展示，卖家可以不考虑这些框架结构的布置，需要设计的是图片、名称等信息内容3移动端网店框架结构安排需要注意在已有的框架结构中添加能够促进消费者购买的内容。根据框架结构层面给所添加的内容设置相应的商品或活动链接也尤为重要。图片对应的链接移动端店铺首页中的轮播图片对应移动端网店视觉设计2手机移动端店铺视觉设计与PC端的设计思路基本是一致的，都是为了展示商品，展示店铺与品牌，促进消费与店铺的持续发展，然而PC端页面的全部内容却不能简单地一键导入手机移动端，否则会出现PC端内容无法适应手机端的情况。在进行手机移动端店铺装修的视觉设计时，要考虑到手机端的特点与属性，并进行相应的变化与调整。1信息内容简洁，便于快速传播对信息进行必要的精简化处理是让消费者快速浏览与接收信息的关键。移动端与PC端对比手机移动端商品详情界面简化版PC端图文详情1信息内容简洁，便于快速传播控制文字信息的篇幅及文字尺寸的大小也是让信息在手机移动端清晰展示的方法之一。PC端与手机移动端展示的文字信息比较手机移动端的展示文字信息较为模糊，虽然界面整体设计感较强，显得较为精致，但是消费者