優秀產品頁設計:將訪問者轉化成客戶

摘要:本文是對外文《 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.pswp.cn/news/450253.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/450253.shtml
英文地址,請注明出處:http://en.pswp.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中的函數實際是一個異常處理函數,但…