手機瀏覽器的交互與視覺設計特征分析

吳萱

摘 要 手機瀏覽器在智能手機高度普及、移動應用高速發展的環境下，具有著極其重要的地位。本文以用戶體驗為中心，從產品的交互設計和視覺設計的角度出發，對UC瀏覽器為產品體驗對象進行分析研究，從中概括總結出UC瀏覽器交互界面設計值得其他瀏覽器產品學習借鑒的方面，同時發現不足并提出改進方案，為用戶提供更好的用戶體驗。

關鍵字 交互設計 視覺設計 UC手機瀏覽器

中圖分類號：TB472 文獻標識碼：A

對使用互聯網設備的廣大用戶來說，瀏覽器是盡知一切的窗口，它可以顯示文字、圖片、動態影像等內容，能夠與用戶產生交互行為。隨著移動互聯網的快速發展，手機移動端的瀏覽器占有著日益重要的戰略地位，而眾多手機瀏覽器品牌中擁有最多用戶數量的當屬UC瀏覽器。

1手機瀏覽器的現狀與概述

1.1手機瀏覽器的研究現狀

手機瀏覽器從誕生到現在已有近20年的歷史，從最開始的簡單界面，復雜操作逐漸發展到了今天以用戶為中心而設計開發的快捷、方便、互動性強的綜合性平臺，用戶在產品體驗感受也有了很大的提高。

目前對手機瀏覽器交互與視覺設計的研究還很少。截止2014年9月25日，在中國知網上關于“手機瀏覽器”相關文獻有 231篇，主要為手機瀏覽器發展現狀的概述及資訊。與用戶體驗設計相關的文獻有9篇，其中《基于Android系統智能手機瀏覽器交互界面的對比研究》對當下Android平臺多個手機平臺從交互界面的行為架構、頁面布局、視覺效果三方面進行了詳盡的比較，分析總結了歸納了產品形態的不同之處、存在差異的原因及對用戶行為的影響，并對未來手機瀏覽器交互界面設計的趨勢進行了預想。

1.2UC瀏覽器概述

UC瀏覽器是目前全球使用量最大的手機瀏覽器，他憑借便捷快速的用戶體驗，技術的不斷創新和龐大穩固的用戶群體，成為了全球移動互聯網產業的領軍產品。截至2014年3月，UC 優視旗下 UC 瀏覽器 Android 平臺全球用戶已突破 3億，全球用戶已突破五億，UC瀏覽器Android平臺用戶已超過 UC 整體用戶數的六成，平臺成為 UC 瀏覽器的第一大用戶平臺。

UC瀏覽器由優視科技自主研發，具有智能、極速、安全、省流量、云同步等優勢。在最新版本中，論壇模式、極速模式、網址安全、小說模式是UC瀏覽器主要推出的功能模塊，主要從簡潔排版、急速省流量、安全無廣告的用戶角度考慮，設計出讓用戶用于最優的超快體驗感的移動互聯網產品。

2UC瀏覽器交互設計分析

2.1行為架構分析

根據《2013年中國手機瀏覽器用戶研究報告》數據顯示，用戶在使用手機瀏覽器時使用的功能主要有：搜素、網址導航、快速訪問。通過搜索查找訪問網站的方式用戶比例最高，其中搜索信息的比例為 79.4%，通過首頁快速鏈接訪問常用網站的用戶比例為 58.7%，通過網址導航訪問網站的用戶比例為 49.2%。

因此根據用戶使用的功能頻率，手機瀏覽器行為架構最主要的作用是規劃搜索、導航、快速訪問等具體功能在哪些頁面實現，從而定義整個瀏覽器產品的運作方式。同時，涉及到根據用戶認知心理來確定瀏覽器產品的信息架構維度，以確保用戶能夠迅速理解和和易于使用。

2.2界面布局分析

在手機瀏覽器設計的歷史經驗中可以得出，設計師會將經常使用的主要功能放置在起始頁，包括搜索欄、快速鏈接、網址導航以及菜單欄。以v9.7.5版本為例，其界面在這三個內容上的劃分采取了雙頁面的形式，首頁分為三個區域，即最上搜索欄，中間內容導航區，將快速鏈接放置在了第二頁面，最下方為固定的菜單欄。

2.3交互體驗分析

在v9.7.5版本中，有很多新鮮元素的加入，并運用了多種不同的交互方式。

（1）天氣

在搜索欄的下方加入了天氣的模塊，當下拉頁面時，天氣模塊會先將文字隱去，再下拉后的上方區域通過淡出的形式展示出當地天氣的詳細信息。這個模塊可以通過快速簡單的操作手勢來達到同時展示當日信息與詳細信息的目的。

（2）導航

在主頁面的中間內容區，分布有網址導航、手機酷站、每日資訊、生活服務等分欄。在點開分欄后，相應的內容會向上展開，在這個交互設計上存在有一定不足，經過調查，有大部分用戶會在關閉分欄時發生錯誤操作，而他們習慣的操作應是在以分欄為基準將內容向下展開。

（3）快速鏈接

快速鏈接位于主頁的第二分頁，以手機桌面圖標分布的形式相同，添加、刪除和移動的方式與用戶習慣性操作相同，這是值得其他產品需要學習的地方。

3UC瀏覽器視覺界面設計分析

3.1視覺風格分析

如果說蘋果iOS 7開辟了UI設計扁平化的先河，那么現在扁平化的UI設計則是一種潮流。在v9.7.5版本中，UC瀏覽器也順應了這種扁平化的設計潮流，對主界面、設置、天氣、輸入、插件、瀏覽等頁面的多個方面都進行了全新的設計改動，讓瀏覽器頁面更加扁平和簡約，讓用戶在使用瀏覽器時候感覺更加清爽。

3.2顏色情感分析

顏色的使用直接影響著交互體驗，不同色彩的運用及搭配可以引導用戶的情感方向，可以向用戶傳達瀏覽器的交互信息，讓用戶在思想上與產品共鳴，情感溝通。

UC瀏覽器采用的主體色彩為藍色，背景色為極淺的灰色，一直繼承著最初版本的色彩系統。搜索框是個關鍵的瀏覽器控件，需要讓用戶集中注意力完成操作以提交數據，因此將搜索欄的顏色設置為醒目的藍色，與整個節面其他部分進行了明顯的分割。

3.3圖標設計分析

在圖標的設計上也符合了扁平化以及線條化的設計風格，總體呈現出時代性、個性化視覺符號形態，符合當下流行趨勢。

4總結

UC 瀏覽器作為中國手機網民最常使用的瀏覽器產品，無論在市場運營方面還是用戶體驗設計方面，都具有值得其他手機瀏覽器學習與借鑒的地方，同時UC瀏覽器自身應在當今交互與界面的設計趨勢下尋求更多能夠滿足多種不同用戶群需求的突破性設計。