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

摘要:本文是对外文《 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

原文地址:https://www.cnblogs.com/kwincaq/p/10432259.html

时间: 2024-10-11 05:36:56

优秀产品页设计 将访问者转化成客户的相关文章

Mockups --产品原型设计软件

今天认识了一个叫Mockups的东东..以我的了解..他是一款用于产品最初设计的软件!能根据客户的需要设计出最节省成本的初稿.赞! 界面也萌萌哒..回家之后就迫不及待的自己练习了下! 下面是自己做的山寨淘宝的样子 哈哈

国外的一些优秀单页滚动页面设计分享

国外的一些优秀单页滚动页面设计分享We Are Top Secret 这个导航界面设计从色彩上选用黑白,给人感觉带一点潮流,带一点温和,在这个单页滚动设计中没有特意去使用一些醒目和特效抓取用户的眼球,只是底部用了一个小巧的“scroll down”的提示,这样一来,由于界面简单简洁,融合度是非常好的. Fixed Group在这些页面很炫酷的设计中,国外一般都很喜欢将导航栏给隐藏掉,一方面可以更加简洁,更加美观,另一方面可以引导用户向下的滚动页面,在这个页面的诱导设计中是使用了一个超窄的箭头,有

跟张小龙学习做优秀产品经理的设计思路

提起张小龙,大家都非常熟悉这位极度优秀的产品经理,不仅仅是因为Foxmail,更因为目前深刻改变你我移动生活的移动互联网产品 - 微信,其江湖地位的确定已经让众多国内立志于做优秀产品经理的人顶礼膜拜了,我们首先借助互联网材料回顾一下微信的创立历程: 一.微信的演化历程: 2010年11月19日23时58分,张小龙在腾讯微博上写下了这么一句话: 我对iPhone5的唯一期待是,像iPad(3G)一样,不支持电话功能.这样,我少了电话费,但你可以用kik跟我短信,用googlevoice跟我通话,用

15款优秀移动APP产品原型设计工具

一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作.转场动画.交互特效-(这些都不需要,留给专业的交互.视觉,搞那么虚的不如多想想产品流程逻辑做做减法.写写xxRD啥的) 这些年,产品狗们折腾过的原型工具: 1. POP(Prototyping on

六大步骤分解产品原型设计过程

本教程将从整体和局部实例两个部分来讲解原型设计的步骤.产品的原型设计一般是基于文档的形式所表达出来的形象设计,想要把产品原型设计做好其实并不容易,想把原型做得比文档好更不容易,这里会结合一些产品原型设计的方法以及技巧来介绍原型设计的步骤,希望可以帮到有需要的朋友. 设计原型也是讲究方法步骤的,一是要提升原型设计的合理性,避免出现头重脚轻的保真程度不一致的情况:二是要减少原型设计所占用的时间,大家各自的工作时间都是很宝贵的,不可能在原型设计上投入过多的时间,因此掌握一些原型设计的方法和技巧相当必要

选择单页设计的理由是什么?

互联网最令人着迷的地方在于它会不断地进化.每年都会不断涌现新的工具和技术替换过时者,用新的解决方案来搞定各种问题. 单页设计在前几年就已经出现,并且愈演愈烈直到今年成为当仁不让的网页设计大趋势.它已经站在流行最前线,今天我们来聊一聊为什么它会这么火. 什么是单页式网站设计? 界定一个网站是否是单页设计很简单,顾名思义,单页设计就是一个网站仅需一个URL,进入之后只需要纵向或者横向滚动就可以浏览信息而无需点击.看看下面这个例子: 这是一个非标准的单页设计,网页中使用热气球元素来引导用户进行浏览.

优秀产品必经的14个拷问

产品评判(Product Critique)是修炼产品直觉的必修课,而评价一款产品,就是搞清楚用户对于产品的爱与恨. 这需要把握住 2 个核心原则: 读懂用户需求 把握用户对于事物的反应 下面以体验一款新 app 为例(即从应用商店下载 app,打开它,使用它…),分3个阶段共用14组问题来阐述产品评判的思路: 使用之前 [1] 这款app是如何吸引到你的注意力的? How did this app come to your attention? 是朋友推荐吗? 他为什么推荐给你? 还是你在一篇

德国罗森伯格被授予“数据中心优秀产品解决方案”

大会现场 第五届中国数据中心产业发展大会于2015年3月25日在北京召开,大会聚焦大数据产业转型.市场战略机遇与挑战.云计算技术架构及企业应用等重点议题等.众多行业嘉宾关注数据中心产业的热门应用.最新发展趋势以及大数据产业动态,共谋中国数据中心产业的可持续发展之道. 罗森伯格获得"数据中心优秀产品解决方案"奖项 罗森伯格作为全球可信赖的通讯网络供应商参加本次会议,被大会评选为"数据中心优秀产品解决方案"企业.提供的高品质产品系统解决方案广泛地应用于各个行业中,如银行

用产品思维设计API(一)——RESTful就是个骗局

用产品思维设计API(一)--RESTful就是个骗局 前言 最近公司内部在重构项目代码,包括API方向的重构,期间遇到了很多的问题,不由得让我重新思考了下. - 一个优雅的API该如何设计? - 前后端分离之后,API真的解耦分离了吗? - 不断的版本迭代,API的兼容性该如何做? 年前,我司内部的接口已经进入了一个完全的重构阶段,参考了市面上各大平台的API和文档,自己也总结出了很多的心得.这里向大家分享一下,接下来一个月,我们向从下面几个方面向大家介绍一个优雅的API(至少我认为挺优雅)该