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

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

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

但隨著Windows 10的推出，桌面與移動的打通讓這出現(xiàn)了一定的變數(shù)。因為在桌面端，無論是IE還是全新的Edge，都沒有對Chrome形成威脅，尤其是后者在擴展性上的壓倒性優(yōu)勢，幾乎可以讓一切用戶倒戈。

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

1、構(gòu)架

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

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

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

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

2、首頁

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

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

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

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

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

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

3、地址欄/操作欄

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

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

1. 單手操作體驗極佳；
2. 強化搜索入口。

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

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

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

4、收藏

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

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

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

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

5、多頁面

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

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

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

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

6、搜索

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

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

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

7、手勢操作

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

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

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

A?單指-左右滑動-前進后退

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

B?雙指-上下拖動-頁面關(guān)閉/開啟

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

C?雙指-左右拖動-標簽頁切換

D?三指-上推-喚出多頁面界面

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

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

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