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

吳萱

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

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

中圖分類(lèi)號(hào)：TB472 文獻(xiàn)標(biāo)識(shí)碼：A

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

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

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

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

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

1.2UC瀏覽器概述

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

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

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

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

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

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

2.2界面布局分析

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

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

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

（1）天氣

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

（2）導(dǎo)航

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

（3）快速鏈接

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

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

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

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

3.2顏色情感分析

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

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

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

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

4總結(jié)

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