手機(jī)QQ瀏覽器產(chǎn)品設(shè)計(jì)分析:移動(dòng)端瀏覽器的玩法
![](http://image.woshipm.com/wp-files/img/61.jpg)
原生應(yīng)用與手機(jī)瀏覽器的定位
北宋歐陽修談作文章有三上:馬上、枕上、廁上。而隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展,用戶使用移動(dòng)設(shè)備場景也與歐陽修作文場景類似,趨向碎片化?;ヂ?lián)網(wǎng)消費(fèi)調(diào)研中心數(shù)據(jù)表明,用戶通常使用手機(jī)上網(wǎng)的場景有:家里、工作單位、車上/路上、有wifi的公共場所、學(xué)校??偠灾苿?dòng)互聯(lián)網(wǎng)正朝著填充一切用戶碎片時(shí)間方向的發(fā)展。
移動(dòng)端使用場景的碎片化與移動(dòng)設(shè)備及網(wǎng)絡(luò)環(huán)境的限制,形成了區(qū)別于PC端用戶上網(wǎng)的習(xí)慣。移動(dòng)端用戶上網(wǎng)行為包括:瀏覽新聞、即時(shí)通訊、搜索信息、閱讀電子書、玩游戲、網(wǎng)上購物、在線視頻。
移動(dòng)端用戶上網(wǎng)通常有兩類軟件來滿足:手機(jī)瀏覽器與原生應(yīng)用。移動(dòng)互聯(lián)網(wǎng)瀏覽器不再是唯一上網(wǎng)入口,應(yīng)用占據(jù)了越來越多的用戶時(shí)間。但用戶使用應(yīng)用也體現(xiàn)出了一定的規(guī)律,最耗時(shí)的活動(dòng),比如游戲、社交網(wǎng)絡(luò)、音樂通常都是通過應(yīng)用實(shí)現(xiàn)。
相較而言,手機(jī)瀏覽器具有“覆蓋廣泛,快速到達(dá)”的核心優(yōu)勢,幾乎可以到達(dá)移動(dòng)互聯(lián)網(wǎng)絕大多數(shù)服務(wù),所以對于解決長尾需求而言,手機(jī)瀏覽器始終是必備,難以被取代,搜索則是滿足用戶在長尾里找內(nèi)容的方式。
手機(jī)瀏覽器用戶需求分析
用戶使用手機(jī)瀏覽器訪問網(wǎng)站類型中,新聞資訊網(wǎng)站達(dá)71.8%,小說網(wǎng)站達(dá)到43.1%,微博為42.6%,其他依次是郵箱、購物網(wǎng)站、生活服務(wù)網(wǎng)站、軟件下載網(wǎng)站、地圖網(wǎng)站、音樂網(wǎng)站、視頻網(wǎng)站等。可以說以上領(lǐng)域都是基于用戶在PC互聯(lián)網(wǎng)及功能機(jī)時(shí)代養(yǎng)成的網(wǎng)頁瀏覽行為習(xí)慣,用戶更多傾向于手機(jī)瀏覽器訪問如上內(nèi)容。
用戶對于瀏覽器本身功能性的需求主要集中在上網(wǎng)快、省流量、穩(wěn)定、安全上。并且瀏覽速度仍是用戶選擇瀏覽器的首要關(guān)注因素。
用戶對于手機(jī)瀏覽器的需求可以概括為:對瀏覽器能力需求及瀏覽器服務(wù)需求。能力主要體現(xiàn)在內(nèi)核、瀏覽速度、壓縮能力、多屏同步、安全、掃碼、搜索等功能及性能。服務(wù)則體現(xiàn)在整合用戶需要的內(nèi)容和服務(wù),避免用戶花費(fèi)太多時(shí)間去啟用和切換獨(dú)立APP。手機(jī)瀏覽器不再是網(wǎng)頁瀏覽工具,而是朝著移動(dòng)互聯(lián)網(wǎng)入口的超級APP方向發(fā)展。
手機(jī)QQ瀏覽器功能分析
手機(jī)瀏覽器可以將功能拆解為兩部分:瀏覽網(wǎng)頁基礎(chǔ)功能、瀏覽網(wǎng)頁長尾功能、針對移動(dòng)端專屬功能。
瀏覽器基礎(chǔ)功能
主流瀏覽器功能:
手機(jī)瀏覽器基礎(chǔ)功能為:地址欄、前進(jìn)、后退、主頁、多標(biāo)簽、添加收藏、打開收藏、瀏覽歷史、刷新、下載、關(guān)閉。
由于移動(dòng)設(shè)備特征,將上述基礎(chǔ)功能囊括到產(chǎn)品中而又不能使界面過于臃腫。此時(shí)以用戶消費(fèi)功能頻次為標(biāo)準(zhǔn),設(shè)計(jì)界面一級菜單及二級菜單項(xiàng)成為主流手機(jī)瀏覽器實(shí)現(xiàn)方案。將最高頻的地址欄、前進(jìn)、后退、主頁、多標(biāo)簽功能設(shè)置為首屏功能,其余核心功能則采用二級菜單展現(xiàn)。
地址欄為適應(yīng)移動(dòng)端多場景提供了多種網(wǎng)址輸入方式:文字、語音、二維碼。多標(biāo)簽頁切換功能也都彰顯了適應(yīng)移動(dòng)端用戶使用特征:通過上劃和左右劃動(dòng)手勢刪除和切換標(biāo)簽頁。其他功能如添加收藏、打開收藏、瀏覽歷史、刷新、下載、關(guān)閉由于屬于滿足用戶上網(wǎng)行為的基礎(chǔ)功能,主流瀏覽器普遍將其作為二級菜單首屏項(xiàng)。
QQ瀏覽器差異化功能:
①地址欄
圖1.手機(jī)QQ瀏覽器地址欄
手機(jī)QQ瀏覽器地址欄除了提供通用的二維碼和語音適合移動(dòng)端網(wǎng)址輸入的基礎(chǔ)功能外,在地址欄選中還未輸入內(nèi)容時(shí),提供熱詞及用戶輸入歷史記錄列表(見圖2左)。熱詞列表可以滿足用戶無目的性瀏覽資訊的需求,此功能在主流瀏覽器(UC、QQ、百度)中屬于差異化創(chuàng)新功能。
當(dāng)用戶輸入搜索或地址內(nèi)容,地址欄下列表將展現(xiàn)結(jié)果分為網(wǎng)頁及搜索推薦關(guān)鍵詞(見圖2右)。對于網(wǎng)頁結(jié)果,QQ瀏覽器做了瀏覽標(biāo)志,相比于其他主流瀏覽器(UC、百度),做了更清晰易懂的引導(dǎo),使搜索結(jié)果與網(wǎng)址區(qū)分更加明顯。
對于瀏覽器地址欄選中未輸入內(nèi)容及有內(nèi)容輸入時(shí),輸入法上方小工具按鈕,由剪切板和語音輸入增加到五個(gè)按鈕,符合用戶在移動(dòng)端輸入網(wǎng)址習(xí)慣:常常粘貼網(wǎng)址,當(dāng)用鍵盤輸入網(wǎng)址時(shí),需要.com等后綴。
針對地址欄功能的以上三處優(yōu)化,區(qū)別于其他主流瀏覽器(UC、百度),使用戶更便捷的輸入內(nèi)容、獲取信息。
②瀏覽器二級菜單首屏
圖2.手機(jī)QQ瀏覽器一級、二級菜單信息架構(gòu)
主流手機(jī)瀏覽器二級菜單首屏項(xiàng)幾乎相同,差異在于功能按鈕的排列上。微信的興起培養(yǎng)了用戶分享網(wǎng)頁的習(xí)慣,現(xiàn)在幾乎所有主流app都支持分享功能,手機(jī)瀏覽器也不例外。UC與百度瀏覽器對分享按鈕的布局都偏向屏幕的最右方,無論左手還是右手單手操作都非常不方便。QQ瀏覽器放置分享按鈕的位置恰恰滿足左右手都能方便地操作。這一點(diǎn)細(xì)微的設(shè)計(jì)令人印象深刻。
瀏覽器長尾功能
主流瀏覽器功能:
類似功能的劃分主要從使用人群及使用頻度上考慮。長尾功能包括:全屏模式、無痕瀏覽、插件、工具箱、設(shè)置默認(rèn)瀏覽器、清除數(shù)據(jù)。此類功能集為保證產(chǎn)品功能完整性同時(shí)滿足特定人群或低頻度功能集合。
由于用戶安裝和使用成本過高,本地化手機(jī)瀏覽器插件需求并不強(qiáng),所以主流瀏覽器廠商通常對插件及工具箱的支持極其有限,手機(jī)UC瀏覽器在不斷擴(kuò)充著插件庫在業(yè)界算得上孤注一擲。
手機(jī)QQ瀏覽器差異化功能:
瀏覽器插件
圖3.插件管理
QQ瀏覽器插件管理位置非常深,在設(shè)置中要仔細(xì)找才能找到。插件內(nèi)容也算較為適應(yīng)移動(dòng)端使用場景的實(shí)用功能。從QQ瀏覽器插件產(chǎn)品設(shè)計(jì)上,不難看出用戶對移動(dòng)端插件使用需求并不強(qiáng)。
針對移動(dòng)端專屬功能
此類別下功能仍可再度細(xì)分為四類:移動(dòng)端專屬交互功能、移動(dòng)端信息分享推送功能、移動(dòng)端瀏覽場景功能、移動(dòng)端內(nèi)容策略功能。
①移動(dòng)端專屬功能
主流瀏覽器功能:
都是為解決用戶在移動(dòng)場景下,瀏覽器功能及服務(wù)需求而打造。移動(dòng)端專屬交互功能意在利用移動(dòng)設(shè)備特性滿足用戶便捷操作瀏覽器的需求。包括QQ瀏覽器在內(nèi),主流瀏覽器都良好地支持以上移動(dòng)端交互功能。
圖4.手機(jī)QQ瀏覽器左右滑動(dòng)翻頁過程中
②信息分享推送功能
主流瀏覽器功能:
則提供了用戶更加快速獲取和分享信息的方式,瀏覽器本質(zhì)定位就是讓用戶更快速獲取信息,類似功能如今已成為各家app的標(biāo)配,能夠更好滿足用戶對信息獲取的需求。
手機(jī)QQ瀏覽器差異化功能:
圖5.手機(jī)QQ瀏覽器消息管理
QQ瀏覽器消息推送相比于百度瀏覽器只推送資訊更加全面豐富,而又比UC瀏覽器聚焦,UC瀏覽器推送中包含諸如愛淘寶、充話費(fèi)天貓,安排、折扣精選等為阿里引流的消息,從用戶角度會造成一定的困擾。所以消息推送的關(guān)鍵詞:適度。
③移動(dòng)端瀏覽器場景功能
主流瀏覽器功能:
其中省流加速和無圖模式分別滿足用戶對速度及省流量的剛需。移動(dòng)互聯(lián)網(wǎng)時(shí)代,隨著用戶對數(shù)據(jù)流量的需求水漲船高,而在現(xiàn)實(shí)的流量高資費(fèi)面前,省流量和高速成為了用戶的剛需、痛點(diǎn)和高頻需求。夜間模式則是基于用戶長期使用手機(jī)或在夜晚,手機(jī)亮度對用戶眼睛造成較大刺激的痛點(diǎn),構(gòu)建的解決方案。
手機(jī)QQ瀏覽器差異化功能:
圖6.手機(jī)QQ瀏覽器省流加速設(shè)置
QQ瀏覽器省流加速功能詳情設(shè)置頁,將過多的省流細(xì)節(jié)暴露給用戶。對比來說,UC瀏覽器單獨(dú)用一個(gè)按鈕開啟或關(guān)閉加速更加簡潔,畢竟用戶要的只是省流量又體驗(yàn)好的解決方案。這一點(diǎn)QQ瀏覽器是可以提升的。
④移動(dòng)端內(nèi)容策略的功能
主流瀏覽器功能:
此類功能是瀏覽器從純工具邁向超級app的標(biāo)志。譬如我的視頻功能是為了滿足用戶使用瀏覽器離線下載視頻及播放視頻的需求。
手機(jī)QQ瀏覽器差異化功能:
圖7.手機(jī)QQ瀏覽器我的視頻
QQ瀏覽器相比于UC瀏覽器和百度瀏覽器,在視頻功能上算的上做的最深的。百度瀏覽器視頻資訊部分只是作為為愛奇藝引流而存在,UC瀏覽器則主要關(guān)注于用戶在線瀏覽和關(guān)注。QQ瀏覽器獨(dú)特之處在于充分利用移動(dòng)端LBS特性,在我的視頻中加入身邊的人在看,猜你喜歡等更多個(gè)性化功能,增強(qiáng)用戶使用手機(jī)瀏覽器看視頻的粘性。
手機(jī)瀏覽器內(nèi)容及本地化服務(wù)分析
資訊、電子書閱讀
主流瀏覽器功能:
移動(dòng)設(shè)備上用戶行為前三位為瀏覽新聞、社交、電子閱讀。其中瀏覽新聞及電子閱讀都屬于閱讀行為,目前主流手機(jī)瀏覽器廠商中,都通過瀏覽器聚合內(nèi)容的優(yōu)勢,對新聞資訊及小說資源進(jìn)行聚合,并在此基礎(chǔ)上,結(jié)合用戶省流加速等需求,延伸出一系列功能如離線閱讀、壓縮排版。
手機(jī)QQ瀏覽器差異化功能:
①新聞資訊:
圖8.手機(jī)QQ瀏覽器每日頭條
主流瀏覽器都在主頁及輕應(yīng)用頁中加入了新聞資訊內(nèi)容。QQ瀏覽器每日頭條內(nèi)容與交互更接近原生新聞閱讀應(yīng)用,且利用騰訊優(yōu)勢資源,獨(dú)家構(gòu)建微信熱文滿足用戶資訊閱讀需求。比較而言百度瀏覽器將新聞資訊分為一個(gè)個(gè)板塊,板塊間切換不如QQ瀏覽器每日頭條方便。UC瀏覽器干脆沒有做新聞聚合的輕應(yīng)用,而是將神馬新聞作為資訊中心內(nèi)容,這就非常依賴新聞編輯內(nèi)容,且提供內(nèi)容受限。
②小說:
圖9.手機(jī)QQ瀏覽器小說書架
類似新聞資訊,主流瀏覽器也同樣在主頁和輕應(yīng)用中加入小說閱讀入口。QQ瀏覽器小說書架相比于其他瀏覽器類似功能,優(yōu)勢在于加入了具有社交元素針對小說類別的討論功能,可以增強(qiáng)用戶粘性。但劣勢在于相較于UC小說主頁,QQ瀏覽器小說書架頁面元素布局較臃腫與QQ瀏覽器輕快氣質(zhì)不符,也容易激發(fā)用戶選擇困難癥。
視頻
主流瀏覽器功能:
隨著無線網(wǎng)絡(luò)的普及及流量資費(fèi)的降低,用戶對移動(dòng)設(shè)備看視頻的需求不斷提升,主流手機(jī)瀏覽器廠商也多以此為切入點(diǎn),聚合全網(wǎng)視頻、高清畫質(zhì)、去廣告。譬如UC瀏覽器與快播的合作、獵豹主打的視頻離線下載功能。
手機(jī)QQ瀏覽器差異化功能:
圖10.手機(jī)QQ瀏覽器熱門視頻聚合內(nèi)容
主流瀏覽器都針對用戶移動(dòng)端流量及場景限制,主推短視頻播放及離線緩存。QQ瀏覽器在視頻方面優(yōu)勢在于聚合了各大網(wǎng)站視頻資源及微信熱門資源,具有強(qiáng)大的資源優(yōu)勢,而UC及百度則更傾向于為其旗下神馬視頻和愛奇藝引流。
不難發(fā)現(xiàn)由于有微信及QQ的存在,手機(jī)QQ瀏覽器無論是在內(nèi)容廣度上還是用戶個(gè)性化服務(wù)上都具有先天的優(yōu)勢。
本地化服務(wù)
在瀏覽器嵌入生活服務(wù)類功能,意在滿足用戶各種本地化生活需求。業(yè)界常用功能形式為插件化輕應(yīng)用的形式。降低了用戶獲取生活服務(wù)的步驟,提升瀏覽器作為移動(dòng)互聯(lián)網(wǎng)入口的定位。
瀏覽器發(fā)展趨勢
個(gè)性化信息與服務(wù)
同資訊類網(wǎng)站,個(gè)性化信息和服務(wù)對于用戶來說往往是最有價(jià)值的。在移動(dòng)時(shí)代,個(gè)性化內(nèi)容的消費(fèi)將爆發(fā)。桌面的個(gè)性化呈現(xiàn)是以讓用戶失去長尾內(nèi)容為代價(jià)的,而瀏覽器不會。
做到個(gè)性化用戶相關(guān)數(shù)據(jù)必不可少,這一點(diǎn)就考驗(yàn)到手機(jī)瀏覽器廠商自身的積累與巨頭業(yè)務(wù)整合,這一點(diǎn),UC與QQ瀏覽器均有優(yōu)勢。
多屏互動(dòng)
多屏包括PC屏、平板、手機(jī)、智能電視,甚至未來汽車前排靠椅背后的屏幕,手機(jī)瀏覽器將在未來“多屏”戰(zhàn)略中扮演內(nèi)容跨平臺中樞位置,使用戶在不同移動(dòng)設(shè)備上都能獲得一致的個(gè)性化服務(wù)。
總結(jié)
隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展,用戶使用移動(dòng)設(shè)備的場景與傳統(tǒng)PC時(shí)代差異巨大,這就造就了移動(dòng)互聯(lián)網(wǎng)時(shí)代特定的用戶使用手機(jī)瀏覽器的行為習(xí)慣。
主流廠商不僅需要考慮如何將瀏覽器基礎(chǔ)功能填充到簡潔的界面中,還要考慮滿足移動(dòng)端特定場景用戶的需求。在此基礎(chǔ)上有了底部tab菜單設(shè)計(jì),二級菜單則承載更多功能。針對移動(dòng)端用戶需求,主流瀏覽器都設(shè)計(jì)了譬如夜間模式、省流加速、無圖模式等功能。
為了滿足用戶對內(nèi)容和服務(wù)的需求,主流瀏覽器在新聞資訊、小說、視頻、本地化服務(wù)上發(fā)力,探索出了與PC端瀏覽器迥異的互聯(lián)網(wǎng)入口模式。
QQ瀏覽器在滿足如上各項(xiàng)基本需求上,從產(chǎn)品功能細(xì)節(jié)上做了更多優(yōu)化設(shè)計(jì)譬如地址欄輸入內(nèi)容推薦、網(wǎng)址提醒、分享按鈕位置方便用戶單手操作。
QQ瀏覽器區(qū)別于UC及百度,在資訊、小說、視頻內(nèi)容上,做了更多聚合嘗試。同時(shí)由于基因里的社交優(yōu)勢,也較其他兩家在內(nèi)容上,有更多社交及個(gè)性化服務(wù)設(shè)計(jì)。
當(dāng)然QQ瀏覽器也有設(shè)計(jì)不足之處,譬如云加速暴露給用戶太多選項(xiàng),不夠簡潔,小說頁面相較于UC小說界面不夠沉浸式。
總體來說手機(jī)QQ瀏覽器在沿著手機(jī)瀏覽器發(fā)展趨勢上做了深入的用戶體驗(yàn)及功能的優(yōu)化。
從整個(gè)手機(jī)瀏覽器行業(yè)發(fā)展來說,可以看到的瀏覽器會朝著個(gè)性化信息和服務(wù)發(fā)展,多屏互動(dòng)也正在成為趨勢。手機(jī)瀏覽器與原生應(yīng)用的戰(zhàn)爭剛剛開始。
本文為作者@小樂帝 投稿發(fā)布,轉(zhuǎn)載請注明來源于人人都是產(chǎn)品經(jīng)理并附帶本文鏈接
跟著黨的路線,大眾創(chuàng)業(yè),萬眾創(chuàng)新,馬云在做支付 馬化騰在做支付 王健林也在做支付,眼光決定未來,如果你還在工廠上班,機(jī)器人馬上要取代你了,你在做生意,互聯(lián)網(wǎng)+要取代你。現(xiàn)在告訴你零成本跟上中國頂尖人士做支付,別人刷卡你賺錢,高分潤,永久分潤,辛苦賣一年P(guān)OS機(jī),一輩子賺分潤錢,無加盟費(fèi),無代理費(fèi)。賺錢電話:17706504486江海
怎么看都像是QQ瀏覽器的軟文……大家都是IT圈的,如果有做過瀏覽器方面的研究應(yīng)該都用過這幾大瀏覽器吧,哪個(gè)好用心里有數(shù),沒必要在這種地方做推廣吧……而且UC是有自己的新聞聚合類APP的,叫UC早知道,類似一點(diǎn)資訊(這不是廣告)
討厭說什么實(shí)話![:mrgreen:](http://m.codemsi.com/wp-includes/images/smilies/mrgreen.png)