亚洲综合网伊人中文|亚洲一区二区无码动漫|成年性午夜免费视频网站不卡|色爱区综合激情五月综合色

蘋(píng)果的網(wǎng)站可以說(shuō)是企業(yè)官網(wǎng)的設計中的佼佼者，從圖片、廣告詞、白色的背景等排版設計都十分的漂亮且直觀(guān)。

比如衛龍辣條就深得蘋(píng)果頁(yè)面設計的“精髓”，曾經(jīng)靠模仿蘋(píng)果在網(wǎng)上大火一把。畫(huà)風(fēng)如下：

這讓人看完都不禁產(chǎn)生錯覺(jué)，是蘋(píng)果開(kāi)始賣(mài)辣條了嗎?那么蘋(píng)果產(chǎn)品頁(yè)面設計究竟暗藏哪些玄機，可以如此的吸引人呢?

縱觀(guān)蘋(píng)果的產(chǎn)品頁(yè)面可以發(fā)現，網(wǎng)頁(yè)上有非常詳細的產(chǎn)品圖片、令人驚嘆的動(dòng)畫(huà)效果和以用戶(hù)為中心的內容。那么你是否認真的思考過(guò)。蘋(píng)果的產(chǎn)品頁(yè)面和其他網(wǎng)站有什么不同?為什么閱讀蘋(píng)果產(chǎn)品描述會(huì )讓人感到輕松?為什么它能讓普通用戶(hù)也能理解一些難懂的技術(shù)術(shù)語(yǔ)。本文將從蘋(píng)果網(wǎng)站結構、外觀(guān)以及內容策略入手，介紹了各種蘋(píng)果產(chǎn)品頁(yè)面UX設計原則。下面，我們先來(lái)聊聊蘋(píng)果產(chǎn)品頁(yè)面結構有哪些值得借鑒的地方。

這個(gè)部分一共分為四個(gè)點(diǎn)，不僅分析了一般的網(wǎng)頁(yè)結構，還分析了蘋(píng)果使用采用的一些方式讓用戶(hù)更容易理解復雜的信息。

頁(yè)面分塊
蘋(píng)果產(chǎn)品頁(yè)面通常更喜歡將內容分割成單獨的片段，在每個(gè)文本塊之間會(huì )有大片的留白，或者放入圖片或視頻片段，而不是冗長(cháng)的無(wú)結構段落。

除了每一頁(yè)的末尾的法律部分，用戶(hù)是很難在蘋(píng)果產(chǎn)品頁(yè)面上發(fā)現大段的文本內容。將文本分成小段內容，并分散在整個(gè)頁(yè)面各個(gè)位置，讓人感覺(jué)需要閱讀的內容非常的少。

將信息分割成單獨的部分通常被稱(chēng)為分塊，這不僅可以用于文本種，還可以用于處理任何類(lèi)型的信息。一般來(lái)說(shuō)，在一個(gè)網(wǎng)站上展示大量的信息，不僅會(huì )給人留下糟糕的第一印象，還會(huì )增加訪(fǎng)客離開(kāi)的風(fēng)險，并且讓用戶(hù)更難記住信息。

例如，將一串很長(cháng)的非結構化數字“454678007”與結構化版本“454-678-007”進(jìn)行比較。盡管這兩個(gè)數字內容是相同的，但后者明顯更容易記憶。

注：圖片來(lái)自蘋(píng)果官網(wǎng)截圖。

極致的沉浸&互動(dòng)效果
蘋(píng)果的產(chǎn)品頁(yè)面并不是直接將所有信息堆疊在一起，它還創(chuàng )造出了互動(dòng)體驗。當用戶(hù)滾動(dòng)瀏覽頁(yè)面時(shí)，圖片跟著(zhù)移動(dòng)，文本淡入，產(chǎn)品動(dòng)圖則直觀(guān)的展示了晦澀難懂的術(shù)語(yǔ)。

對于用戶(hù)而言，就不再是“囫圇吞棗”獲取產(chǎn)品的信息，而是在緩慢的瀏覽中，逐步探索每一個(gè)功能。

以瀏覽蘋(píng)果Air pods頁(yè)面為例，頁(yè)面上詳細3d動(dòng)畫(huà)不僅展示了產(chǎn)品的表面，還展示了產(chǎn)品內部的每一個(gè)微小的技術(shù)細節，這讓用戶(hù)能更深刻的了解到了產(chǎn)品重要細節。

注：圖片來(lái)自蘋(píng)果官網(wǎng)截圖。

讓用戶(hù)在3D空間中探索產(chǎn)品，不僅更接機實(shí)物，還提供了一種有趣的方法來(lái)在線(xiàn)營(yíng)銷(xiāo)產(chǎn)品。由于傳統的電子商務(wù)網(wǎng)站主要依靠靜態(tài)的產(chǎn)品圖片和簡(jiǎn)短的描述來(lái)銷(xiāo)售產(chǎn)品，用戶(hù)往往缺乏足夠的想象力來(lái)充分了解產(chǎn)品。相比之下，蘋(píng)果則提供了一種更具沉浸感的方式，讓用戶(hù)有機會(huì )以一種更有趣、更詳細的方式來(lái)查看和了解產(chǎn)品。

頁(yè)面帶來(lái)的“驚喜感”

不可否認的是，蘋(píng)果已經(jīng)掌握了讓用戶(hù)感到驚喜的藝術(shù)。比如在瀏覽單個(gè)產(chǎn)品時(shí)候，網(wǎng)站轉換不斷變化，產(chǎn)品以多種方式移動(dòng)和旋轉，只要用戶(hù)想看，就不會(huì )錯過(guò)任何細節特寫(xiě)。

用戶(hù)瀏覽蘋(píng)果產(chǎn)品頁(yè)面時(shí)，看到的內容不再是干巴巴的信息，而更像是經(jīng)歷了一場(chǎng)“旅程”，從文字到圖片都在不斷的切換。

營(yíng)造社會(huì )認同感

除了有詳細的產(chǎn)品照片、令人印象深刻的動(dòng)畫(huà)和醒目的標題，蘋(píng)果在網(wǎng)站還展示了社區驅動(dòng)的內容。比如藝術(shù)家們給出一些建議來(lái)改善沉悶的肖像照片，攝像師如何用新的iPhone Pro拍攝電影等等。

看完視頻后，讓人覺(jué)得像iPhone Pro或Apple Watch等產(chǎn)品不再是蘋(píng)果產(chǎn)品頁(yè)面上那些抽象的、精致3D圖片，而是人們日常中實(shí)實(shí)在在使用的工具?？赐暌粋€(gè)有一個(gè)視頻之后，就讓人會(huì )想擁有Apple Watch會(huì )是什么感覺(jué)。

展示其它人使用產(chǎn)品，還能建議可信度。與營(yíng)銷(xiāo)驅動(dòng)的產(chǎn)品頁(yè)面相比，社區驅動(dòng)的內容為客戶(hù)提供了一個(gè)基于他人經(jīng)驗創(chuàng )建意見(jiàn)的機會(huì )。傾聽(tīng)別人的意見(jiàn)，而不是蘋(píng)果產(chǎn)品頁(yè)面上醒目的標題，會(huì )給人一種聽(tīng)別人意見(jiàn)的印象，也會(huì )讓潛在客戶(hù)更有可能決定購買(mǎi)他們一開(kāi)始還在猶豫的產(chǎn)品。 

注：圖片來(lái)自蘋(píng)果官網(wǎng)截圖。

接著(zhù)，我們再來(lái)講講內容策。略除了提供高度身臨其境的網(wǎng)絡(luò )體驗、令人印象深刻的頁(yè)面切換效果等，蘋(píng)果還在標題和文本編輯等內容方面下了很大功夫，讓人產(chǎn)生共鳴。

產(chǎn)品頁(yè)面文案幽默且易于理解
盡管蘋(píng)果銷(xiāo)售高度技術(shù)化的產(chǎn)品，并享有高端品牌的美譽(yù)，但它仍保持著(zhù)一種易于理解的、大多是非正式的、甚至是戲謔的語(yǔ)調。閱讀蘋(píng)果產(chǎn)品文本就好比是聽(tīng)一個(gè)聰明、隨和、幽默的人在講述，下面這段話(huà)就很有趣，很有節奏，在句末回應了用戶(hù)的普遍關(guān)注的問(wèn)題，讓用戶(hù)感到被理解了。

比如iPhone SE的防水文案就做到了這點(diǎn)： “瀟瀟灑灑，笑對水花飛灑。iPhone SE 具備抗水性能，最多可在 1 米水深停留 30 分鐘2，因此，它無(wú)懼咖啡、茶水、汽水等液體的侵襲。至于灰塵?更是不在話(huà)下?！?/span>

注：圖片來(lái)自蘋(píng)果官網(wǎng)截圖。

將產(chǎn)品功能具象化
擁有一臺 2000 萬(wàn)像素而不是 1000 萬(wàn)像素的相機意味著(zhù)什么?為什么新的iPhone SE的電池比你現有手機電池更好?當然，當用戶(hù)瀏覽技術(shù)細節頁(yè)面時(shí)，看到大數字會(huì )給人一種新產(chǎn)品優(yōu)于舊產(chǎn)品的印象。但用戶(hù)購買(mǎi)任何新的數字產(chǎn)品時(shí)，很難理解所有抽象的技術(shù)術(shù)語(yǔ)和數字，除非任何數字被翻譯成能讓人可以參考的方式。例如，看看蘋(píng)果公司在新的iPhone SE中宣傳新電池的方式：

“電量足夠，好戲刷個(gè)夠。情節正精彩，當然要繼續。iPhone SE 充滿(mǎn)一次電，就能播放視頻最長(cháng)達13 小時(shí)。充電時(shí)，可以直接放在無(wú)線(xiàn)充電器上;或者用 18 瓦快充電源適配器，30 分鐘即可從零充至最高達 50% 電量?！?/span>

注：圖片來(lái)自蘋(píng)果官網(wǎng)截圖。

這個(gè)文案標題不僅有趣，它還提供了極為簡(jiǎn)單的數字，讓大多數人能將產(chǎn)品新的優(yōu)勢與其它東西聯(lián)系在一起。在原本起來(lái)干巴巴的抽象數字加上一些細節描述，會(huì )讓人們停下來(lái)思考一，用戶(hù)理解后滿(mǎn)意度也就增加了。

注：圖片來(lái)自蘋(píng)果官網(wǎng)截圖。

展示產(chǎn)品相關(guān)性和實(shí)用性

除了將復雜的技術(shù)術(shù)語(yǔ)和數字轉換成人們可以更好理解的格式之外，蘋(píng)果還提供了語(yǔ)境，讓產(chǎn)品變得與客戶(hù)更加相關(guān)。例如，看看為iPhone Pro的廣角相機所寫(xiě)的文案：

“如果無(wú)法讓拍攝的對象全部收進(jìn)畫(huà)面，那就將鏡頭拉遠。因為全新的超廣角攝像頭取景范圍達到四倍，可拍攝更廣的場(chǎng)景，所以你即使站在原地不動(dòng)，也能實(shí)現后退、再后退的取景效果。下一次，把那些連綿的大山、高聳的教堂和壯麗的天際，全都收進(jìn)來(lái)吧?！?/span>

注：圖片來(lái)自蘋(píng)果官網(wǎng)截圖。

產(chǎn)品頁(yè)面僅僅關(guān)注廣角相機專(zhuān)業(yè)的技術(shù)參數，產(chǎn)品解釋使用一個(gè)實(shí)際的例子，讓每個(gè)人都可以聯(lián)系。讀者可能馬上就會(huì )想到拍攝廣角照片的感覺(jué)。

解決用戶(hù)潛在顧慮
盡管有些用戶(hù)在瀏覽蘋(píng)果產(chǎn)品頁(yè)面時(shí)會(huì )有購買(mǎi)的沖動(dòng)，但是入手一個(gè)新產(chǎn)品也伴隨著(zhù)擔憂(yōu)。尤其是如果用戶(hù)之前沒(méi)有使用過(guò)蘋(píng)果的產(chǎn)品，會(huì )擔心換了設備是否會(huì )帶來(lái)很多不便以及產(chǎn)生其它問(wèn)。顯然，蘋(píng)果已經(jīng)了解了大多數人的顧慮，專(zhuān)門(mén)提供了一個(gè)頁(yè)面來(lái)解釋切換設備相關(guān)的任何常見(jiàn)誤解。

注：圖片來(lái)自蘋(píng)果官網(wǎng)截圖。

正如上面的截圖所示，一些可能的存在問(wèn)顧慮會(huì )立即得到解決，并提供持續的指導，鼓勵用戶(hù)直接前往蘋(píng)果支持頁(yè)面而不是自己來(lái)解決問(wèn)題。

除了支持頁(yè)面之外，蘋(píng)果還不斷挑戰用戶(hù)，讓他們質(zhì)疑自己目前對技術(shù)的信仰，并積極反思自己的觀(guān)點(diǎn)：“智能 HDR 想不到吧，你的滿(mǎn)分大作還能再加分?！?/span>

注：圖片來(lái)自蘋(píng)果官網(wǎng)截圖。

看到這樣的標題會(huì )讓人眼前一亮，而在蘋(píng)果在文案的正下方，顯示了使用HDR新技術(shù)拍攝照片的效果。蘋(píng)果沒(méi)有僅僅告訴我們新相機最終會(huì )比我們現有的更好，而是提供了一些直接的例子，消除了讀者可能會(huì )有的任何顧慮。