手機(jī)瀏覽器的交互與視覺設(shè)計(jì)特征分析

吳萱

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

關(guān)鍵字 交互設(shè)計(jì) 視覺設(shè)計(jì) UC手機(jī)瀏覽器

中圖分類號：TB472 文獻(xiàn)標(biāo)識碼：A

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

1手機(jī)瀏覽器的現(xiàn)狀與概述

1.1手機(jī)瀏覽器的研究現(xiàn)狀

手機(jī)瀏覽器從誕生到現(xiàn)在已有近20年的歷史，從最開始的簡單界面，復(fù)雜操作逐漸發(fā)展到了今天以用戶為中心而設(shè)計(jì)開發(fā)的快捷、方便、互動性強(qiáng)的綜合性平臺，用戶在產(chǎn)品體驗(yàn)感受也有了很大的提高。

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

1.2UC瀏覽器概述

UC瀏覽器是目前全球使用量最大的手機(jī)瀏覽器，他憑借便捷快速的用戶體驗(yàn)，技術(shù)的不斷創(chuàng)新和龐大穩(wěn)固的用戶群體，成為了全球移動互聯(lián)網(wǎng)產(chǎn)業(yè)的領(lǐng)軍產(chǎn)品。截至2014年3月，UC 優(yōu)視旗下 UC 瀏覽器 Android 平臺全球用戶已突破 3億，全球用戶已突破五億，UC瀏覽器Android平臺用戶已超過 UC 整體用戶數(shù)的六成，平臺成為 UC 瀏覽器的第一大用戶平臺。

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

2UC瀏覽器交互設(shè)計(jì)分析

2.1行為架構(gòu)分析

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

因此根據(jù)用戶使用的功能頻率，手機(jī)瀏覽器行為架構(gòu)最主要的作用是規(guī)劃搜索、導(dǎo)航、快速訪問等具體功能在哪些頁面實(shí)現(xiàn)，從而定義整個瀏覽器產(chǎn)品的運(yùn)作方式。同時(shí)，涉及到根據(jù)用戶認(rèn)知心理來確定瀏覽器產(chǎn)品的信息架構(gòu)維度，以確保用戶能夠迅速理解和和易于使用。

2.2界面布局分析

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

2.3交互體驗(yàn)分析

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

（1）天氣

在搜索欄的下方加入了天氣的模塊，當(dāng)下拉頁面時(shí)，天氣模塊會先將文字隱去，再下拉后的上方區(qū)域通過淡出的形式展示出當(dāng)?shù)靥鞖獾脑敿?xì)信息。這個模塊可以通過快速簡單的操作手勢來達(dá)到同時(shí)展示當(dāng)日信息與詳細(xì)信息的目的。

（2）導(dǎo)航

在主頁面的中間內(nèi)容區(qū)，分布有網(wǎng)址導(dǎo)航、手機(jī)酷站、每日資訊、生活服務(wù)等分欄。在點(diǎn)開分欄后，相應(yīng)的內(nèi)容會向上展開，在這個交互設(shè)計(jì)上存在有一定不足，經(jīng)過調(diào)查，有大部分用戶會在關(guān)閉分欄時(shí)發(fā)生錯誤操作，而他們習(xí)慣的操作應(yīng)是在以分欄為基準(zhǔn)將內(nèi)容向下展開。

（3）快速鏈接

快速鏈接位于主頁的第二分頁，以手機(jī)桌面圖標(biāo)分布的形式相同，添加、刪除和移動的方式與用戶習(xí)慣性操作相同，這是值得其他產(chǎn)品需要學(xué)習(xí)的地方。

3UC瀏覽器視覺界面設(shè)計(jì)分析

3.1視覺風(fēng)格分析

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

3.2顏色情感分析

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

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

3.3圖標(biāo)設(shè)計(jì)分析

在圖標(biāo)的設(shè)計(jì)上也符合了扁平化以及線條化的設(shè)計(jì)風(fēng)格，總體呈現(xiàn)出時(shí)代性、個性化視覺符號形態(tài)，符合當(dāng)下流行趨勢。

4總結(jié)

UC 瀏覽器作為中國手機(jī)網(wǎng)民最常使用的瀏覽器產(chǎn)品，無論在市場運(yùn)營方面還是用戶體驗(yàn)設(shè)計(jì)方面，都具有值得其他手機(jī)瀏覽器學(xué)習(xí)與借鑒的地方，同時(shí)UC瀏覽器自身應(yīng)在當(dāng)今交互與界面的設(shè)計(jì)趨勢下尋求更多能夠滿足多種不同用戶群需求的突破性設(shè)計(jì)。