網(wǎng)站建設(shè)在它上面的manta并不總是你的內(nèi)容和設(shè)計(jì)所需要的。這里有七種方法來創(chuàng)建一個(gè)長(zhǎng)期滾動(dòng)的網(wǎng)站,將保持用戶的關(guān)注,并希望讓他們滾動(dòng)。
長(zhǎng)時(shí)間滾動(dòng)可以成為吸引用戶的方式。有時(shí)最好的視覺呈現(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ì)量。沒有很好的內(nèi)容,沒有其他事情真正重要
壞消息是沒有高質(zhì)量的內(nèi)容測(cè)試,會(huì)告訴你,如果你正在創(chuàng)造的是好的。(用戶分析將提供這些信息。)
但是有幾件事可以幫助您創(chuàng)造的內(nèi)容:
講一個(gè)有趣的故事,把它變成你的故事。
使用高分辨率和有趣的視覺效果,如照片,插圖和視頻。
給用戶一個(gè)滾動(dòng)的理由。(有許多書籍章節(jié)以懸崖峭壁結(jié)束的原因,這使得人們閱讀。)
限制選擇。給用戶在設(shè)計(jì)中做些事情,但不要用太多的選擇壓倒他們。每個(gè)卷軸或故事舞臺(tái)上的一個(gè)號(hào)召性用語就足夠了。
寫誘人的副本。雖然視覺效果給人留下了第一印象,但這些詞將會(huì)使用戶在內(nèi)容中移動(dòng)。使用動(dòng)作動(dòng)詞,并參與一個(gè)可操作的,可靠的故事。
2.建立一個(gè)視覺主題
強(qiáng)大的視覺主題將幫助用戶理解前一個(gè)屏幕或滾動(dòng)的故事。視覺提示,如常見的顏色線,箭頭和連接線,甚至似乎重疊的屏幕可以創(chuàng)建一個(gè)從滾動(dòng)到滾動(dòng)的視覺線。這將有助于保持用戶在整個(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è)視覺主題,長(zhǎng)時(shí)間的滾動(dòng)應(yīng)該有助于網(wǎng)站流量。如果這沒有發(fā)生,用戶可能不理解視覺主題,他們應(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è)地方并且易于訪問。
使用滾動(dòng)技術(shù)(如視差,色彩遮擋或混合內(nèi)容類型(交替使用圖像,文字或視頻沉重的屏幕))來保持設(shè)計(jì)流暢。通過使用和混合滾動(dòng)技術(shù),設(shè)計(jì)向用戶發(fā)出內(nèi)容變化的信號(hào),同時(shí)保持它的趣味性。這些效果也可以鼓勵(lì)滾動(dòng),因?yàn)橛脩魰?huì)希望看到接下來會(huì)發(fā)生什么。
而且通過長(zhǎng)時(shí)間滾動(dòng)設(shè)計(jì),所有內(nèi)容(或大部分主要內(nèi)容)都在一個(gè)頁面上,因此您不必重新考慮彈出窗口或隱藏的移動(dòng)導(dǎo)航。一切都在那里為用戶。
5.替代長(zhǎng)和短滾動(dòng)
正如您將在單個(gè)滾動(dòng)中交替滾動(dòng)技術(shù)來創(chuàng)建頁面或屏幕一樣,請(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)度來防止單調(diào)或讀者的無聊。)
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)或無限滾動(dòng)的網(wǎng)站不應(yīng)該是無止境的。設(shè)計(jì)應(yīng)該包括一個(gè)開始,結(jié)束和明確的目標(biāo)為用戶。
無論設(shè)計(jì)看起來多么酷,都需要給用戶一些東西去做。(這就是為什么你有一個(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è)頁面和每個(gè)滾動(dòng)包括一個(gè)號(hào)召性用語按鈕,它位于設(shè)計(jì)的中心,易于查看和點(diǎn)擊。
在多個(gè)位置使用號(hào)召性用語很重要,因?yàn)椴⒎撬杏脩舳紝L動(dòng)到長(zhǎng)滾動(dòng)內(nèi)容的末尾。無論這個(gè)故事有多好,無論視覺效果如何,無論多么誘人的互動(dòng)...大多數(shù)用戶都有短暫的關(guān)注時(shí)間,并將決定是否以及如何在幾秒鐘內(nèi)參與設(shè)計(jì)。確??蓤?zhí)行元素從一開始就清晰可見,并且在設(shè)計(jì)交互的每個(gè)階段都可以訪問。
結(jié)論
雖然長(zhǎng)時(shí)間滾動(dòng)的
網(wǎng)站設(shè)計(jì)并不新鮮,但增強(qiáng)體驗(yàn)的方法正在發(fā)展。它從優(yōu)秀的內(nèi)容開始,并以您如何策劃體驗(yàn)結(jié)束。
請(qǐng)注意,長(zhǎng)時(shí)間滾動(dòng)的技術(shù)和概念在設(shè)計(jì)和用戶社區(qū)中仍然頗受爭(zhēng)議。權(quán)衡利弊,以及這種技術(shù)是否適合您的概念,然后確保一路測(cè)量分析和測(cè)試,以確保其正常工作。
本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:成都網(wǎng)站建設(shè)公司,成都網(wǎng)頁設(shè)計(jì)公司,成都網(wǎng)站設(shè)計(jì)公司,網(wǎng)站建設(shè) 成都,成都 網(wǎng)站建設(shè),成都企業(yè)網(wǎng)站建設(shè),營(yíng)銷型網(wǎng)站建設(shè),網(wǎng)站建設(shè)設(shè)計(jì),網(wǎng)站開發(fā),網(wǎng)站制作設(shè)計(jì)
名稱欄目:網(wǎng)站建設(shè)中7種方法,讓你設(shè)計(jì)出一個(gè)有吸引力的滾動(dòng)網(wǎng)站
文章路徑:http://www.rwnh.cn/news21/166021.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í)需注明來源:
創(chuàng)新互聯(lián)