從前，這些東西叫做報紙。
報紙將從印刷機中脫出，墨水仍然濕潤，然后通過巨型機器將其對折。
這使它們有可能自豪地展示在城鎮(zhèn)周圍的架子上以及放入硬幣時打開的盒子內(nèi)。
但是這些報紙必須找到一種方法來迅速吸引路過的人們的注意力，因此他們提出了“超越目標(biāo)”的想法。
這導(dǎo)致了網(wǎng)站設(shè)計中最受關(guān)注的概念之——“卷軸之上”。
當(dāng)然，仍然存在的報紙通常以兩種尺寸出版：寬版和小報。寬幅版面的布局要比寬闊的布局高，更多的是縱向布局。
為了節(jié)省展示架和自動售貨機上的空間，通常將長頁報紙在長邊的中間折疊成兩半。
這意味著頁面上半部分的任何內(nèi)容都“超出折疊”，并且將在報紙展示時出現(xiàn)。
因此，報紙業(yè)很快就成為慣例，盡管“故事層出不窮”，但要吸引盡可能多的重要和引起關(guān)注的頭條新聞。
這樣做是為了希望隨便的讀者可以發(fā)現(xiàn)感興趣的標(biāo)題并購買報紙，而且頭條新聞越多，獲得更多讀者興趣的機會就越大。
小報是更方形或書形的報紙，通?？梢栽诩茏踊蜃詣邮圬洐C上看到其整個封面。
向前邁進了數(shù)字時代，“折疊”一詞被準(zhǔn)押韻的“滾動”代替。
將紙張轉(zhuǎn)換為像素
這兩個概念明顯不同，因為折疊只能用物理紙完成，滾動需要屏幕上的像素。
但是，這個想法仍然是一樣的。當(dāng)網(wǎng)頁首次加載時，觀眾會看到頁面的頂部。
如果頁面包含更多內(nèi)容，則用戶必須向下滾動才能看到它。這有點像網(wǎng)絡(luò)工作原理的一成不變的規(guī)律。
因此，聽到人們談?wù)搶⒅匾獌?nèi)容保持在網(wǎng)站設(shè)計上方的重要性非常普遍。
從本質(zhì)上講，這一概念是堅實的。自然，您希望通過屏幕上首先出現(xiàn)的任何內(nèi)容來吸引用戶的注意。
無論您是新聞網(wǎng)站，博客還是在線商店，都是如此。
但是，過于專注于“滾動上方”也很容易忘了滾動下方的所有空間仍然有價值。
Shopify部分和堆疊
Shopify的內(nèi)置部分功能經(jīng)常會鼓勵商店所有者建立將內(nèi)容劃分為頁面的各個部分的網(wǎng)站，這是構(gòu)建便于移動但又引人入勝的頁面的關(guān)鍵基礎(chǔ)。
這迫使我們優(yōu)先考慮內(nèi)容的優(yōu)先級，并考慮最重要或視覺上引人入勝的內(nèi)容首先出現(xiàn)的方式。
注意：試圖將所有內(nèi)容都適合移動設(shè)備的滾動條可能會很快變得令人喪失興趣，但是通過謹慎地進行優(yōu)先級排序和創(chuàng)造力。
您可以為購物者創(chuàng)造高度吸引人的體驗：
使用最佳攝影或圖形吸引注意力；
精心制作標(biāo)題和其他引人注目的文字并引起注意（但購物者也想了解更多）；
使用號召性用語（CTA）鼓勵用戶參與；
使用華麗的全寬度內(nèi)容也很誘人，這些內(nèi)容也占據(jù)了瀏覽器窗口的大部分或全部高度。
但是允許下面的某些內(nèi)容在滾動上方“窺視”是一個簡單的視覺提示，還有更多值得看的地方在頁面上。
在繼續(xù)瀏覽頁面時，您需要牢記兩個關(guān)鍵點：優(yōu)先級和演示。
01 內(nèi)容優(yōu)先
優(yōu)先級包括將更重要的內(nèi)容放在頁面上方。
在開始自定義之前，請仔細考慮頁面上想要的內(nèi)容。
考慮使用廢紙或粘滯便箋代表內(nèi)容的每個部分，然后在考慮如何移動它們。
當(dāng)優(yōu)先事項開始出現(xiàn)時，請考慮潛在的受眾如何處理內(nèi)容以及訂單是否滿足他們的需求。
還要考慮流量，您是否以對可能考慮購買的人有意義的方式介紹內(nèi)容。
一旦開始構(gòu)建頁面，您始終可以使用拖放功能在頁面上移動內(nèi)容，并查看它如何影響頁面的流動。
最終，確定優(yōu)先級的目標(biāo)應(yīng)該是使購物者在頁面上獲得更高的投資。
這幾乎適用于所有類型的頁面-無論是“產(chǎn)品”頁面，“關(guān)于我們”頁面，還是更常見的頁面。
展示您的公司，產(chǎn)品或服務(wù)如何解決問題：
從最強大的功能或與眾不同的獨特主張入手。
這不僅包括產(chǎn)品或服務(wù)本身，還包括客戶服務(wù)，擔(dān)?；蛎赓M送貨等方面。
當(dāng)您從購物者那里獲得“購買”時，就開始添加有關(guān)您引入的主要想法的更多信息或更多詳細信息，以繼續(xù)參與。
最后，在頁面上完成一些更具體的細節(jié)和其他信息，盡管這些信息仍然很重要，但可能并不是購物者所要尋找的第一件事。
這也是添加有關(guān)策略可能需要的“詳細說明”的好地方。
02 產(chǎn)品頁面
有了Flex Shopify主題，商店所有者和設(shè)計師現(xiàn)在可以使用備用產(chǎn)品頁面模板在標(biāo)準(zhǔn)生產(chǎn)畫廊，信息和表格上方添加內(nèi)容，從而為產(chǎn)品頁面設(shè)計開辟了有趣的可能性。
許多成功的電子商務(wù)商店都回避了傳統(tǒng)的產(chǎn)品頁面布局，轉(zhuǎn)而使用圖像和文字來展示其產(chǎn)品或服務(wù)，贏得信任和購買，然后包括“添加到購物車”區(qū)域
與傳統(tǒng)畫廊相比，這通?？梢允鼓玫卣故井a(chǎn)品攝影和圖像。
同樣，您通?？梢愿行У厥褂梦淖謽?biāo)題來吸引注意力并解釋您的業(yè)務(wù)。
您可以使用更高級的布局來創(chuàng)建更具吸引力的產(chǎn)品說明，而不僅僅是文字塊。
包含信任標(biāo)記和其他有助于轉(zhuǎn)換的元素會更容易。
使用此方法的產(chǎn)品頁面還具有減少成為銷售人員的感覺。
取而代之的是，鼓勵購物者了解產(chǎn)品或服務(wù)-相當(dāng)于拿起一件商品，檢查它并看您是否喜歡的數(shù)字形式。
當(dāng)然，總會有一些商店仍然從傳統(tǒng)布局中受益，因此，如果您嘗試使用此方法，則最好在轉(zhuǎn)換生效后密切監(jiān)視轉(zhuǎn)換率。
即使您不使用更高級的Flex產(chǎn)品頁面布局或發(fā)現(xiàn)該頁面不適用于您的商店，也可以考慮將其內(nèi)容移至圖庫和產(chǎn)品表格下方。
盡管這不是用戶首先看到的東西，但精明的在線購物者經(jīng)常將“滾動上方”的內(nèi)容視為摘要，并在下面查找更詳細的信息，圖像等。
Shopify
專欄
閩公網(wǎng)安備 35010202001226號
