福州移動手機端網頁設計瀏覽的意義

  • 福州移動手機端網頁設計瀏覽的意義已關閉評論
  • A+
所屬分類:網站制作方案

福州移動手機端網頁設計瀏覽的意義

1 研究背景

1.1 移動互聯網的發展

近年來隨著互聯網技術的發展, 全球范圍內的互聯網用戶繼續保持增長。根據2018年1月31日, 中國互聯網絡信息中心 (CNNIC) 發布的第41次《中國互聯網絡發展狀況統計報告》顯示, 截至2017年12月, 我國網民規模達7.72億, 普及率達到55.8%, 超過全球平均水平 (51.7%) 4.1個百分點。

隨著互聯網技術的發展和智能移動終端設備的普及, “移動互聯網”這一將移動通信和互聯網相結合的技術已飛快地進入我們的生活并服務于我們生活的方方面面, 人們通過移動互聯網技術實現網絡閱讀、社交、購物、娛樂。越來越多的網民尤其是年輕一代的網民更多地選擇使用智能手機上網, 數據顯示, 截至2017年12月, 我國手機網民規模達7.53億, 網民中使用手機上網人群的占比由2016年的95.1%提升至97.5%。

此外, 移動互聯網技術服務于人類生活也改變了人類很多行為方式, 尤其是閱讀方式的變化。移動互聯網技術可以讓人類隨時隨地接受到各類信息, 而智能手機能讓這些信息以文字、聲音、圖片、視頻等各類形式呈現在讀者面前。并且用戶可以通過觸摸手機屏幕來與這些信息互動。在今天, 信息的傳遞和呈現變得史無前例得快速和立體。

1.2 移動端網頁技術的發展

由于移動端上網在即時性上的優勢顯而易見, 網絡閱讀也從臺式機更多地轉向了智能手機。用戶一般通過兩種途徑在智能手機上實現網絡閱讀, 一種是通過網頁, 一種是通過安裝在智能手機上的軟件 (App) 。兩者在功能上各有特點, 前者無需下載, 直接通過手機瀏覽器打開, 后者需要用戶將軟件下載到手機里, 由于其本身的技術特點, 手機軟件在早期擁有更穩定更友好的操作體驗, 且可以離線使用。

但隨著網頁技術的發展, 尤其是HTML5 (超文本標記語言的第5次修訂) 的制定完成, 使得網頁作為一種傳統的網絡閱讀載體, 在多媒體的呈現以及實現人機交互功能方面都得到了全面升級。網頁上不僅可以輕松實現圖像、動畫、音視頻的展示, 還可以通過手機觸摸屏、手機重力感應器、手機攝像頭、話筒實現人機交互。

同時, 網頁相比手機軟件在信息的傳播分享和對硬件平臺的兼容性上有了獨特的優勢, 隨著移動互聯網技術的繼續發展, 這一優勢也會越來越明顯。

1.3 手機端網頁應用現狀與案例分析

由于手機端網頁 (以下簡稱網頁) 擁有在移動互聯網上的傳播優勢, 使它更多地運用于廣告營銷、新聞報道等領域。為了吸引用戶打開網頁閱讀, 在基于HTML5網頁技術的廣告設計中往往利用其在多媒體呈現和人機交互上的技術特點, 通過圖形動畫、音視頻演繹一個故事, 并根據故事情節的發展在其中加入有趣的交互環節, 從而加深用戶對廣告內容的印象。

?用于宣傳一款手機支付軟件的網頁, 該系列網頁在首屏設計了一個模擬點鈔的交互環節, 用戶可以通過手指滑動屏幕上的點鈔機, 點鈔機上的鈔票也會隨著手指的觸摸滑動飛出, 配上真實的音效, 在手機屏幕上真實再現了點鈔過程, 這一環節的設計無疑增添了網頁的趣味性。后續又通過風格獨特的圖形動畫演繹了一場餐廳結賬的鬧劇, 并在故事的結尾引出廣告產品, 留下了產品下載按鈕。該組網頁充分利用了手機端網頁的技術特點結合了獨特的畫面風格和有趣的交互體驗給人留下深刻的印象。

與廣告類網頁不同, 新聞報道類網頁除了體現趣味性的同時, 更注重于真實事件的再現。在這類網頁中往往嵌入來自新聞事件中的真實聲音和影像。 一組以回顧MH370航班失聯事件為主題的新聞類網頁, 該系列網頁采用了冷峻寫實的整體視覺風格, 在通過動態圖像展示失聯航班的航線和搜救路線的同時, 嵌入了來自新聞事件第一現場的聲音。該系列網頁通過寫實的視覺風格和真實的聲音營造了新聞事件的現場感和與主題相符的沉重氣氛。

總理記者會新聞網頁, 該網頁展示了記者會現場金色大廳的全景畫面, 當讀者用手指左右滑動手機屏幕時, 前排記者與主席臺是2︰1的視差滾動, 從而增加畫面的空間感。當畫面經過主席臺左右兩側的壁畫時, 原本靜態的壁畫會活動起來。當滑動到特定區域時, 會有記者舉手提問并出現關鍵詞, 點擊關鍵詞進入總理的問答頁面, 問答頁面中除了有總理回答記者的完整文字稿還有原音重現。該網頁通過第一視角的場景還原和特色的交互效果帶給讀者很強的參與感。

1.4 移動端網頁用戶行為分析

由于基于移動端網頁的閱讀受到內容、網速、手機硬件、網頁架構和界面布局等多方面的影響, 使其用戶在閱讀行為上有明顯的特征。根據來自騰訊市場部的《移動端網頁用戶行為報告》顯示, 移動端網頁的用戶閱讀行為主要有以下特點。

1) 網頁加載5秒內就會有74%的用戶離開頁面。

2) 閱讀高峰期通常出現在中午12點和晚上10點左右。

3) 通過用戶口碑傳播的網頁, 訪問熱度往往會持續兩天左右。

4) 放置在網頁左邊的按鈕, 點擊率較低。

5) 隨著網頁頁面層級越深用戶的流失率越高 (到了第6頁只剩下46.9%的用戶) 。

6) 輸入行為和復雜的交互行為會導致用戶流失。

7) 用戶在功能型頁面的平均停留時間要比在展示型頁面的平均停留時間要長。

8) 用戶在首頁和尾頁的平均停留時間比在中間頁面的平均停留時間要長。

9) 設置在首屏和尾屏的按鈕被點擊率最高。

10) 具有動畫效果的按鈕更容易引起用戶注意并點擊。

11) 用戶會沿用從上一頁學習到的交互行為。

根據以上特點可以看出, 移動端網頁在設計時應注重以下幾點:層級不宜過深、應該把重要的信息放在首屏、適當在網頁中加入的動畫效果將更容易吸引讀者參與交互、交互按鈕應盡量設計在網頁的右側。