移動(dòng)優(yōu)先的背景下如何讓手機(jī)網(wǎng)站內(nèi)容更易讀？

我們認(rèn)為，移動(dòng)優(yōu)化包括如下方向：
對(duì)用戶來(lái)說(shuō)，更多人花費(fèi)更多時(shí)間在移動(dòng)設(shè)備上；
對(duì)搜索引擎更巨頭來(lái)說(shuō)，它們優(yōu)先呈現(xiàn)適合移動(dòng)閱讀的內(nèi)容；
對(duì)企業(yè)來(lái)說(shuō)，呈現(xiàn)更多適合用移動(dòng)設(shè)備觀賞的內(nèi)容；
所以，移動(dòng)優(yōu)先，已經(jīng)成為了一種現(xiàn)狀。
對(duì)網(wǎng)站設(shè)計(jì)師來(lái)說(shuō)，如何提升移動(dòng)閱讀體驗(yàn)?zāi)兀?br />由于移動(dòng)用戶，花費(fèi)更多的時(shí)間在閱讀內(nèi)容，為此，在移動(dòng)時(shí)代，內(nèi)容營(yíng)銷的權(quán)重提高了。設(shè)計(jì)師如何能夠優(yōu)化內(nèi)容呈現(xiàn)方式，為內(nèi)容營(yíng)銷助一把力呢？我們總結(jié)出如下經(jīng)驗(yàn)。
讓側(cè)邊欄消失
因?yàn)橐苿?dòng)用戶比PC用戶更加不專注，更加容易離開，所以，要在設(shè)計(jì)方面想辦法，別去打擾用戶。
基于這樣的思路，在頁(yè)面內(nèi)容呈現(xiàn)的時(shí)候，去減少屏幕頁(yè)面的元素，包括導(dǎo)航、側(cè)邊欄、置頂、分享等等按鈕，即便是為了便于傳播的目的，也設(shè)計(jì)成為“二次啟動(dòng)”模式，即用戶想要的時(shí)候出現(xiàn)，而不是總是出現(xiàn)。
視覺效果驚艷

當(dāng)用戶打開內(nèi)容頁(yè)面，要能夠吸引用戶的注意力，例如使用“走心”“驚艷”的句子或者圖片。例如，對(duì)標(biāo)題、副標(biāo)題使用合適的字號(hào)和字體顏色。
我們不妨舉一個(gè)例子：微信公眾號(hào)的很多文章，特別是10萬(wàn)+的文章，在文章導(dǎo)語(yǔ)字體顏色使用方面，非花費(fèi)了大量的心思。
文本的設(shè)計(jì)
文本的設(shè)計(jì)包括圖片的放置位置，是環(huán)繞還是嵌入？是左邊還是右邊？
還包括字號(hào)的選擇、字間距、行間距，頁(yè)邊距，都需要便于用戶的閱讀。

我們舉一個(gè)反例：在這個(gè)頁(yè)面中，將圖片放在左邊，占用大量空間。文本設(shè)計(jì)字間距過(guò)大，導(dǎo)致用戶需要不斷換行閱讀，極大消耗了用戶的耐心。
內(nèi)容分頁(yè)設(shè)計(jì)
對(duì)于較長(zhǎng)的內(nèi)容，應(yīng)該進(jìn)行分頁(yè)，而不是通過(guò)增加行間距去增加一頁(yè)的內(nèi)容數(shù)量。
根據(jù)經(jīng)驗(yàn)，如果是英文內(nèi)容頁(yè)，一屏的內(nèi)容在5-8行之間。
如果是中文內(nèi)容頁(yè)，考慮到中文的占位，一屏的內(nèi)容不應(yīng)該超過(guò)10行。這一數(shù)據(jù)，也是根據(jù)經(jīng)驗(yàn)所的，僅供參考。
另外，還需要提醒的是，長(zhǎng)內(nèi)容往往會(huì)導(dǎo)致用戶的離開，所以應(yīng)該給用戶“緩沖”的空間，包括插入圖片、一定的留白等等。
鼓勵(lì)用戶參與
用戶專注與一篇內(nèi)容或者頁(yè)面的時(shí)間越長(zhǎng)，內(nèi)容營(yíng)銷的效果越好。
鼓勵(lì)用戶參與，可以極大延長(zhǎng)用戶停留在一個(gè)頁(yè)面的時(shí)間。辦法有很多：
例如，鼓勵(lì)用戶討論和留言；例如，鼓勵(lì)用戶通過(guò)社交按鈕分享；等等。
符合手機(jī)操作設(shè)計(jì)
網(wǎng)站在瀏覽手機(jī)頁(yè)面內(nèi)容的時(shí)候，使用的操作有“翻頁(yè)”“分享”“轉(zhuǎn)載”等等。手機(jī)網(wǎng)站的內(nèi)容頁(yè)面設(shè)計(jì)，需要符合這些操作。
比如說(shuō)在翻頁(yè)的時(shí)候，應(yīng)該設(shè)計(jì)成為滑動(dòng)翻頁(yè)，或者下拉翻頁(yè)，而不是點(diǎn)擊翻頁(yè)；
再比如，分享、轉(zhuǎn)載的按鈕應(yīng)該適當(dāng)放大，便于用戶進(jìn)行操作。

網(wǎng)站名稱：移動(dòng)優(yōu)先的背景下如何讓手機(jī)網(wǎng)站內(nèi)容更易讀？
本文網(wǎng)址：http://muchs.cn/news/245755.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站策劃、標(biāo)簽優(yōu)化、營(yíng)銷型網(wǎng)站建設(shè)、軟件開發(fā)

廣告

聲明：本網(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)