优秀产品页设计:将访问者转化成客户

摘要:本文是对外文《 Better Product Pages: Turn Visitors Into Customers 》的翻译,编译内容如下: 展示产品、服务的方法是其获得成功的关键。在Web上,你留给用户的第一印象是至关重要的。 如果有人访问你的网站,一定要吸引他的注意力。在你设法吸引住他们的注意力后,你需要在几秒内介绍完你的产品。根据近几年...

本文是对外文《Better Product Pages: Turn Visitors Into Customers》的翻译,编译内容如下:

展示产品、服务的方法是其获得成功的关键。在Web上,你留给用户的第一印象是至关重要的。

如果有人访问你的网站,一定要吸引他的注意力。在你设法吸引住他们的注意力后,你需要在几秒内介绍完你的产品。根据近几年来Google Analytics基准化报告,美国网站的Bounce Rate(蹦失率)高达42.5%。如果访问者不理解你所提供的,以及它的工作原理,他们就会迅速失去兴趣。向他们展示你的产品,让他们明白该产品正是他们所想要的,它很有用,且可以为他们的生活带来某种价值。

成功的产品展示可以实现该目的。本文将讲述产品展示的不同方面,并举例说明如何利用它们来展示你产品的优点。目的在于对不同元素进行总体的描述,以使产品页更加成功。

吸引注意力

在让任何人相信你产品质量之前,你首先应该让人们注意到该产品。无论人们是否在寻找你的产品,一旦你获得了他们的注意力,你就在激发他们兴趣及促使他们订购方面占据了有利位置。抓住用户眼球,你可以做的事情仅受限于你的创造力。下面将列举三个我认为非常有效的例子。

● 脱颖而出

无数企业和创新部门的自由创作者,都会针对他们的服务和先进的工作提供某种信息。通常,你在浏览中会发现大量枯燥的屏幕截图,甚至还伴随着枯燥的介绍信息。

图片来自于:Chris Bower

Web设计师Chris Bower采用一种独特的、吸引人的方法来展示他的专业技能。其作品在各种不同设备上专业的展示完成了三件事:在一个洁净的网站上,它极度引人注目;它表现出了设计师的水平,因为它看起来相当专业;它传达了Chris可为任何你能想得到的设备设计作品。只是在他首页一瞥,你就知道是否要进入该网站。

● 给你的访问者以惊喜

吸引注意力的另一个优秀的方法是给访问者以惊喜。向他们提供他们意料之外的事;让他们停下来,去弄明白他们所看到的。我们每天生活在熟悉的环境中,那些出乎意料的事自然会吸引我们的注意力。

图片来自于:Nike

Nike以翅膀的形状展示了它的新款运动鞋。对多种颜色鞋的排列及中间颜色的淡出都会让人们再去仔细观看一番。设计在视觉上不仅美观,还能吸引人的注意力,因为人们不确定他们看到的是翅膀?是鞋?或者两者都是。

● 人们喜欢幽默

凭借功能、受欢迎度以及独特的外观,有很多产品较易促销。但对于其他一些产品来说,市场营销很难从产品本身获益,这就需要更有创造性的方法。

图片来自于:Evian

其中的一个案子就是Evian品牌。平凡的水又如何吸引人的注意力呢?实际上很简单。提出一个和产品相关的口号,如“活出年轻(Live young)”,然后通过一些幽默的方法把这一口号转化为视觉上的运动。几年前,Evian设计的有趣的运动视频像病毒一样迅速流传开来——事实证明这一独特的方法收到了很好的效果。

解释产品

产品展示方式影响着人们对你及产品的第一印象——包括他们怎么看你,以及是否理解产品的特性。在线服务和新产品尤其需要描述清楚,以便访问者可以很好地理解他们。尤其是,如果用户不知道你的产品对他们有什么用,他们就不会为它付费。

● 介绍产品

为了让人们轻松使用各种先进技术(比如互联网),进行了大量发明创造。现在任何成熟的想法都能被实现成产品或服务,但其中有一些因为很抽象,需要认真仔细地解释。

图片来自于:Tickera

Tickera的员工意识到需要认真解释一下他们的系统。他们的首页很简单,仅专注于产品与主要功能。售票服务并不是一个物理产品,他们在解释该服务上做出了很大努力,将它通过漂亮、值得依赖的可视化图像展现出来。即便只看一眼,你也可以知道Tickera是干什么的。

● 它是如何进行工作的?

产品展示方式的另一方面是解释它如何工作。基本上,你可以通过操作来展示产品的工作方式。显示软件的屏幕截图与在它可工作的设备上进行展示有很大的不同。

图片来自于:Square

Square在展示产品、解释它是什么以如何工作方面,做得很漂亮。其高分辨率的图片展示了连接信用卡并通过它付款的过程是多么的简单。你所需要的只是一个Square card reader(Square信用卡读卡机),一个iPhone和该款应用——无需其他语言来表达该产品的价值。

● 让人们相信他们需要你的产品

这种情况发生于当人们理解了你的产品,但他们并不认为该产品会给他们带来什么利益时。这时你就要向人们指出他们可以从你的产品中获得哪些利益。如果人们能把产品与他们自己联系起来,他们就会认为某件事与该产品更相关。

图片来自于:Action Method

任务管理工具Action Method专注于它可以为用户带来的主要好处:随时保持同步。看见如此多不同的设备被放在一起,访问者可以了解到该应用可以让生活变得更加方便、容易。他们可能会想,在笔记本上做的笔记却不能在其他不同的设备上访问,这是件多么恼人的事啊。

专注于主要的卖点

大部分产品有很多功能,但使他们与众不同的却只有几个,甚至一个卖点。从硬件特性、设计、服务以及其他方面,与竞争对手相区分是很重要的。在展示产品时指出这些不同点,向人们展示该产品与众不同,更优秀。

● 质量

质量是一个很有效的卖点。如果产品的价格很昂贵,人们将会特别注意它们是否有超棒的质量。竞争对手可能会提供相同的产品或功能,但质量却会不相同。在展示产品时,着重展示产品的质量。

图片来自于: Chanel

Chanel通过高分辨率的图片来展示其所有的产品。所有图片都经专业拍摄。图片中白色款的手表平放在柔软的白色羽毛上。该图片表达的信息相当详细,观看者能立即感觉到该手表的质量与该品牌的奢华。

● 功能

无论你的产品是什么,至少会有一个竞争者也在提供相同的产品,该事件的概率是十分高的。为了让人们相信你的产品是他们更好的选择,那就专注于产品功能——尤其是那些和你的目标群体相关,或者是必不可缺少的功能。

图片来自于: HTC

所有的智能手机基本上都在提供相同的功能。例如,人们可以用它们来打电话、发信息、上网。HTC更专注于目标群体所关注的特殊功能:照相和音效,而不是列出那些所有智能手机都能实现的功能。

● 定制

人们喜欢那些对他们个人来说有特殊意义的产品。这就是我们为什么喜欢个性化我们所拥有的东西,比如手机设置、笔记本屏幕和穿衣风格。定制化的东西可以帮助塑造我们的风格,所以定制化的产品对我们来说更有特殊意义。

图片来自于:Converse

提供定制化的选项,将客户与你的品牌和产品联系起来。Converse允许用户设计自己的运动鞋。允许定制自己的鞋很明显增加了该品牌的价值。

不要低估宣传方案

在互联网上,我们的感知是有限的。但我们不应让有限的感知限制我们的创造力。我们应该使用更多清晰的图片和文字来表达我们的观点。通过选择合适的文字、字型、字号以及标点符号,来打造我们的信息。

● 文字游戏

双关语是吸引人们注意力的好办法,因为它们将熟悉的概念进行了重新包装。你正向访问者提供他们了解的信息,同时也将该信息与你自己的信息联系在了一起。双关语用来快速解释一个概念,同时给人一种熟识感。

图片来自于:Apple

Apple在这一点上做得很好。它开创了平板电脑,所有事实都在表明它是该领域最好的。iPad 3采用革命性的显示屏,这也是它的主要卖点。苹果采用双关语“Resolutionary”有力地展示了该产品的高质量特性。

● 别太严肃

开怀大笑可以把人们凝聚起来。你肯定想到很多如此之类的笑话。同样这也可以应用到线上。一个有趣或带有讽刺意味的标题可能是销售产品过程中所需要的。尤其是,你不仅可以将访问者团结起来,同时还能传达很有意思的信息。

图片来自于:Jax Vineyards

Jax Vineyards网站的标题不仅有趣还十分有力:“Your food should be so lucky”。当然,可能无论搭配什么样的酒,你的食物也不会“幸福”,但是通过选择正确的酒来珍爱你食物的想法确实很吸引人。想法一下,花几个小时准备了一顿完美的晚餐,却因为选择了一瓶不合适的酒而被破坏,岂不很丢人?

● 使用隐喻

隐喻可以帮助我们了解周围的世界,了解那些不熟悉的事物。诸如你的产品为什么如此与众不同之类的抽象概念可以通过正确的隐喻很容易地解释。

图片来自于:Adidas

Adidas通过标语“Sweat nothing, climacool seduction”来推销其新款的运动鞋。由单词“seduction”所引发的单词组合韵律,很容易让我们把该标语误读为“Sweet nothing, climacool seduction”。该广告给人一种眼前一亮、舒适的感觉——可能与内衣有关联。虽然跑鞋和内衣之间基本没什么关联,但该标语却起到了很好的效果,将这种积极、熟悉的感觉转移到了新款运动鞋上。

利用环境

展示产品的环境和产品本身同样重要。你在此空间内展示产品。它能吸引用户,使他们确信需要你的产品。

● 唤醒欲望

影片是吸引用户进入不同世界的很好方式。如果不是为逃出我们每天平凡的生活,让自己沉浸在浪漫的爱情故事或探险过程中,我们还有其他什么原因让自己走进影院呢?你可以把同样的效果用于你的客户身上,让他们去体验,感受休假的乐趣。

图片来自于:Post Ranch Inn

Post Ranch Inn所提供的从早到晚24小时轮回的田园风光景色视频,给访问者带来一种身临其境的感觉。该网站带你融入到从日升到日落的旅途当中,带你远离办公室,踏入期待已久的旅行当中。

● 激发积极的情感

不要只专注于产品本身,专注产品所能引发的情感是一个聪明的选择。用户可能有大量的选择,但如果你销售给他们的是正确的感觉,他们将很容易被说服。

图片来自于:Fanta

Fanta采用了会享受生活、充满乐趣、活泼的个性特征。其标语“More Fanta. Less Serious”表达了Fanta可以使你放松,让你充满乐趣。其中没有任何和饮品本身相关的内容,比如材料。你可以看到的只是欢乐的个性、鲜亮积极的颜色之类的感情触发器。

● 吸引你的目标用户

每个目标用户群体都不同,有不同的兴趣、知识水平、期望等等。清晰定义你的目标用户,以确保你吸引正确的用户。定义目标群体意味着真正理解他们的行为原因:动机、目标、习惯。只有清晰了解你为哪些人进行设计,你才能创造人们真正需要和渴望的产品。

图片来自于:Olay

像Olay的活肤系列产品清晰定义了目标群体:中年妇女。针对身体的产品——尤其涉及到敏感话题,如年龄——属于亲密性,需要较高的可信任度。Olay正是抓住了这一需求,通过专业、熟悉、可信任的方法展示了它的产品。

提供足够的信息

真实的信息对于销售产品是很重要的。人们会根据真实的信息来决定合理的购买,尤其是在购买某项体验项目时——至少他们会这样想。真实的信息不仅能解答人们对产品的某些疑问,还能增强他们的购买决心。

● 突出优点

指出产品的优点是一个很好的方法。清晰的表达和真实的信息可以令人信服。

图片来自于:Heineken

你可能并不指望一个啤酒品牌能自动道出真实信息。但Heineken通过清晰、老练的文字介绍了它的桶装啤酒(tap beer)。该信息包含严肃与优雅的氛围,而不是Heineken通常的幽默风格。

● 进行详细的信息介绍

对于一些产品,用户在购买之前需要某些特定的信息,比如功能列表、技术说明等。如果你的产品要求这些信息,保证用户可以很容易看到它们。

图片来自于:Viking

Viking展示了一张高分辨率的图片,旁边还有一段简单的文字描述。它给人的第一印象是简洁。当然,在购买割草机之前,用户需要更多详细的信息;因此技术说明、设备详细信息应该巧妙地通过单独的标签展示出来。

● 用事实说话

用事实支撑你要表达的信息。

图片来自于:Porsche

没有人真正需要跑车。但人们却都希望拥有它,购买它只为休闲娱乐。Porsche采用了大量视觉图片来传达速度、刺激、精准的感觉。同时它还针对这些视觉图片提供了相应的信息说明——虽然文字不多;但足以支撑图片所表达的思想:能量、自主与奢华。

总结

无论你销售的是什么,插件、软件、服务还是其他任何东西,产品展示对用户的第一印象有着直接的影响。好的展示可以吸引访问者的注意力,帮助他们理解产品,甚至帮他们做出购买决定。采用草图、详细的插图或者生动的图片都能帮你传达信息。同时配以贴心文字说明,该产品展示将成为你网站上最重要的财富。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/450253.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

计算机网络学习方法

原文见:http://blog.csdn.net/qq_33506160/article/details/51872708 一、网络课程究竟难在哪? 1.内容比较乱 如果把《计算机网络技术基础》看做是一本计算机网络导论方面的教材,就不会认为乱了,因为导论就是为了解决知…

小程序类似抖音视频整屏切换

更新 现在已经更新了github地址和效果gif,可在文章最后查看。如果我的代码对你有用,请帮我随手star一下。 需求 最近在项目中需要加一个功能,在小程序中将已有的短视频功能,按照抖音的方式来浏览,整屏,可上…

Coding For Fun 32小时:充满创造、激情、团结的编程马拉松

摘要:Coding for Fun大赛是2012中国软件开发者大会(SDCC)的重要环节。由六名黑马学员组成的“天翼二队”,经过32小时的“血拼”,凭大赛作品“语音控”,获得了本次大赛的“最佳设计奖”。本文是该队队员的参…

centos6.8安装oracle12C 详细步骤讲解

2019独角兽企业重金招聘Python工程师标准>>> centos6.8安装oracle12C 详细步骤讲解 安装前环境配置 1 root身份安装依赖包 [rootdlp ~]# yum -y install binutils compat-libcap1 compat-libstdc-33 compat-libstdc-33.i686 gcc gcc-c glibc glibc.i686 glibc-deve…

解决 springboot 项目:找不到或无法加载主类

Spring Boot下无法加载主类 前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 我什么也没有改,启动服务报错如题:找不到或无法加载主类 解决:什么也不…

管理好你的愿望,人生将另一个样

别让欲望控制了你欲望是人的本性。人生在世,谁都会有欲望。物欲、食欲、情欲、发财欲、求知欲……欲望是消防队也无法扑灭的火。作为人,我们不能消除欲望,也不能让欲望漫无边际地增长,所以,我们应该把握好欲望的尺度&a…

25 模块和包

今日内容 import from xxx import xxxx 金庸 1. 导入模块的执行的步骤 2. 自定义模块 3. 自定义包(难点) 一个表达式 -> 一条语句 -> 语句块 -> 函数 -> 类 -> 模块 -> 包 -> 项目 包就是我们的文件夹, 包内可以写很…

【许晓笛】 EOS 智能合约案例解析(2)

详解 EOS 智能合约的 cpp 文件 之前的文章介绍了 eosio.token 智能合约的 hpp 文件,这次向大家介绍 eosio.token.cpp 文件,cpp 文件即 C 代码文件,智能合约所有的业务逻辑内容都是在 cpp 文件中实现的。 eosio.token.cpp 文件地址&#xff1a…

java 中 transient关键字

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 java语言的关键字,变量修饰符,如果用transient声明一个实例变量,当对象存储时,它的值不需…

java中int转成String位数不足前面补零

java中int转成String位数不足前面补零 转载自:http://ych0108.iteye.com/blog/2174134java中int转String位数不够前面补零 String.format("%010d", 25); //25为int型 10代表前面要补的字符 10代表字符串长度 d表示参数为整数类型 今天想将int 转String 位…

Oops! the requested resource is not found!

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 情况一:调用 dubbo 服务失败,报错如题:Oops! the requested resource is not found! 原因很简单&am…

django URL路由基础

URL是Web服务的入口,用户通过浏览器发送过来的任何请求,都是发送到一个指定的URL地址,然后被响应。 在Django项目中编写路由,就是向外暴露我们接收哪些URL的请求,除此之外的任何URL都不被处理,也没有返回。…

Linux在超级计算机领域一统天下

摘要:在世界超级计算机排行榜500强榜单中,基于Linux的超级计算机占据了462个席位,比率高达92%。基于Windows的超级计算机仅有2个席位,份额为0.4%。中国基于Windows的超级计算机Magic Cube排名94位,澳大利亚基于Windows…

Qtum量子链漏洞赏金计划正式开启

本次Qtum量子链赏金计划为了更好的借助社区的力量参与到QTUM主网及周边应用的开发建设中,让QTUM持续地保持安全、高效的运行,同时能满足更多用户的需求。Bug分级与奖励体系1、如果已经有类似的Issue或者Qtum团队已经知道并在解决该问题的情况将不适用于该…

.SpelEvaluationException: EL1008E: Property or field ‘cache_department_list_Tree‘ cannot be found

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 报错如题: .SpelEvaluationException: EL1008E: Property or field cache_department_list_Tree cannot be found on object…

修过的一个android framework原生系统代码bug

“坑”描述: 在对我们自己研发的一款android终端进行camera拍照压力测试时,发现当拍照张数达到几万张时,查看内存占用情况,发现内存泄露。 填“坑”: frameworks/base/core/jni/android/graphics/YuvToJpegEncoder.…

Koa项目搭建过程详细记录

2019独角兽企业重金招聘Python工程师标准>>> Java中的Spring MVC加MyBatis基本上已成为Java Web的标配。Node JS上对应的有Koa、Express、Mongoose、Sequelize等。Koa一定程度上可以说是Express的升级版。许多Node JS项目已开始使用非关系型数据库(MongoDB)。Sequel…

商业项目中代码质量是否重要?

这是一篇比较老的 文章,但是文中的这些问题在现在仍然普遍存在。代码质量的高低与商业产品的优劣是否有直接的影响?开发者Frank Sommers在文中给出了他的看法。文章内容如下。在大多数商业项目中,代码质量并不被看重,因为大部分情…

Class is not a root resource. It, or one of its interfaces must be annotated with @Path:

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 报错如题: Class is not a root resource. It, or one of its interfaces must be annotated with Path:XXXX 这是一个dub…

Equation漏洞混淆利用分析总结(下)

样本三 如下所示在该样本中,使用了Ole10Native的流,因此没有equative head,默认读取红框中的4位长度。之后的metf head为01. 可以看到metf head的长度为01时,直接进入到if判断中(该if中的函数实际是一个异常处理函数,但…