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

摘要:本文是对外文《 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,一经查实,立即删除!

相关文章

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…

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

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

Koa项目搭建过程详细记录

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

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

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

5 个常用的软件质量指标

在软件开发中,软件质量是衡量软件是否符合需求、标准的重要体现。除了 代码质量外,影响软件整体质量的因素还有很多。因此,要确保软件的整体质量,就需要在各个环节严格控制。本文列出了衡量软件质量的5个最常用的指标。1. SLOC&a…

介绍一个对陌生程序快速进行性能瓶颈分析的技巧

前言 工作多年,一直做的是curd系统。前几年做的系统应用场景,大多对数据库依赖比较重。例如报表统计,数据迁移,批量对账等。所以这些系统出现性能瓶颈一般出在数据库操作上面。 如果程序因为数据库操作出现性能瓶颈是比较好办的&a…

掌握穷变富的12条原则 迅速从普通人变成有钱人

“穷忙”和“富闲”是对立面,“穷”对“忙”,“富”对“闲”,很多“穷忙女”是在拿青春当赌注,希望自己今天的“美丽”明天就能在市场上有个不错的“回报”;而多数“富闲女”则是在拿智慧当筹码,既不可替代…

windows下安装和设置gradle

一、安装前检查 检查jdk是否已经安装 二、下载gradle 1. https://gradle.org/releases/ 2.设置gradle环境变量 3. 环境变量中增加名为GRADLE_HOME的变量名,值为Gralde的解压路径,例如D:\Gradle 在path的后追加%GRADLE_HOME%\bin; 4. 验证 5.修改默认缓存目录 修改Gradle默认缓存…

赚大钱一定要选择

赚大钱一定要选择 八大赚钱定律让你赚翻天 许多人看起来已经步入小康了,但他们还说不上是真正的富人,从科学理财的观念看,凭高收入和攒钱来实现富裕的思路完全是错误的,依靠攒钱,不仅多数人无法获得最终的财务自由&…

深解微服务架构:从过去,到未来

http://www.uml.org.cn/zjjs/im... 微服务的诞生 微服务架构(MicroserviceArchitect)是一种架构模式,它提倡将单块架构的应用划分成一组小的服务,服务之间互相协调、互相配合,为用户提供最终价值。每个服务运行在其独立…

解决IntelliJ Idea中文乱码问题、修改IDEA编码

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 有两种办法可以修改 IntelliJ IDEA 的文件编码(IDE 版本为 14.1.4) File->Settings->Editor->File En…

前端框架开始学习Vue(一)

MVVM开发思想图(图片可能会被缩小&#xff0c;请右键另存查看&#xff0c;图片来源于网络)定义基本Vue代码结构1 v-text,v-cloak,v-html命令默认 v-text没有闪烁问题&#xff0c;但是会覆盖元素中原本的内容&#xff0c;插值表达式只会替换自己的占位符,<!DOCTYPE html> …

P1616 疯狂的采药(洛谷,动态规划递推,完全背包)

先上题目链接:P1616 疯狂的采药 然后放AC代码: #include<bits/stdc.h> #define ll long long using namespace std; ll f[100010]; ll timee[10010]; ll w[10010]; int main() {ll t,m;cin>>t>>m;//t总时间,m总草药//time时间,w价值for(ll i1;i<m;i){scan…

MySQL通过source命令执行sql文件

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 IT人员经常会和MySQL打交道&#xff0c;备份和恢复应该是最常用的操作了&#xff0c;那么通过直接执行sql文件无疑是最快捷的方式&#x…

MySQL索引底层实现原理

索引的本质 MySQL官方对索引的定义为&#xff1a;索引&#xff08;Index&#xff09;是帮助MySQL高效获取数据的数据结构。提取句子主干&#xff0c;就可以得到索引的本质&#xff1a;索引是数据结构。 我们知道&#xff0c;数据库查询是数据库的最主要功能之一。我们都希望查询…

解决 A component required a bean of ‘XXX.RoleService‘ that could not be found.

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 springboot工程启动报错&#xff0c;无法启动成功。 dubbo订阅服务失败&#xff0c;提示如下&#xff1a; 出错原因&#xff1a;唉&…

配合OAuth2进行单设备登录拦截

2019独角兽企业重金招聘Python工程师标准>>> 要进行单设备登录&#xff0c;在其他地点登录后&#xff0c;本地的其他操作会被拦截返回登录界面。 原理就在于要在登录时在redis中存储Session,进行操作时要进行Session的比对。 具体实现&#xff0c;假设我们的OAuth 2…

C++知识点(六)数组、指针与字符串导学

1.数组 地址连续存放初始化&#xff1a;列出全部初始值后&#xff0c;第1维下标个数可以省略不做初始化&#xff0c;局部变量中为垃圾数据&#xff0c;static变量为0只对一部分进行初始化&#xff0c;其余数值初始化为02.动态内存分配&#xff1a; new delete 3.动态创建数组 n…

钱线观察:货币基金T+0驾到 活期存款将死?

导语&#xff1a;即使没有任何投资风险&#xff0c;通胀也在侵蚀居民的财富&#xff0c;现金是不安全的。最近出现的一项业务&#xff0c;货币基金"T0"赎回&#xff0c;意味着货币基金可以像活期存款一样即时取现&#xff0c;而其收益率普遍高于活期存款。因此有人认…