400-800-9385
網站建設資訊詳細

移動優先的(de)背景下(xià)如何讓手機網站内容更易讀?

發表日期:2019-04-09 09:31:49   作者來(lái)源:方維網絡   浏覽:4700   标簽:移動網站設計    手機網站建設    
我們認爲,移動優化(huà)包括如下(xià)方向:
對(duì)用(yòng)戶來(lái)說,更多(duō)人(rén)花費更多(duō)時(shí)間在移動設備上;
對(duì)搜索引擎更巨頭來(lái)說,它們優先呈現适合移動閱讀的(de)内容;
對(duì)企業來(lái)說,呈現更多(duō)适合用(yòng)移動設備觀賞的(de)内容;
所以,移動優先,已經成爲了(le)一種現狀。
對(duì)網站設計師來(lái)說,如何提升移動閱讀體驗呢(ne)?
由于移動用(yòng)戶,花費更多(duō)的(de)時(shí)間在閱讀内容,爲此,在移動時(shí)代,内容營銷的(de)權重提高(gāo)了(le)。設計師如何能夠優化(huà)内容呈現方式,爲内容營銷助一把力呢(ne)?我們總結出如下(xià)經驗。

讓側邊欄消失

因爲移動用(yòng)戶比PC用(yòng)戶更加不專注,更加容易離開,所以,要在設計方面想辦法,别去打擾用(yòng)戶。
基于這(zhè)樣的(de)思路,在頁面内容呈現的(de)時(shí)候,去減少屏幕頁面的(de)元素,包括導航、側邊欄、置頂、分(fēn)享等等按鈕,即便是爲了(le)便于傳播的(de)目的(de),也(yě)設計成爲“二次啓動”模式,即用(yòng)戶想要的(de)時(shí)候出現,而不是總是出現。
視覺效果驚豔
當用(yòng)戶打開内容頁面,要能夠吸引用(yòng)戶的(de)注意力,例如使用(yòng)“走心”“驚豔”的(de)句子或者圖片。例如,對(duì)标題、副标題使用(yòng)合适的(de)字号和(hé)字體顔色。

手機網站

我們不妨舉一個(gè)例子:微信公衆号的(de)很多(duō)文章(zhāng),特别是10萬+的(de)文章(zhāng),在文章(zhāng)導語字體顔色使用(yòng)方面,非花費了(le)大(dà)量的(de)心思。
文本的(de)設計
文本的(de)設計包括圖片的(de)放置位置,是環繞還(hái)是嵌入?是左邊還(hái)是右邊?
還(hái)包括字号的(de)選擇、字間距、行間距,頁邊距,都需要便于用(yòng)戶的(de)閱讀。
 

移動網站

我們舉一個(gè)反例:在這(zhè)個(gè)頁面中,将圖片放在左邊,占用(yòng)大(dà)量空間。文本設計字間距過大(dà),導緻用(yòng)戶需要不斷換行閱讀,極大(dà)消耗了(le)用(yòng)戶的(de)耐心。

内容分(fēn)頁設計

對(duì)于較長(cháng)的(de)内容,應該進行分(fēn)頁,而不是通(tōng)過增加行間距去增加一頁的(de)内容數量。
根據經驗,如果是英文内容頁,一屏的(de)内容在5-8行之間。
如果是中文内容頁,考慮到中文的(de)占位,一屏的(de)内容不應該超過10行。這(zhè)一數據,也(yě)是根據經驗所的(de),僅供參考。
另外,還(hái)需要提醒的(de)是,長(cháng)内容往往會導緻用(yòng)戶的(de)離開,所以應該給用(yòng)戶“緩沖”的(de)空間,包括插入圖片、一定的(de)留白等等。

鼓勵用(yòng)戶參與

用(yòng)戶專注與一篇内容或者頁面的(de)時(shí)間越長(cháng),内容營銷的(de)效果越好。
鼓勵用(yòng)戶參與,可(kě)以極大(dà)延長(cháng)用(yòng)戶停留在一個(gè)頁面的(de)時(shí)間。辦法有很多(duō):
例如,鼓勵用(yòng)戶討(tǎo)論和(hé)留言;例如,鼓勵用(yòng)戶通(tōng)過社交按鈕分(fēn)享;等等。

符合手機操作設計

網站在浏覽手機頁面内容的(de)時(shí)候,使用(yòng)的(de)操作有“翻頁”“分(fēn)享”“轉載”等等。手機網站的(de)内容頁面設計,需要符合這(zhè)些操作。
比如說在翻頁的(de)時(shí)候,應該設計成爲滑動翻頁,或者下(xià)拉翻頁,而不是點擊翻頁;
再比如,分(fēn)享、轉載的(de)按鈕應該适當放大(dà),便于用(yòng)戶進行操作。
我們認爲,如上設計建議(yì),可(kě)以增強手機頁面内容的(de)可(kě)讀性和(hé)易讀性,對(duì)内容營銷能

深圳方維網絡專注于移動網站、微網站定制開發,歡迎客戶咨詢
如沒特殊注明(míng),文章(zhāng)均爲方維網絡原創,轉載請注明(míng)來(lái)自