• <ul id="k6mek"><pre id="k6mek"></pre></ul>
      <ul id="k6mek"></ul>
      <ul id="k6mek"></ul>
    • <blockquote id="k6mek"><fieldset id="k6mek"></fieldset></blockquote>
    • <samp id="k6mek"><tbody id="k6mek"></tbody></samp><ul id="k6mek"><tbody id="k6mek"></tbody></ul>
      <th id="k6mek"></th>
    • <samp id="k6mek"></samp>
    • 通過(guò)網(wǎng)站文本分塊提高用戶訪問(wèn)網(wǎng)站的體驗(yàn)

      網(wǎng)站訪問(wèn)者在網(wǎng)絡(luò)上遇到的大多數(shù)內(nèi)容是書(shū)面內(nèi)容,復(fù)制品或文本,它們可以告知或銷售某些東西。內(nèi)容的其他部分包括圖像,視頻和圖形。網(wǎng)站設(shè)計(jì)師如何安排所有這些內(nèi)容,對(duì)訪問(wèn)者閱讀和保留所有這些信息的方式產(chǎn)生重大影響。

      格式設(shè)置是設(shè)計(jì)師考慮的另一個(gè)重點(diǎn)。通過(guò)稱為塊的技術(shù),您將成功地整理內(nèi)容,以鼓勵(lì)訪問(wèn)者更輕松地閱讀內(nèi)容,從而獲得更好的用戶體驗(yàn)。

      當(dāng)您考慮普通人如何在網(wǎng)絡(luò)上“閱讀”(提示:根本不是真正的閱讀)時(shí),您會(huì)確切地知道為什么分塊對(duì)組織網(wǎng)絡(luò)內(nèi)容至關(guān)重要。

      ?

      人們?nèi)绾卧诰W(wǎng)上閱讀?

      如果您認(rèn)為人們閱讀了網(wǎng)絡(luò)上大部分或什至一半的書(shū)面內(nèi)容,那么您將給予他們太多的榮譽(yù)。研究了網(wǎng)絡(luò)閱讀習(xí)慣后進(jìn)行的研究得出的結(jié)論是,人們根本不花時(shí)間正確閱讀網(wǎng)絡(luò)上的每個(gè)單詞,段落或頁(yè)面。

      相反,他們喜歡瀏覽或掃描您的內(nèi)容。

      關(guān)于這一主題的經(jīng)典研究是尼爾森諾曼組??F-形圖案的研究??,從超過(guò)十年前,建立用戶不看字對(duì)字,只是掃描副本。一個(gè)更從2013年最近的研究看這個(gè)現(xiàn)象的結(jié)論同樣的事情,即用戶不看字對(duì)字,不讀完整篇文章,并停止大約一半通過(guò)閱讀。

      看看這些具有里程碑意義的研究,那么我們可以得出什么結(jié)論?

      很多內(nèi)容的沒(méi)有被讀取,不管是廣告或業(yè)務(wù)副本或資料在新聞報(bào)道和大多數(shù)人會(huì),充其量只是走馬觀花或掃描您的書(shū)面文字。

      那么面對(duì)這個(gè)似乎兩難的事情,設(shè)計(jì)師該怎么辦?

      他們必須忠實(shí)地開(kāi)始分塊其內(nèi)容。就是這樣:

      ?

      使用較小和較短的段落

      當(dāng)您在客戶網(wǎng)頁(yè)上安排內(nèi)容時(shí),請(qǐng)確保使用較小和較短的段落。這兩個(gè)研究上面具體發(fā)現(xiàn)您的訪客將不會(huì)被讀字對(duì)字,而是愛(ài)脫脂和掃描。

      多數(shù)民眾贊成格式化成較厚和更長(zhǎng)的段落內(nèi)容,不利于容易眼睛掃描和略讀。當(dāng)段落較長(zhǎng),讀者會(huì)停留在頁(yè)面上氣餒,并有傾向反彈。這關(guān)系到他們?nèi)绾巫匀皇蔷W(wǎng)絡(luò),這是通過(guò)掃描和略讀上閱讀。

      當(dāng)讀者瀏覽和瀏覽時(shí),他們正在嘗試從內(nèi)容中提取一些信息,以幫助他們決定是否要繼續(xù)閱讀。較長(zhǎng)的段落不允許這樣做,但是較短的段落(讀者可以更快地瀏覽它們)使他們可以更好地了解整個(gè)頁(yè)面的內(nèi)容。

      對(duì)于較短的段落網(wǎng)站的一個(gè)例子,我們看國(guó)家地理。它的文章??很少包含多于三個(gè)句子的段落。完美瀏覽。


      ?

      使用項(xiàng)目符號(hào)點(diǎn)

      要點(diǎn)的優(yōu)點(diǎn)在于它們吸引了易于閱讀和保留的大量信息。由于它們以短而連續(xù)的方式呈現(xiàn),因此非常適合支持訪問(wèn)者閱讀內(nèi)容的方式。

      Copyblogger?建議在網(wǎng)絡(luò)上使用項(xiàng)目符號(hào),并指出“讓人們閱讀您的博客文章,頁(yè)面,文章,并像其他任何事物一樣進(jìn)行復(fù)制”。

      這是所有關(guān)于簡(jiǎn)潔。由于人們?cè)缫巡粡氐自诰W(wǎng)絡(luò)上閱讀,您需要使用它的大外賣,他們可以在瞬間之事了解的內(nèi)容呈現(xiàn)出來(lái)。要點(diǎn)履行這一個(gè)發(fā)球。

      還應(yīng)該強(qiáng)調(diào)的要點(diǎn)應(yīng)該不會(huì)太久,因?yàn)槟悴粦?yīng)該包括長(zhǎng)句或每顆子彈點(diǎn)部分信息,因?yàn)檫@違背了其目的,簡(jiǎn)明扼要。該子彈點(diǎn)短,用于讀取更好。

      觀察成功使用的項(xiàng)目符號(hào)要點(diǎn)的最佳地點(diǎn)之一通常是在Flipkart等電子商務(wù)網(wǎng)站上。此頁(yè)面上,對(duì)于Samsung Galaxy J5-6,請(qǐng)注意使用項(xiàng)目符號(hào)要點(diǎn)來(lái)快速傳達(dá)手機(jī)的功能。


      ?

      使用標(biāo)題和副標(biāo)題

      它們非常適合將內(nèi)容分解為更易于閱讀和理解的部分。此外,標(biāo)題和副標(biāo)題還可以作為下一部分內(nèi)容的簡(jiǎn)短“預(yù)覽”,從而使讀者能夠立即了解即將到來(lái)的部分將要討論的內(nèi)容,并決定是否繼續(xù)閱讀。

      有研究表明,以及許多網(wǎng)絡(luò)讀者標(biāo)題閱讀器,大部分。這補(bǔ)充了上述研究,使人們發(fā)現(xiàn),在大多數(shù)情況下,人們只是網(wǎng)絡(luò)上的撇油器和掃描儀。

      華盛頓郵報(bào)》報(bào)道說(shuō),無(wú)論是在臺(tái)式機(jī)還是移動(dòng)設(shè)備上閱讀,大約60%的美國(guó)人只是在網(wǎng)上閱讀標(biāo)題。

      這與您的訪客,潛在客戶,讀者和客戶的短時(shí)間注意力行為完全相關(guān)。當(dāng)許多人剛剛閱讀標(biāo)題時(shí),您作為設(shè)計(jì)師的工作就是確保您的內(nèi)容標(biāo)題清楚地闡明讀者的期望,否則,他們可能決定不更深入地研究您的內(nèi)容以閱讀更多內(nèi)容。

      一個(gè)網(wǎng)站,生活和模具由標(biāo)題就是一個(gè)例子Listverse,奇怪的,令人震驚和轟動(dòng)萬(wàn)物的listicle編譯器。在其上的奇異文章在迪斯尼樂(lè)園,注意該網(wǎng)站是如何使用一個(gè)水晶般清晰的標(biāo)題,明確預(yù)覽什么內(nèi)容將是什么。當(dāng)一個(gè)人向下滾動(dòng),注意如何每個(gè)小標(biāo)題也非常清楚了每個(gè)部分將涵蓋,因此使閱讀并保留此信息變得輕而易舉。


      ?

      通過(guò)始終分塊內(nèi)容來(lái)幫助UX

      向訪問(wèn)者展示更好的內(nèi)容的關(guān)鍵是以他們已經(jīng)自然吸收的方式向他們展示所說(shuō)的內(nèi)容。那意味著分塊。由于您的內(nèi)容將面臨著要在網(wǎng)絡(luò)上閱讀的艱巨挑戰(zhàn),因此,不對(duì)您的內(nèi)容進(jìn)行分塊實(shí)際上可以確保很少有人會(huì)閱讀它。

      這意味著更少的線索,轉(zhuǎn)換和客戶,有人不讀你的銷售拷貝到年底可能意味著會(huì)喪失銷售機(jī)會(huì),或其他游客拒絕仔細(xì)閱讀你的博客文章可能意味著失去注冊(cè)和鉛捕捉。簡(jiǎn)而言之,不在網(wǎng)絡(luò)上分塊內(nèi)容會(huì)導(dǎo)致不良結(jié)果。

      高端網(wǎng)站設(shè)計(jì)勵(lì)人們通過(guò)略讀和掃描的方式自然地傾向于閱讀網(wǎng)絡(luò)上的內(nèi)容。不要打!不要將您的內(nèi)容放在較長(zhǎng)的段落中,以期望內(nèi)容的質(zhì)量能說(shuō)服人們逐字閱讀。

      事實(shí)的真相是,人們只是沒(méi)有花太多時(shí)間閱讀網(wǎng)絡(luò)內(nèi)容。而您作為設(shè)計(jì)師的工作就是要花這么短的注意力,讓他們閱讀并保留盡可能多的注意力。您只能通過(guò)分塊來(lái)做到這一點(diǎn)。


      返回觀點(diǎn)列表
      本文標(biāo)簽:

      相關(guān)專題

      體驗(yàn)從溝通開(kāi)始,讓我們聆聽(tīng)您的需求!

      開(kāi)始您的數(shù)字化品牌體驗(yàn)! 0571-85815193 期待您的來(lái)電!

      [ 網(wǎng)站建設(shè)×品牌官網(wǎng)設(shè)計(jì)×大策略營(yíng)銷門戶×微信小程序開(kāi)發(fā)×微信公眾號(hào)開(kāi)發(fā)]

      網(wǎng)站事業(yè)部產(chǎn)品經(jīng)理

      網(wǎng)站事業(yè)部產(chǎn)品經(jīng)理

      免費(fèi)獲取項(xiàng)目策劃

      項(xiàng)目開(kāi)發(fā)部產(chǎn)品經(jīng)理

      項(xiàng)目開(kāi)發(fā)部產(chǎn)品經(jīng)理

      免費(fèi)獲取項(xiàng)目策劃

      我們正使用 cookies 來(lái)改善您的訪問(wèn)體驗(yàn)

      派迪科技非常重視您的個(gè)人隱私,當(dāng)您訪問(wèn)我們的網(wǎng)站www.bmwdream.cn時(shí),請(qǐng)同意使用所有cookies 。

      如果您想詳細(xì)了解我們?nèi)绾问褂胏ookies請(qǐng)?jiān)L問(wèn)我們的 《隱私政策》

      Cookie 偏好

      如果您想詳細(xì)了解我們?nèi)绾问褂胏ookie請(qǐng)?jiān)L問(wèn)我們的 《隱私政策》

      管理cookie偏好

      基本 cookies

      始終允許

      這些 cookies 是網(wǎng)站運(yùn)行所必需的,不能在我們的系統(tǒng)中關(guān)閉。它們通常僅針對(duì)您所做的相當(dāng)于服務(wù)請(qǐng)求的操作而設(shè)置,例如設(shè)置您的隱私首選項(xiàng)、登錄或填寫(xiě)表格。您可以將瀏覽器設(shè)置為阻止或提醒您有關(guān)這些 cookies 的信息,但網(wǎng)站的某些部分將無(wú)法運(yùn)行。這些 cookies 不存儲(chǔ)任何個(gè)人身份信息。

      性能 cookies

      始終允許
      這些 cookies 使我們能夠計(jì)算訪問(wèn)量和流量來(lái)源,以便我們可以衡量和改進(jìn)我們網(wǎng)站的性能。它們幫助我們了解哪些頁(yè)面受歡迎和不受歡迎,并了解訪問(wèn)者如何在網(wǎng)站上移動(dòng)。這些 cookies 收集的所有信息都是匯總的,而且是匿名的。如果您不允許這些 cookies,我們將不知道您何時(shí)訪問(wèn)了我們的網(wǎng)站,也無(wú)法監(jiān)控其性能。

      功能性 cookies

      這些 cookies 收集信息用于分析和個(gè)性化您的定向廣告體驗(yàn)。您可以使用此撥動(dòng)開(kāi)關(guān)來(lái)行使選擇不獲取個(gè)人信息的權(quán)利。如果您選擇關(guān)閉,我們將無(wú)法向您提供個(gè)性化廣告,也不會(huì)將您的個(gè)人信息交給任何第三方。

      定位 Cookies

      這些 cookies 可能由我們的廣告合作伙伴通過(guò)我們的網(wǎng)站設(shè)置。這些公司可能會(huì)使用它們來(lái)建立您的興趣檔案,并在其他網(wǎng)站上向您展示相關(guān)廣告。它們不直接存儲(chǔ)個(gè)人信息,而是基于唯一標(biāo)識(shí)您的瀏覽器和互聯(lián)網(wǎng)設(shè)備。如果您不允許使用這些 cookie,您將體驗(yàn)到較少針對(duì)性的廣告。
      • <ul id="k6mek"><pre id="k6mek"></pre></ul>
        <ul id="k6mek"></ul>
        <ul id="k6mek"></ul>
      • <blockquote id="k6mek"><fieldset id="k6mek"></fieldset></blockquote>
      • <samp id="k6mek"><tbody id="k6mek"></tbody></samp><ul id="k6mek"><tbody id="k6mek"></tbody></ul>
        <th id="k6mek"></th>
      • <samp id="k6mek"></samp>