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