移動(dòng)網(wǎng)頁的主體內(nèi)容應(yīng)在首屏中占據(jù)盡可能大的區(qū)域,主體內(nèi)容中間不應(yīng)插入非主體內(nèi)容和元素。
圖1.3 詳情頁主體內(nèi)容
圖1.4 列表頁主體內(nèi)容
1.3 首屏
用戶打開移動(dòng)網(wǎng)頁,不滑動(dòng)屏幕可看到的所有內(nèi)容,稱為首屏。
二、適宜移動(dòng)閱讀的版式布局
用戶點(diǎn)擊搜狗搜索結(jié)果時(shí),打開網(wǎng)頁的版式布局對(duì)用戶瀏覽體驗(yàn)有較大影響。如果網(wǎng)頁具有適配良好的無線版式、清晰的字體字號(hào)、合理的主體內(nèi)容布局,會(huì)使得用戶快速的聚焦和方便的瀏覽所需信息。反之,如果一個(gè)網(wǎng)頁的無線版式布局不友好,如不具備移動(dòng)端版式、布局缺乏清晰邏輯時(shí),就會(huì)對(duì)用戶的瀏覽體驗(yàn)造成傷害。
2.1 移動(dòng)端友好版式
移動(dòng)頁面具有適合手機(jī)瀏覽的板式布局,能適配主流操作系統(tǒng)、廠商機(jī)型、主流的瀏覽器。對(duì)于不同分辨率的屏幕,能夠自動(dòng)調(diào)整頁面內(nèi)容,包括布局、字號(hào)等,用戶不需要左右滑屏,也不需要縮放就能清晰辨識(shí)網(wǎng)頁的內(nèi)容。下面是兩個(gè)排版不友好的頁面示例:
圖 2.1 PC版式頁面,無移動(dòng)版式
推薦閱讀 據(jù)The Verge 報(bào)道,蘋果正在翻新的標(biāo)志性的紐約第五大道 Apple Store細(xì)節(jié)近日曝光。報(bào)道稱,第五大道零售店的開業(yè)日期將會(huì)延期至2018年10月31日,營業(yè)面積將會(huì)是目前>>>詳細(xì)閱讀 本文標(biāo)題:搜狗移動(dòng)搜索頁面體驗(yàn)白皮書! 地址:http://www.brh9h.cn/a/guandian/yejie/303721.html