产品详情页这样设计,用户才会乖乖掏钱

原作者:Nick Babich  翻译者:Puddinnng

本教程为翻译教程,原文地址为:

http://babich.biz/mobile-ecommerce-product-details/


App 上没有比产品详情页更影响转化率的地方了。当用户做决定时,能够简单地从这一页面上获取关于产品的信息非常重要。我这里有一些方法,能帮助你改善产品详情页面,并提高用户的购买率:

产品细节以及选项

详尽的细节不仅会激发购买欲,同时能让用户安心。用户更热爱将商品信息都展示出来的 app。这些信息包括但不止于,货存量,尺寸,颜色选择,产品描述,产品图片,评价。

产品的细节要清晰简洁

产品描述不仅要易于找到(帮助用户获得大体印象),也要易于被检索(让用户很快定位到特定信息)。左图的例子中,不完全的产品信息容易使用户迷糊:

●尺寸:用户看不出某个尺码是有货还是没货,也不清楚这里的 XL 到底是多大。

●颜色:颜色选项没有视觉上的标示。

●货存量:没有关于货存的信息以及运输方式的选项。

●没有产品详情描述。

产品详情页这样设计,用户才会乖乖掏钱_第1张图片

将所有重要的产品信息都浓缩在小小的手机屏幕里是很困难,但有人却做到了:


最小化用户输入努力

app上大多数错误都发生在输入框。即便使用全键盘,输入也是件耗时又容易出错的事情。理想情况是,商品页面中不应该存在需要用户输入的地方。可以通过限制选项数量来防止用户出错:使用单选框(radio button)或者步进控件(steppers)来让用户只能选择单一的选项。


产品图片

产品图片最能促进销量。无论你卖的是电脑还是 T-shirt,产品图片都是产品页面上最重要的部分。优秀的产品图片有两个功能——给用户留下深刻印象,并且提供用户所需信息。

使用大而高清的图片

一张图片需要足够大,足够清晰才能发挥最好的效果。当你的产品是服装时,图片就更重要了,因为用户关心的主要就是衣服的细节。下图展示了这个原则如何在服装类产品页面发挥效果。


产品详情页这样设计,用户才会乖乖掏钱_第2张图片

确保你的图片看起来不是由马赛克构成的。不仅最初的图片质量要高,就连放大后的图片也需要保持高清度。确保你的图片在经过用户放大后,读取更高分辨率的图片版本。


产品详情页这样设计,用户才会乖乖掏钱_第3张图片

下图是放大时出现的问题。这个页面支持用户放大产品图片,可是由于低分辨率,放大后的图片质量非常糟糕。用户并不能从中获得更多资讯。


产品详情页这样设计,用户才会乖乖掏钱_第4张图片

让用户掌控缩放程度

图片远比描述直观的多。用户往往依赖于通过产品图片来了解产品的细节和功能,如果app预先设定好了放大比例的话,用户也许会产生挫败感。

产品详情页这样设计,用户才会乖乖掏钱_第5张图片

让用户完全按照自己意愿来发大图片,会让他们感觉更好。


产品详情页这样设计,用户才会乖乖掏钱_第6张图片

一定数量的图片需求

一般来说,产品页面中图片越多越好。但实际操作中,为了优化展示图片,你应该在产品描述中选用那些具体展示了产品细节的照片。

下面是一些选择图片的技巧:

●你要展示既真实又有细节,功能的照片。比如说,如果你卖的产品是一个a/v功放接收器,那么就展示产品的后部细节给用户看。因为他们可以通过输入接口来了解这个产品的功能。


产品详情页这样设计,用户才会乖乖掏钱_第7张图片

●具有上下文的图片对读者也很有用处。打比方,harry's这个app就使用图片来讲述自己的品牌故事。


设计可以水平滑动的图片库

可侧滑的图片就是为了拇指而诞生的!用户应该能够通过水平滑动来快速查看所有产品图片,而不需要下滑这个动作。


支持缩放和轻触两下手势

用户会试图用类似于两指缩放,轻按两下这样的手势来放大手机上的产品图片。然而有些 app 虽然支持这样的功能,却没用告诉他们的用户。当 app 告知用户他们支持这些手势时,实际上在帮助用户更好地使用自己的产品。


产品详情页这样设计,用户才会乖乖掏钱_第8张图片

产品定价

你首先要花上一些时间来确定你的定价策略。让价格合适并且放置在页面上恰当的位置有两种方法:

●如果你的价格具有竞争力,那么就要发挥这一优势。最好的做法就是,当你对价格足够自信时,将价格放在前面显眼的位置(紧跟在产品图片和产品名称后面),asos就是这样做的:

产品详情页这样设计,用户才会乖乖掏钱_第9张图片

●如果你不靠价格优势取胜(比方说,你卖的产品是独一无二的),那么你可以考虑不把价格放在那么显眼的位置。将价格放置在产品描述之后,也许是个好选择。

产品库存量和运输方式

用户放弃购买行为的一大原因就是,页面上没有标示出运输选项以及费用。用户不得不在其他页面上寻找关于运输方式的信息,而这就打断了他们最初的购买行为。

显示实体店铺库存量

如果用户想要在实体店自提商品的话,库存量是一个关键的参考要素。为了给用户展示当地的货存量,你需要尝试自动获取用户的地址信息,但也要让用户很方便地选择他们偏爱的店。一个常见的错误就是,只展现了用户当前地址附近的店铺,却忘记提供其他选择。


产品详情页这样设计,用户才会乖乖掏钱_第10张图片

运输费用和天数

用户期待运输费用和送货时间都写得明明白白,因为当他们购物时,他们会常常会衡量运输价格和运输时间之间的性价比。

产品详情页这样设计,用户才会乖乖掏钱_第11张图片

理想情况下,你应该提供一个免费又及时的运输方式。在你的产品页面中,一定要包含可选的运输方式以及各自的价格。

有用处的用户评论

网上购物时用户倾向于相信别人的评价。用户评论对于用户来说有两方面的作用:

●评论能让用户了解产品的质量,以及服务的优劣。用户需要再三确认你关于产品的描述是真实的。

●评论可以解答用户在产品介绍页面没找到的,关于产品细节的疑惑。用户会认为这样获得的信息好过通过商店销售口中得到的信息。

如果你能收获一系列的好评价,它们将增加你产品的可信度,也能帮你卖得更好。

允许用户过滤评价

允许用户通过分类和过滤来得到他们真正想知道的产品信息。


产品详情页这样设计,用户才会乖乖掏钱_第12张图片

不要隐藏任何负面的评论,并且展示总投票数

只有好评的评论区会让用户产生怀疑。


产品详情页这样设计,用户才会乖乖掏钱_第13张图片

当你展示产品时,确保将所有的投票数都显示出来,以确保评分的真实度。


产品详情页这样设计,用户才会乖乖掏钱_第14张图片

降低跳出率(bounce rate)

通过提供附加的信息来增加用户在app上逗留的时间:提供相关产品以及热销产品的信息。当用户考虑买替换装或者是产品附件时,他们会感谢你提供的这些信息的。产品页面的底部要放上你觉得最吸引人的产品。


产品详情页这样设计,用户才会乖乖掏钱_第15张图片

结论

30%的用户仅仅因为页面优化不够而放弃手机上的购买行为。设计一个转换率媲美桌面网页的产品页应该是每个商务app的首要任务。产品页面的职责就是让用户掏钱,因为购物这一行为越简单,用户就越容易去购买产品。

感谢!

你可能感兴趣的:(产品详情页这样设计,用户才会乖乖掏钱)