聊聊未來(lái)的產(chǎn)品設(shè)計(jì)趨勢(shì)
發(fā)布時(shí)間:2022-01-26 09:59 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

本文作者分析了 Google 搜索產(chǎn)品的多個(gè)方面,從中提取了一些可能是未來(lái)產(chǎn)品設(shè)計(jì)的趨勢(shì)和方向,希望對(duì)你有所啟發(fā)。

自 21 年前發(fā)布之日起,Google 搜索就一直是卓越產(chǎn)品設(shè)計(jì)的成功案例。

在過(guò)去的 20 年里,Google 通過(guò)致力于實(shí)現(xiàn)其雄心勃勃的目標(biāo)──「組織世界各地的信息,并使其普遍可訪問(wèn)和具有實(shí)用性!共⒊搅怂懈(jìng)爭(zhēng)對(duì)手。這不僅是搜索,Google 及其母公司 Alphabet,幾乎在每一類(lèi)軟件上都達(dá)到了獨(dú)一無(wú)二的成就。截至 2019 年 5 月:

  • YouTube 月活用戶超過(guò) 20 億;
  • 有 25 億活躍的 Android 設(shè)備;
  • Google Maps 月活用戶超過(guò) 10 億;
  • Gmail 月活用戶超過(guò) 15 億。

憑借卓越和無(wú)處不在的優(yōu)勢(shì),Google 為高質(zhì)量的軟件產(chǎn)品樹(shù)立了高不可攀的標(biāo)準(zhǔn)。搜索是一切的中心。拉里·佩奇(Larry Page)在 2012 年接受《財(cái)富》雜志采訪時(shí)總結(jié)了他對(duì)搜索的愿景:

完美的搜索引擎會(huì)真正理解您的需求。它會(huì)深刻地理解世界上的一切,并給您所需的東西。

僅研究該愿景如何成為現(xiàn)實(shí),就可以洞悉用戶對(duì)優(yōu)秀產(chǎn)品的期望。通過(guò)運(yùn)用這些見(jiàn)解,可嘗試達(dá)到與經(jīng)過(guò)微調(diào)的 Google 搜索設(shè)備相同的可用性與實(shí)用性。


核心原則


從第一天開(kāi)始,Google 搜索就展示了一些簡(jiǎn)單的產(chǎn)品設(shè)計(jì)規(guī)則是多么強(qiáng)大。

1. 樣式=功能

Google 搜索的決定性設(shè)計(jì)選擇(使之在 1998 年的搜索環(huán)境中異軍突起)是與搜索有關(guān)的。

從Google 出發(fā),聊聊未來(lái)的產(chǎn)品設(shè)計(jì)趨勢(shì)

△ 谷歌最初的首頁(yè),大約在1998年

在 2019 年,這似乎是搜索引擎的必然樣式,但看看 Google 推出時(shí)的一些早期競(jìng)爭(zhēng)對(duì)手吧:

從Google 出發(fā),聊聊未來(lái)的產(chǎn)品設(shè)計(jì)趨勢(shì)

△ 四個(gè)競(jìng)爭(zhēng)搜索引擎的首頁(yè),也大約在1998年

差別一目了然。Google 的界面是「透明的」:它的作用顯而易見(jiàn)。另一邊,Google 的早期競(jìng)爭(zhēng)對(duì)手并不透明。搜索僅是側(cè)邊欄,是一項(xiàng)補(bǔ)充功能,只是頁(yè)面上數(shù)百個(gè)元素之一。其原因有兩個(gè):

搜索仍是很難正確實(shí)現(xiàn)的功能

如果您在 1998 年經(jīng)常使用互聯(lián)網(wǎng),大概不會(huì)忘記要花多長(zhǎng)時(shí)間才能找到正確的頁(yè)面,即使是像「corgi OR dachshund NEAR cute dog」這樣的復(fù)雜查詢,找到正確的頁(yè)面也可能需要多次嘗試,并且大多數(shù)搜索結(jié)果與您要尋找的內(nèi)容無(wú)關(guān)。

90年代最成功的互聯(lián)網(wǎng)公司(如美國(guó)在線AOL和雅虎Yahoo)策劃并匯總了網(wǎng)絡(luò)

他們?yōu)橛脩籼峁﹤(gè)性化的「起始頁(yè)」,包括新聞、天氣、金融市場(chǎng)和網(wǎng)上購(gòu)物的鏈接。網(wǎng)絡(luò)上的內(nèi)容質(zhì)量通常很差,數(shù)量很低;對(duì)于少數(shù)網(wǎng)站策劃人來(lái)說(shuō),他們很容易通過(guò)手動(dòng)挑選,就能提供互聯(lián)網(wǎng)所能提供的最好內(nèi)容。

Google 只把注意力集中在「透明的」搜索上──將其從競(jìng)爭(zhēng)對(duì)手的基于聚合的方法中「拆解」出來(lái)。對(duì)搜索的重要性下了很大的賭注。

隨著互聯(lián)網(wǎng)規(guī)模和標(biāo)準(zhǔn)呈指數(shù)級(jí)增長(zhǎng),這種押注得到了回報(bào)。一直以來(lái),google.com 始終只是一個(gè)搜索欄:

從Google 出發(fā),聊聊未來(lái)的產(chǎn)品設(shè)計(jì)趨勢(shì)

△ 谷歌2019年的搜索頁(yè)面

2. 無(wú)需經(jīng)驗(yàn)

在過(guò)去的幾年里,「可視性」這個(gè)詞開(kāi)始用于形容軟件產(chǎn)品的特性。雖然沒(méi)有一個(gè)明確的定義,但我認(rèn)為它是這樣的:

可視性:使用戶能夠在沒(méi)有指導(dǎo)的情況下即可充分利用功能的界面品質(zhì)。

若用戶能夠快速學(xué)習(xí)如何充分利用該功能,則該功能具有較高的可視性。

若經(jīng)驗(yàn)不足的用戶無(wú)法使用該功能或無(wú)法從中受益,則該功能的可視性較低。

以門(mén)把手為例,有些把手具有很高的可視性:如果是要轉(zhuǎn)動(dòng)的,把手會(huì)是圓形;如果是需要按壓的,則是杠桿狀。有些可視性很低:比如豎桿的門(mén)把手,在門(mén)只能被推開(kāi)的情況下,它們看起來(lái)既可以推也可以拉。(注釋?zhuān)哼@些低可視性門(mén)把手屬于諾曼門(mén),以唐·諾曼的名字命名。諾曼發(fā)明了「示能 Affordance」一詞來(lái)描述設(shè)計(jì)元素,這些元素暗示了應(yīng)該如何使用一件東西。)

Google 搜索是可視性的黃金標(biāo)準(zhǔn)。這是因?yàn)樵摻缑婵梢粤鲿车剡m應(yīng)個(gè)人使用案例及經(jīng)驗(yàn)水平,而無(wú)需配置任何設(shè)置。Google 非常有信心,他們已經(jīng)刪除了「設(shè)置」頁(yè)面的所有痕跡:

從Google 出發(fā),聊聊未來(lái)的產(chǎn)品設(shè)計(jì)趨勢(shì)

在 2017 年,Google 擺脫了高級(jí)搜索。為什么?因?yàn)闆](méi)有人點(diǎn)擊它。最初,當(dāng)您想進(jìn)行地理位置搜索時(shí),Google 會(huì)幫您跳轉(zhuǎn)到高級(jí)搜索。如今,他們知道您正在進(jìn)行地理位置搜索并向您顯示地圖。

重申一下:毋庸置疑,Google 搜索是最先進(jìn)的搜索引擎之一。想要貓的照片嗎?輸入「貓的照片」;想要將 23.45 秒差距轉(zhuǎn)換為光年嗎?輸入「23.45 秒差距轉(zhuǎn)為光年」。Google 搜索學(xué)習(xí)曲線是一條平行線。

3. 沒(méi)有錯(cuò)誤

Google 始終堅(jiān)持的一項(xiàng)終極原則是不管用戶輸入什么,搜索始終有效。它是有彈性的。這看似微不足道,但任何構(gòu)建過(guò)多種類(lèi)型輸入表單的人都知道,不可預(yù)測(cè)的用戶行為所面臨的挑戰(zhàn)有多大。Google 搜索在處理大量數(shù)據(jù)的同時(shí)還會(huì)這么做:它自豪地報(bào)告說(shuō),搜索「狗」,在 0.89 秒內(nèi)產(chǎn)生了大約 54.8 億(近 55 億)個(gè)結(jié)果。同時(shí),搜索「zzzzzxxxxxxzxxxxxxz」的結(jié)果只有一個(gè):維京軌道飛行器于 1976 年 9 月 14 日從火星向地球發(fā)送了一次信號(hào)。

用戶看到的唯一錯(cuò)誤是,如果他們的搜索查詢太過(guò)復(fù)雜,以至于沒(méi)有符合邏輯的結(jié)果可顯示。即使如此,這也是事實(shí),很難認(rèn)為這是一個(gè)錯(cuò)誤。它只是給用戶一些建議:

從Google 出發(fā),聊聊未來(lái)的產(chǎn)品設(shè)計(jì)趨勢(shì)

△ Google有用的搜索錯(cuò)誤頁(yè)面


自適應(yīng)設(shè)計(jì)


Google 搜索的核心原則──從一開(kāi)始就提出的設(shè)計(jì)理念,只是其成功故事的一部分。最近,Google 搜索的設(shè)計(jì)重點(diǎn)是在用戶點(diǎn)擊搜索結(jié)果之前傳遞信息。為此,Google 采用了一種稱(chēng)為自適應(yīng)設(shè)計(jì)的方法。

自適應(yīng)設(shè)計(jì):通過(guò)設(shè)計(jì)小型獨(dú)立組件來(lái)創(chuàng)造用戶體驗(yàn)的做法,以及如何根據(jù)個(gè)別用戶的需要顯示這些組件的規(guī)則。

自適應(yīng)設(shè)計(jì)意味著針對(duì)每個(gè)用戶的每一次搜索,都會(huì)產(chǎn)生一個(gè)定制的界面,該界面將自身塑造成所顯示的信息。

請(qǐng)看以下示例,如何根據(jù)不同的使用案例更改搜索結(jié)果頁(yè)面:

從Google 出發(fā),聊聊未來(lái)的產(chǎn)品設(shè)計(jì)趨勢(shì)

Google 搜索適應(yīng)用戶需求的第一種方法是重新安排導(dǎo)航以適應(yīng)結(jié)果。在「lizzo」的例子中,搜索框下面的導(dǎo)航是:(按順序依次為)圖片、視頻、新聞、購(gòu)物、更多;在「tel aviv」的例子中,導(dǎo)航是:新聞、圖片、地圖、視頻、更多;搜索「aapl」(蘋(píng)果公司的股票代碼),導(dǎo)航顯示:金融、新聞、書(shū)籍、購(gòu)物、更多;Google 有 362,880 種獨(dú)特的方式來(lái)排列導(dǎo)航,以適應(yīng)搜索查詢。

然而,自適應(yīng)設(shè)計(jì)的最大例子是搜索結(jié)果本身的布局。結(jié)果頁(yè)面是完全模塊化的:根據(jù)搜索結(jié)果,不同的元素出現(xiàn)在不同的配置中。

從Google 出發(fā),聊聊未來(lái)的產(chǎn)品設(shè)計(jì)趨勢(shì)

例如,音樂(lè)家 Lizzo 的搜索結(jié)果集中在媒體上:一組模塊以本機(jī)格式顯示視頻,圖片和歌曲。還顯示最近的新聞,推文和即將舉行的活動(dòng),以及指向 Lizzo 在 YouTube、Twitter、Facebook、Instagram 和 SoundCloud 上的個(gè)人資料鏈接。直到頁(yè)面底部,我們才能看到看起來(lái)像傳統(tǒng)搜索結(jié)果的元素。

從Google 出發(fā),聊聊未來(lái)的產(chǎn)品設(shè)計(jì)趨勢(shì)

另一方面,以色列特拉維夫市的搜索結(jié)果為旅行者提供優(yōu)先信息。圖片、地圖、當(dāng)?shù)靥鞖庖约芭c旅行有關(guān)的問(wèn)題(特拉維夫?qū)τ慰桶踩珕幔刻乩S夫以什么聞名?)優(yōu)先于傳統(tǒng)搜索結(jié)果。模塊促進(jìn)了特拉維夫的活動(dòng)以及對(duì)附近其他城市的推薦。

搜索結(jié)果頁(yè)上可能會(huì)出現(xiàn)數(shù)千個(gè)不同的模塊,從簡(jiǎn)單的布局驅(qū)動(dòng)模塊到完全獨(dú)立的應(yīng)用程序。例如,「aapl」的搜索結(jié)果頁(yè)上,股票代碼模塊顯示了當(dāng)前價(jià)格和交互式歷史價(jià)格圖。

從Google 出發(fā),聊聊未來(lái)的產(chǎn)品設(shè)計(jì)趨勢(shì)

通過(guò)自適應(yīng)設(shè)計(jì),所有有關(guān)內(nèi)容、格式和順序的決策都是由算法決定的。設(shè)計(jì)人員的作用不再是創(chuàng)建明確的外部布局。如今,尖端產(chǎn)品的設(shè)計(jì)者,以及未來(lái)日常產(chǎn)品的設(shè)計(jì)者,正在就生成這些布局的規(guī)則做出決策。


自動(dòng)化測(cè)試與迭代


從顯式靜態(tài)設(shè)計(jì)過(guò)渡到隱式自適應(yīng)設(shè)計(jì)的驅(qū)動(dòng)力是:規(guī)模。自 2000 年以來(lái),首次有近 42 億人使用互聯(lián)網(wǎng)。有理由相信,這其中大多數(shù)人都使用 Google 搜索。如果沒(méi)有先進(jìn)的測(cè)試和自動(dòng)化,任何設(shè)計(jì)團(tuán)隊(duì)都不可能滿足這么多用戶的需求。

從Google 出發(fā),聊聊未來(lái)的產(chǎn)品設(shè)計(jì)趨勢(shì)

△ 2010年一篇論文的圖表,描述了Google的測(cè)試方法

Google 率先將自動(dòng)化測(cè)試應(yīng)用到產(chǎn)品設(shè)計(jì)中。搜索的第一次 A/B 測(cè)試于 2000 年 2 月 27 日舉行。盡管一個(gè)技術(shù)故障毀了這個(gè)測(cè)試,Google 還是翻了一番:到 2011 年,他們每天在搜索算法上進(jìn)行將近 20 次 A/B 測(cè)試。六年后,這一數(shù)字增加了五倍;僅在 2017 年,Google 就對(duì)其研究參與者進(jìn)行了 31584 次測(cè)試。

這是一整年每 20 分鐘一次的新測(cè)試。這些測(cè)試帶來(lái)了 2453 次用戶體驗(yàn)的改變,每天大約更改 7 次。

這些驚人的數(shù)字讓我們窺見(jiàn)了產(chǎn)品設(shè)計(jì)的未來(lái):隨著軟件產(chǎn)品的增長(zhǎng)達(dá)到數(shù)十億新用戶,學(xué)習(xí)和改進(jìn)該產(chǎn)品的機(jī)會(huì)大大超出了傳統(tǒng)屏幕設(shè)計(jì)工具(如 Sketch、InvisionStudio 或 AdobeXD)的能力范圍。這些傳統(tǒng)的設(shè)計(jì)工具適合那些從事相對(duì)簡(jiǎn)單且少量變化的用戶體驗(yàn)的設(shè)計(jì)師。對(duì)這些設(shè)計(jì)的反饋通常來(lái)自利益相關(guān)者,使用數(shù)據(jù)來(lái)增強(qiáng)設(shè)計(jì)是一個(gè)手動(dòng)過(guò)程。設(shè)計(jì)進(jìn)度的速度受到團(tuán)隊(duì)中設(shè)計(jì)師人數(shù)的限制。

另一方面,像 Google 這樣的公司正在開(kāi)發(fā)全新的工具,使研究人員能夠快速地進(jìn)行實(shí)驗(yàn),并立即部署他們所學(xué)到的東西。例如,Uber 建立了一個(gè)同時(shí)運(yùn)行 1000 多個(gè)實(shí)驗(yàn)的平臺(tái)。改進(jìn)的速度不再受到設(shè)計(jì)師創(chuàng)建模型和原型能力的限制。

為了跟上互聯(lián)網(wǎng)的規(guī)模,產(chǎn)品設(shè)計(jì)師必須熟悉統(tǒng)計(jì)和機(jī)器學(xué)習(xí)的語(yǔ)言。產(chǎn)品設(shè)計(jì)不在于創(chuàng)造正確的體驗(yàn),而在于定義一組能產(chǎn)生最佳洞察力的實(shí)驗(yàn)。


結(jié)語(yǔ)


產(chǎn)品設(shè)計(jì)的未來(lái)并不適合所有人。道格·鮑曼(Doug Bowman)是 Google 最早雇用的設(shè)計(jì)師之一,他于 2009 年離開(kāi)公司時(shí)公開(kāi)譴責(zé)快速試驗(yàn):

是的,的確,Google 的團(tuán)隊(duì)無(wú)法在兩種藍(lán)色之間做出選擇,所以他們正在測(cè)試每種藍(lán)色之間的 41 個(gè)色調(diào),看看哪種顏色表現(xiàn)得更好。最近,就邊框應(yīng)該是 3 像素、4 像素還是 5 像素的問(wèn)題,我進(jìn)行了辯論,并被要求證明我的示例。我不能在這樣的環(huán)境下工作。我已經(jīng)厭倦了爭(zhēng)論如此微小的設(shè)計(jì)決策。這個(gè)世界上還有更多令人興奮的設(shè)計(jì)問(wèn)題需要解決。

但是 Google 與其他行業(yè)領(lǐng)導(dǎo)者(如 Amazon、Netflix、Facebook 和 Airbnb)已經(jīng)證明了設(shè)計(jì)師的潛力,他們可以在經(jīng)過(guò)微調(diào)、自適應(yīng)的環(huán)境中工作。

鮑曼離開(kāi)后,他們繼續(xù)創(chuàng)新:喜歡還是討厭它,Google 之所以成功,很大程度上是因?yàn)樗麄冎铝τ谧吭降漠a(chǎn)品設(shè)計(jì)。在 Google 搜索中,這一點(diǎn)再明顯不過(guò)了。

HTML基礎(chǔ)視頻教程
我要自學(xué)網(wǎng)商城 ¥30 元
進(jìn)入購(gòu)買(mǎi)
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類(lèi)選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC