瀏覽器，作為互聯(lián)網(wǎng)的重要入口之一，在經(jīng)歷了前幾年的慘烈廝殺后，基本已被瓜分完畢。而移動(dòng)互聯(lián)網(wǎng)的興起，讓原本沉寂的瀏覽器市場(chǎng)再生波瀾。

然而，這一切爭(zhēng)奪都貌似與Windows平臺(tái)無(wú)關(guān)，在這1%的世界里，一切都無(wú)比平靜。

這并不難理解，微軟將必應(yīng)搜索置入了系統(tǒng)級(jí)的三個(gè)導(dǎo)航鍵里，并在Cortana發(fā)布后將其置入系統(tǒng)，與IE/Edge這兩款系統(tǒng)瀏覽器完美融合，在這種強(qiáng)勢(shì)之下，幾乎沒(méi)有給其他瀏覽器絲毫的生存空間。

但隨著Windows 10的推出，桌面與移動(dòng)的打通讓這出現(xiàn)了一定的變數(shù)。因?yàn)樵谧烂娑?，無(wú)論是IE還是全新的Edge，都沒(méi)有對(duì)Chrome形成威脅，尤其是后者在擴(kuò)展性上的壓倒性?xún)?yōu)勢(shì)，幾乎可以讓一切用戶(hù)倒戈。

百度，作為BAT之一，在Windows生態(tài)中卻一直寂寂無(wú)為，而作為其拳頭產(chǎn)品之一的百度瀏覽器，無(wú)論在桌面端還是移動(dòng)端都難堪大用，錯(cuò)失了互聯(lián)網(wǎng)的一個(gè)重要入口。如今，以Windows 10和通用應(yīng)用為契機(jī)，百度理應(yīng)利用這一機(jī)會(huì)，通過(guò)差異化競(jìng)爭(zhēng)率先建立優(yōu)勢(shì)和用戶(hù)群，并以瀏覽器為基礎(chǔ)，進(jìn)而推廣自家的其他應(yīng)用。

1、構(gòu)架

無(wú)論是在移動(dòng)端還是桌面端，界面和交互上都遵循Edge皮、Chrome心的設(shè)計(jì)理念。

Edge瀏覽器目前最大的詬病便是其不支持?jǐn)U展插件，由此導(dǎo)致的其在手勢(shì)操作、廣告屏蔽等使用細(xì)節(jié)上處于絕對(duì)的弱勢(shì)，但這并不影響Edge在交互設(shè)計(jì)上的諸多創(chuàng)新，清新簡(jiǎn)約的界面設(shè)計(jì)，以及信息扁平化上的應(yīng)用，都讓Edge不失為Windows平臺(tái)設(shè)計(jì)最為出色的瀏覽器之一。

因此，這款百度瀏覽器概念設(shè)計(jì)，在交互和界面上回趨向于Edge的設(shè)計(jì)風(fēng)格，這一方面是借鑒其出色的設(shè)計(jì)理念，同時(shí)在細(xì)節(jié)上進(jìn)行深入的優(yōu)化，如收藏整理、瀏覽歷史頁(yè)等；另一方面也是讓用戶(hù)從Edge過(guò)渡時(shí)不會(huì)產(chǎn)生心理和學(xué)習(xí)障礙。

而在內(nèi)容部分，則完全遵循百度瀏覽器自身的特點(diǎn)，如資訊入口、趣星球入口等，保證用戶(hù)體驗(yàn)到原汁原味的百度服務(wù)。

2、首頁(yè)

通用版百度瀏覽器的首頁(yè)被劃分為地址欄/操作欄、內(nèi)容區(qū)和標(biāo)簽欄三個(gè)部分。

其中最頂部的標(biāo)簽欄還融合了本地天氣和空氣質(zhì)量，用戶(hù)可以長(zhǎng)按標(biāo)簽欄對(duì)標(biāo)簽欄進(jìn)行皮膚設(shè)置；

首頁(yè)的內(nèi)容區(qū)為收藏/書(shū)簽，設(shè)計(jì)風(fēng)格遵循安卓版百度瀏覽器；

底部的地址欄/操作欄，將搜索和地址搜索整合，同時(shí)增設(shè)多頁(yè)面按鍵。

通用版百度瀏覽器在移動(dòng)端的界面基本遵循安卓版本的設(shè)計(jì)語(yǔ)言，同時(shí)融入了Windows平臺(tái)的交互特色，如地址欄和操作欄的整合、單手操作優(yōu)化、滑動(dòng)操作等等。

而到了桌面端，由于顯示面積大幅增加，因而可以將三個(gè)標(biāo)簽的內(nèi)容，即收藏、資訊和趣星球整合顯示。但考慮到趣星球的移動(dòng)和互動(dòng)特性，并不適合桌面端顯示，因而將其去除。

3、地址欄/操作欄

位于屏幕下方、整合地址欄的操作欄是Windows平臺(tái)瀏覽器應(yīng)用的最大特色之一。

這種設(shè)計(jì)的優(yōu)勢(shì)在于：

1. 單手操作體驗(yàn)極佳；
2. 強(qiáng)化搜索入口。

因此，這種設(shè)計(jì)對(duì)于提升搜索層級(jí)有著非常重要的作用，尤其是在微軟將三大導(dǎo)航鍵之一定為必應(yīng)搜索/Cortana，使得其他搜索平臺(tái)務(wù)必大幅提升搜索層級(jí)，簡(jiǎn)化用戶(hù)搜索路徑，以對(duì)抗必應(yīng)。

因此，通用版百度瀏覽器無(wú)法將Android和iOS平臺(tái)的交互邏輯生搬硬套。同時(shí)，考慮到桌面端和移動(dòng)端的通用性，地址欄和操作欄也實(shí)現(xiàn)了整合，并在移動(dòng)端增設(shè)多頁(yè)面的按鍵。

在操作欄的擴(kuò)展中，是桌面端的五個(gè)常用入口和三種模式切換。

4、收藏

操作欄融入地址欄之后，能夠使用的區(qū)域所剩無(wú)幾，右側(cè)的多頁(yè)面和更多入口不可或缺，考慮到拇指的觸摸面積和誤操作問(wèn)題，左側(cè)只能存在一個(gè)按鍵。

大部分瀏覽器將這一入口留給主頁(yè)，原因在于主頁(yè)整合了搜索、收藏、書(shū)簽和新聞等入口，可以滿(mǎn)足用戶(hù)的多重選擇。

而在通用版百度瀏覽器中，搜索欄已被整合入操作欄，書(shū)簽/收藏/快捷網(wǎng)址已完全打通并統(tǒng)一與收藏中，而新聞等入口實(shí)際使用頻率較低，因而將原本的主頁(yè)替換為收藏。

同時(shí)，收藏入口喚出的并不是獨(dú)立頁(yè)面，而是一個(gè)收藏菜單，保證用戶(hù)不需要在各個(gè)頁(yè)面之間頻繁跳轉(zhuǎn)，簡(jiǎn)化流程。

5、多頁(yè)面

在不同網(wǎng)頁(yè)之間切換是使用瀏覽器的最常用操作之一。

相較于多頁(yè)面入口在Android和iOS平臺(tái)的普及，Windows平臺(tái)由于地址欄位于底部，大幅擠占了操作空間，因而很多瀏覽器都將多頁(yè)面入口隱藏于二級(jí)菜單中，造成使用的不便。

通用版百度瀏覽器的多頁(yè)面入口位于更多的左側(cè)，一來(lái)是為了保證跨平臺(tái)統(tǒng)一，二來(lái)與左側(cè)收藏入口分開(kāi)，以免兩個(gè)常用入口誤操作。

而多頁(yè)面界面為了保證桌面端和移動(dòng)端的統(tǒng)一，采用了相對(duì)普通的卡片縮略圖模式，保證操作效率。

6、搜索

搜索欄和地址欄的整合是目前主流瀏覽器的一大趨勢(shì)。尤其在考慮到地址欄本身就是Web 1.0時(shí)代遺留的產(chǎn)物，在可預(yù)期的時(shí)間內(nèi)，地址欄將有可能完全消失。

考慮到地址欄的區(qū)域過(guò)于狹小，因此將圖片搜索和語(yǔ)音搜索內(nèi)置于搜索頁(yè)面。

同時(shí)，搜索內(nèi)容輸入的同時(shí)，應(yīng)用也會(huì)自動(dòng)的顯示匹配內(nèi)容、網(wǎng)址直達(dá)和收藏網(wǎng)頁(yè)，從而簡(jiǎn)化操作流程，扁平操作路徑。

7、手勢(shì)操作

作為一款通用應(yīng)用，這款百度瀏覽器是為觸摸屏而生，而觸摸手勢(shì)操作，也是本款瀏覽器概念設(shè)計(jì)的最大差異性競(jìng)爭(zhēng)力。

移動(dòng)端瀏覽器天生具備觸摸屬性，但由于屏幕尺寸局限，因而實(shí)際操作的豐富度欠佳；而隨著Windows平臺(tái)對(duì)觸摸屏的擁抱，桌面瀏覽器對(duì)于觸摸操作的優(yōu)化已箭在弦上。

目前已有的桌面瀏覽器，即使是微軟自家出品的Edge，對(duì)于觸摸操作的體驗(yàn)都不甚理想，標(biāo)簽欄在鼠標(biāo)操作下不存在任何的問(wèn)題，而對(duì)于手指則顯得非常細(xì)小，難以操作，因此，若要改善瀏覽器的觸摸操作體驗(yàn)，最先需要調(diào)整的便是如何通過(guò)手勢(shì)來(lái)針對(duì)頁(yè)面進(jìn)行操作。

A?單指-左右滑動(dòng)-前進(jìn)后退

在頁(yè)面不存在縮放環(huán)境下，單指左右滑動(dòng)可以前進(jìn)后退。前進(jìn)后退是用戶(hù)最常用的操作之一，因而務(wù)必簡(jiǎn)單明了，符合直覺(jué)，同時(shí)要與移動(dòng)端統(tǒng)一，因而選擇單指的左右滑動(dòng)作為喚起動(dòng)作

B?雙指-上下拖動(dòng)-頁(yè)面關(guān)閉/開(kāi)啟

單指的所有操作均已被占用，因而采用雙指上下拖動(dòng)頁(yè)面來(lái)實(shí)現(xiàn)標(biāo)簽頁(yè)關(guān)閉和創(chuàng)建新標(biāo)簽頁(yè)。操作的同時(shí)，頁(yè)面之間也會(huì)產(chǎn)生層級(jí)效果，地址欄也會(huì)出現(xiàn)替換動(dòng)效。

C?雙指-左右拖動(dòng)-標(biāo)簽頁(yè)切換

D?三指-上推-喚出多頁(yè)面界面

21世紀(jì)是觸摸的世紀(jì)，尤其是隨著Windows 10的發(fā)布和通用應(yīng)用的到來(lái)，觸摸已是大勢(shì)所趨。希望這款百度瀏覽器能夠?yàn)橛|摸的時(shí)代再添一抹色彩，讓觸摸的光輝盡情的灑向世界。

PS：近日來(lái)，百度因“賣(mài)吧”事件被推向輿論的風(fēng)頭浪尖，此時(shí)將個(gè)人設(shè)計(jì)推出，確實(shí)有“頂風(fēng)作案”之嫌。希望大家能夠以更加理智的心態(tài)來(lái)看待百度，看待產(chǎn)品，將關(guān)注點(diǎn)回歸到設(shè)計(jì)上來(lái)，多多指正，互相學(xué)習(xí)，也不負(fù)筆者一番辛苦。

本文由 @suzinran?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。