咨询热线

13538199475 QQ:3401922741

15

11

2016

淘宝店装修教程:如何做出方便好用的视觉导航



       大家好!现在深圳淘宝店装修小编与大家分享如何制作出方便好用的视觉导航。给网店装上路标方便买家快速找到自己所需要的商品,做好视觉导航是非常必要的,产品详情展示页是直接决定交易达成的关键因素之一,那么该如何做出方便好用的视觉导航呢?一起来看看吧!

  详情页:3大分析

  与实体商店的购物逻辑相似,在安排详情页的信息流逻辑顺序时,也应当尊重消费者递进的情感需求。比如去商场买一个手机,可能一眼看中一个放在柜台醒目位置的型号,这相当于我从店铺首页进来;接下来可能会走近看看机器的整体外观,询问相关配置信息,这就是详情页的主图和产品介绍文字;接下来拿起样机看看功能、材料、做工、配件等等。这个时候相当于浏览商品的细节图。如果觉得一切都挺满意,我再了解下售后信息以及优惠情况就可以购买了,这就相当于详情页尾的售后和活动信息。

  A首先分析用户在进入到详情页后需要获取哪些信息。

  产品图、价格、产品基本信息、规格尺寸、细节、使用方法、质量认证、售后保障等。

  B接下来通过以下几类模块来展现这些信息。

  商品展示类——款式、色彩、搭配、细节、卖点、包装;

  吸引购买类——卖点强化、情感打动、热销盛况、买家好评;

  品牌形象类——荣誉、资质、生产、销量;

  促销信息类——热卖推荐、关联销售、促销活动、优惠套餐;

  购物指导类——购买、付款、收货、验货、退换货、保修。

  C详情页的常规逻辑结构分析。

  1店铺活动信息——刺激消费、流量引导、提高转化率;

  2产品整体展示图——吸引顾客,强化卖点,情感共鸣;

  3产品介绍文字——清晰完整的商品介绍,促成交易;

  4产品细节图——多角度展示、场景展示、细节、包装;

  5品牌介绍——品牌故事、荣誉资质、生产实力,加强信任;

  6购物须知——交易条款、常见问题、售后相关,联系方式。

  是不是所有类目的宝贝都应该这样排序呢?答案是否定的,不同类目、不同品牌都有其专属的特征,在应用时还需因地、因时制宜。

  详情页承载的信息量很大,一定要优先选择自己的客户关注的信息作为导航,放在页面的前几屏表示出来。其它次重要信息可以放在页尾,可以新建页面描述,也可以通过客服告知。

  内页导航:5大要素

  和店铺首页的导航不一样,单个页面的导航工作要求很细致。每个宝贝的页面都不一样。到底该如何做呢?抓住以下5点就可以。

  1.点睛 Banner

  好的banner设计,虽然都是由图片加文字组成,但也绝不是1+1=2那么简单的叠加。如同一首乐曲,可以是古典交响,可以是流行电子,亦或民间小调,形式多样,手法不一。有时候需要像作诗般字斟句酌,有时候也会有妙手偶得的惊喜。受制于互联网视觉设计的特点,往往需要通过设计师的经验思考,在较短的时间制作出能够通情达意的作品。如下2张图通过“标题党”告知买家该品牌是发饰,风格是青春、百变。

淘宝网店怎样从用户体验出发做视觉导航 三联

  2. 标题导视牌

  标题栏一般不包含实质内容,它相当于实体购物商场的导视牌,是宝贝页面导航的重要一环。在一个信息流逻辑合理清晰的详情页中,它起到提示和承上启下的作用,能够告诉用户所在页面位置,方便上下搜寻信息。页面中各个区块标题栏的图形、边框、文字和颜色等也要有统一的风格。如下3张图的“明星搭配”、“养生顾问点评”、“坚果历险记”等使整个页面看起来层次清晰,主题明确。


  3.图文并茂

  文案是详情页不可或缺的组成部分,一般分为说明文字、广告语、情感表述等。不同类型的文字,在字体字号上也应区别对待。说明性文字重在功能,而广告banner文案则可融于更多情感表达。再动人的文案不如一张有说服力的照片。长篇大论不如图文并茂地解说。精彩的文案创意搭配适宜的视觉设计,是许多店铺迅速抓住人心的秘诀。如下图的“老金魔方”文案告诉了买家该品牌的历史、口碑、特色、品质,这一导航对进入该页面的买家有着提醒和劝服作用。

  4.场景感图片

  现在是“读图时代”和“注意力经济”。毋庸置疑,图片是传递商品信息最快速有效的方法,它的基本诉求在于清楚的让用户认识你所卖的是一个什么产品。除了基本的商品展示外,带有场景的静物或模特图是建立品牌形象,引发用户情感共鸣的最佳手段。



  5.创意图表

  图表往往用来说明产品使用方法、功能特性、以及规格参数等。注意:除了基本功能说明以外,图表上的小创意也能够成为页面当中的亮点。如下图。


  总结:什么是好的详情页导航设计?

  视觉传达的效果虽然无法精确量化,但一个较为理想的详情页导航设计,一般要满足这么几点:透过视觉手段依据用户体验来制造视觉层次;制定视觉规范实现视觉语言的一致性(视觉规范);为浏览或使用制造舒适的视觉感受;制造视觉愉悦感;制造视觉品牌印象。

  一个成功的详情页导航始终需要关注两点——“用户体验”和“视觉传达”,有了这两样法宝,卖家们在面对9.9包邮或者快速抄袭的电商狼群时,或许能多几分底气。
     看完上面的介绍,你知道该如何做好导航设计了吗?如果你的店铺还没有好的导航设计,自己也没有学会的制作的话,可以找深圳网店装修设计师,寻求帮助哦!

QQ在线咨询
售前咨询热线
13543403004
售后咨询热线
13543403004