舊的保持在它上面的manta并不總是你的內(nèi)容和設(shè)計(jì)所需要的。這里有七種方法來(lái)創(chuàng)建一個(gè)長(zhǎng)期滾動(dòng)的網(wǎng)站，將保持用戶的關(guān)注，并希望讓他們滾動(dòng)。
長(zhǎng)時(shí)間滾動(dòng)可以成為吸引用戶的佳方式。有時(shí)好的視覺(jué)呈現(xiàn)可能不會(huì)完全發(fā)生在滾動(dòng)上方。長(zhǎng)時(shí)間滾動(dòng)格式是多次滾動(dòng)以捕捉內(nèi)容的網(wǎng)站。讓我們把經(jīng)常辯論的概念休息一下。今天的用戶了解如何以及何時(shí)滾動(dòng)。
1.創(chuàng)建參與內(nèi)容
談到一個(gè)長(zhǎng)卷的網(wǎng)站，成功的關(guān)鍵是質(zhì)量。沒(méi)有很好的內(nèi)容，沒(méi)有其他事情真正重要
壞消息是沒(méi)有高質(zhì)量的內(nèi)容測(cè)試，會(huì)告訴你，如果你正在創(chuàng)造的是好的。（用戶分析將提供這些信息。）
但是有幾件事可以幫助您創(chuàng)造佳的內(nèi)容：
講一個(gè)有趣的故事，把它變成你的故事。
使用高分辨率和有趣的視覺(jué)效果，如照片，插圖和視頻。
給用戶一個(gè)滾動(dòng)的理由。（有許多書籍章節(jié)以懸崖峭壁結(jié)束的原因，這使得人們閱讀。）
限制選擇。給用戶在設(shè)計(jì)中做些事情，但不要用太多的選擇壓倒他們。每個(gè)卷軸或故事舞臺(tái)上的一個(gè)號(hào)召性用語(yǔ)就足夠了。
寫誘人的副本。雖然視覺(jué)效果給人留下了印象，但這些詞將會(huì)使用戶在內(nèi)容中移動(dòng)。使用動(dòng)作動(dòng)詞，并參與一個(gè)可操作的，可靠的故事。
2.建立一個(gè)視覺(jué)主題
好的的視覺(jué)主題將幫助用戶理解前一個(gè)屏幕或滾動(dòng)的故事。視覺(jué)提示，如常見的顏色線，箭頭和連接線，甚至似乎重疊的屏幕可以創(chuàng)建一個(gè)從滾動(dòng)到滾動(dòng)的視覺(jué)線。這將有助于保持用戶在整個(gè)設(shè)計(jì)中的移動(dòng)。
這是如何知道如果一個(gè)長(zhǎng)期滾動(dòng)的設(shè)計(jì)為您的網(wǎng)站工作。在您的分析中跟蹤現(xiàn)場(chǎng)的時(shí)間。在長(zhǎng)時(shí)間滾動(dòng)選項(xiàng)之前，用戶是否停留在網(wǎng)站上的時(shí)間更長(zhǎng)？他們是或多或少的內(nèi)容互動(dòng)？終期望的轉(zhuǎn)化行為是增加還是減少？
不僅僅是一個(gè)視覺(jué)主題，長(zhǎng)時(shí)間的滾動(dòng)應(yīng)該有助于網(wǎng)站流量。如果這沒(méi)有發(fā)生，用戶可能不理解視覺(jué)主題，他們應(yīng)該滾動(dòng)或者設(shè)計(jì)概念可能不適合那個(gè)用戶群。（長(zhǎng)時(shí)間滾動(dòng)不適用于所有人或每種內(nèi)容類型。）
3.喜歡互動(dòng)
長(zhǎng)時(shí)間滾動(dòng)的一個(gè)好處就是可以在網(wǎng)絡(luò)上使用沉浸式的故事敘述技術(shù)。這通常包括許多旨在取悅用戶的小型交互。
從動(dòng)畫到滑動(dòng)操作到滾動(dòng)技術(shù)，再到屏幕上變形的圖像，這些小的互動(dòng)可以幫助用戶保持聯(lián)系。在上面的比賽中，使用了一些交互 - 視頻，滾動(dòng)上的動(dòng)畫框，懸停效果，旋轉(zhuǎn)計(jì)數(shù)器和圖像滑塊。
滾動(dòng)的每個(gè)不同部分都包括對(duì)該內(nèi)容區(qū)域的動(dòng)畫。因?yàn)樵?，交互和?nèi)容是不同的（但是仍然遵循很好理解的用戶模式），所以游客在每次輕彈鼠標(biāo)時(shí)都會(huì)有新的東西。
4.使用滾動(dòng)技術(shù)
設(shè)計(jì)師喜歡長(zhǎng)卷軸網(wǎng)站的原因之一是因?yàn)樗鼈冊(cè)谂_(tái)式機(jī)和移動(dòng)設(shè)備上運(yùn)行良好。
許多用戶實(shí)際上更喜歡滾動(dòng)而不是點(diǎn)擊（或點(diǎn)擊）在較小的設(shè)備上，因?yàn)樗械男畔⑷匀辉谝粋€(gè)地方并且易于訪問(wèn)。
使用滾動(dòng)技術(shù)（如視差，色彩遮擋或混合內(nèi)容類型（交替使用圖像，文字或視頻沉重的屏幕））來(lái)保持設(shè)計(jì)流暢。通過(guò)使用和混合滾動(dòng)技術(shù)，設(shè)計(jì)向用戶發(fā)出內(nèi)容變化的信號(hào)，同時(shí)保持它的趣味性。這些效果也可以鼓勵(lì)滾動(dòng)，因?yàn)橛脩魰?huì)希望看到接下來(lái)會(huì)發(fā)生什么。
而且通過(guò)長(zhǎng)時(shí)間滾動(dòng)設(shè)計(jì)，所有內(nèi)容（或大部分主要內(nèi)容）都在一個(gè)頁(yè)面上，因此您不必重新考慮彈出窗口或隱藏的移動(dòng)導(dǎo)航。一切都在那里為用戶。
5.替代長(zhǎng)和短滾動(dòng)
正如您將在單個(gè)滾動(dòng)中交替滾動(dòng)技術(shù)來(lái)創(chuàng)建頁(yè)面或屏幕一樣，請(qǐng)注意混合長(zhǎng)和短滾動(dòng)分段。
包含快速且易于消化的短滾動(dòng)元素，例如圖像或帶有少量大詞匯的塊。然后添加更長(zhǎng)的滾動(dòng)元素，例如信息圖或矮胖的文本塊。按照這個(gè)簡(jiǎn)短的號(hào)召行動(dòng)。
混合內(nèi)容塊的長(zhǎng)度有助于保持對(duì)用戶不感到厭煩的流量。（這個(gè)概念很像書寫內(nèi)容，你想要混合句子長(zhǎng)度來(lái)防止單調(diào)或讀者的無(wú)聊。）
6.提供路線圖
當(dāng)涉及到長(zhǎng)時(shí)間滾動(dòng)的網(wǎng)站時(shí)，用戶想知道他們?cè)谀睦镆约八麄兪裁磿r(shí)候到達(dá)目的地。你需要提供一個(gè)路線圖。
網(wǎng)站用戶路線圖有多種形式：
粘滯的導(dǎo)航
顯示剩余內(nèi)容的點(diǎn)或元素
告訴用戶下一步該做什么的箭頭或符號(hào)
一種回到開始或結(jié)束的方式
7.設(shè)計(jì)明確的目標(biāo)
長(zhǎng)時(shí)間滾動(dòng)或無(wú)限滾動(dòng)的網(wǎng)站不應(yīng)該是無(wú)止境的。設(shè)計(jì)應(yīng)該包括一個(gè)開始，結(jié)束和明確的目標(biāo)為用戶。
無(wú)論設(shè)計(jì)看起來(lái)多么酷，都需要給用戶一些東西去做。（這就是為什么你有一個(gè)網(wǎng)站，對(duì)不對(duì)？）
在多個(gè)地點(diǎn)開展號(hào)召性行動(dòng)非常重要
在你思考設(shè)計(jì)之前，勾畫出終目標(biāo)應(yīng)該是什么。確保長(zhǎng)卷軸設(shè)計(jì)的每個(gè)部分都能幫助用戶達(dá)到這個(gè)目標(biāo)。看看上面的例子：每個(gè)頁(yè)面和每個(gè)滾動(dòng)包括一個(gè)號(hào)召性用語(yǔ)按鈕，它位于設(shè)計(jì)的中心，易于查看和點(diǎn)擊。
在多個(gè)位置使用號(hào)召性用語(yǔ)很重要，因?yàn)椴⒎撬杏脩舳紝L動(dòng)到長(zhǎng)滾動(dòng)內(nèi)容的末尾。無(wú)論這個(gè)故事有多好，無(wú)論視覺(jué)效果如何，無(wú)論多么誘人的互動(dòng)...大多數(shù)用戶都有短暫的關(guān)注時(shí)間，并將決定是否以及如何在幾秒鐘內(nèi)參與設(shè)計(jì)。確?？蓤?zhí)行元素從一開始就清晰可見，并且在設(shè)計(jì)交互的每個(gè)階段都可以訪問(wèn)。
結(jié)論
雖然長(zhǎng)時(shí)間滾動(dòng)的網(wǎng)站設(shè)計(jì)并不新鮮，但增強(qiáng)體驗(yàn)的方法正在發(fā)展。它從的內(nèi)容開始，并以您如何策劃體驗(yàn)結(jié)束。
請(qǐng)注意，長(zhǎng)時(shí)間滾動(dòng)的技術(shù)和概念在設(shè)計(jì)和用戶社區(qū)中仍然頗受爭(zhēng)議。權(quán)衡利弊，以及這種技術(shù)是否適合您的概念，然后確保一路測(cè)量分析和測(cè)試，以確保其正常工作。

新聞名稱：成都網(wǎng)站建設(shè)中的設(shè)計(jì)方法
本文地址：http://m.rwnh.cn/news46/76346.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)