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

kwincaq kwincaq     2023-03-09     212

关键词:

摘要:本文是对外文《 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采用了大量视觉图片来传达速度、刺激、精准的感觉。同时它还针对这些视觉图片提供了相应的信息说明——虽然文字不多;但足以支撑图片所表达的思想:能量、自主与奢华。

总结

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

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

word文档如何自动更新powerbi数据和图表?

...拖进空格处。虽然繁琐,但也好解决。3.最繁琐的是客户产品名字的处理。在文字中,客户产品名字随处可见;在图表中,需要根据客户产品名字进行筛选。由于PowerBI文本框没有便捷的文字替换功能,所以要批量变更产品名字异... 查看详情

适配器模式该怎么用呢?

参考技术A在产品的详情页中使用传过来的参数id查询产品,而在另外的一个系统中也有一个同样的表,需要访问详情页(已经由另外的一个程序员设计好,并且代码晦涩难懂),由于字段值是自动增长的,两个表中的主键并不对应... 查看详情

android客户端与本地服务器的访问(服务器本地图片怎么转化成http格式让安卓手机访问)

Android客户端与本地服务器的访问(服务器本地图片怎么转化成http格式让安卓手机访问) 查看详情

o2o电商运营模式最佳方法

...商运营模式最佳方法  一种是企业设计可以用于体验的产品,客户可以免费体验该产品,感觉良好后再进行消费。下面是我为大家分享O2O电商运营模式最佳方法,欢迎大家阅读浏览。  一、体验型模式  客户往往对待一个... 查看详情

怎么样提高网站着陆页的转化率呢?

...,往往就是拥着的许多优秀的着陆页,这样不单能够解决访问者的需求,还能增加用户的粘性。  着陆页也叫链接目标页、网站落地页(landingpage,简称LP)。也就是访问者从某个地方链接进入网站的第一个页面。这个进... 查看详情

创优视觉设计师必须具备的观念

...而是将想象运用科技手段,将其转化为对人类有用的实用产品。要想将想象首先视觉化,这个将想象转化为现实的过程  一、展示平面设计的意义。  1.平面设计师专用的语言。  平面设计者的想象并非纯粹的艺术幻想,... 查看详情

如何成为一名出色的产品经理?

...谈的理解。一、出色的产品经理应该有的“互联网思维”优秀的产品经理是什么?到底是多种硬货技能的集合体?还是一种思维方式?可能答案层次不齐,但我认为优秀的产品经理是本身包含互联网思考方式与产品化解决需求的... 查看详情

「产品前端架构」接口设计

参考技术A用户使用Web客户端访问Web系统,系统在收到请求后执行操作(收集数据模型,选择数据经行组装),将结果返回给客户。其中包括的元素和关系如下图所示:约定每个规范也会对应若干规定若干规则约定来指导前后端... 查看详情

kafka的生产者优秀架构设计

Kafka是一个高吞吐量的分布式的发布订阅消息系统,在全世界都很流行,在大数据项目里面使用尤其频繁。笔者看过多个大数据开源产品的源码,感觉Kafka的源码是其中质量比较上乘的一个,这得益于作者高超的编码水平和高超... 查看详情

kafka的生产者优秀架构设计

Kafka是一个高吞吐量的分布式的发布订阅消息系统,在全世界都很流行,在大数据项目里面使用尤其频繁。笔者看过多个大数据开源产品的源码,感觉Kafka的源码是其中质量比较上乘的一个,这得益于作者高超的编码水平和高超... 查看详情

产品札记:10种原则帮你更顺利地打造优秀产品

每个新产品都以一个简单的想法开始设计。但在激烈的创造过程中,事情会很快变得繁杂。当焦点从全局转向细节,大脑就会不断涌现新思路,视野也会像热气球一样膨胀。在产品开发方面,我实际犯过的错误其实远比我承认的... 查看详情

炼成优秀saas产品的三个要素?听腾讯神策网易的专家讲讲|pcon

摘要:关于B端产品设计的一些实践案例与分享1981年,沈阳第一机床有限公司引进了中国第一台用于企业的MRP软件,这是中国首批采用大型B端软件的企业之一。这样看,中国的B端产品历史还是挺悠久的。 2010年以... 查看详情

如何做出优秀的ui界面

AE模板-180组HUDUI界面高科技科幻屏幕动画元素影视后期设计素材.zip免费在线观看  链接:https://pan.baidu.com/s/1mdKl7XPcBowbOM-ju6I35A?pwd=x7ea提取码:x7ea用户界面(UserInterface)是指对软件的人机交互、操作逻辑、界面美观的整体设计。... 查看详情

如何设计优秀的接口协议

1、前言接口协议指的是由前端(展示侧)同后端(业务)确认的实现不同需求需要前后传递的消息的内容及格式。2、接口的作用1)将后台服务信息展示给用户,最典型的例子是首页,用户其实什么操作都没有,打开就给用户展示信... 查看详情

我想做产品,实现一个非常优秀的电脑桌面记事本加闹钟

如果你觉得可以,如果你是编程,嘿嘿,如果你愿意与我合作,我就非常高兴。我希望做一个桌面记事本,他那个是动态的,像秋天一样,让我的鼠标划过那个地方的时候,那种像秋天展开一样站过来站,抽,就打开来,或者说... 查看详情

译文为什么用户体验文案在产品设计中如此重要?

...验文案是属于设计工作的范畴。为什么这么说?因为一份优秀的用户体验文案和一份优秀的UI设计同样重要。因此,当我谈论通常意义上所说的设计的时候,这里的设计涵指的其实是UI设计,用户体验以及文案写作。仔细想想,... 查看详情

你必须要知道的软件测试3个主流方式

在产品项目的最后推进过程中,会经过一系列的测试来判断以及优化产品,在测试中使产品的属性特征最优化,最终达到吸引更多客户的目的;本文作者分享了三种软件测试的主流方式,我们一起来了解一下... 查看详情

java怎么将json数组转化成string

参考技术Ajson有自己的方法Stringstr="";JSONArrayjson=JSONArray.fromObject(str);本回答被提问者采纳 查看详情