Android 十年之路: 主屏与导航
作者 / E.K. Chung, Android 與 Pixel 用戶體驗(yàn)主設(shè)計(jì)師
今年是 Android 誕生 10 周年,我們認(rèn)為是時(shí)候回顧一下過(guò)去,看看它的演變歷程了。很顯然,自 2008 年以來(lái)這個(gè)操作系統(tǒng)發(fā)生了巨大的變化,那一年,《暮光之城》才剛上映,碧昂絲的《Single Ladies》還占據(jù)著排行榜前列。
從最初開(kāi)始,Android 就一直是強(qiáng)調(diào)創(chuàng)新和個(gè)性的強(qiáng)大平臺(tái),今天也依然如此。團(tuán)隊(duì)的重點(diǎn)關(guān)注目標(biāo)之一就是簡(jiǎn)潔,我們致力于讓用戶界面 (UI) 感覺(jué)更加現(xiàn)代化,更加平易近人。但這種簡(jiǎn)潔并不意味著我們會(huì)在性能或功能方面有任何妥協(xié)。Android 操作系統(tǒng)通過(guò)在幕后更加努力地工作,幫助人們輕松完成任務(wù),并將他們可能無(wú)法處理的復(fù)雜問(wèn)題隱藏起來(lái)。這種簡(jiǎn)潔在體驗(yàn)中有三種表現(xiàn)形式。
第一,外觀和感受。例如,在早期,我們的圖標(biāo)趨向擬物風(fēng)格,也就是模仿實(shí)體世界中的事物。隨著人們對(duì) Android 的逐步熟悉,圖標(biāo)逐漸演變成更抽象、更簡(jiǎn)明的形態(tài)。隨著系統(tǒng)功能的逐漸強(qiáng)大,Android 手機(jī)上的一些元素甚至消失了。
第二,互動(dòng)。高度濃縮且具有一致性的 UI 外觀與手勢(shì)交互邏輯使得與界面的交互更加直觀和可預(yù)測(cè)。那些看起來(lái)相似的元素,表現(xiàn)起來(lái)也符合人們的預(yù)測(cè)。因此,即使是要去做之前從未做過(guò)的事情,也變得容易多了。
最后,人們完成工作的方式。這是我們近年來(lái)開(kāi)始關(guān)注的內(nèi)容。Android 已經(jīng)進(jìn)駐了 20 多億臺(tái)設(shè)備,用戶可以訪問(wèn)三百萬(wàn)個(gè)以上的應(yīng)用。有時(shí),人們需要與多個(gè)應(yīng)用進(jìn)行交互才能完成某些任務(wù)。在這種情況下,簡(jiǎn)明化意味著將內(nèi)容和動(dòng)作在恰當(dāng)?shù)臅r(shí)候直接帶給想要它們的人。這樣一來(lái),人們就無(wú)需在多個(gè)應(yīng)用之間來(lái)回切換,就可以完成自己想要完成的任務(wù)。
讓我們來(lái)回顧一下 Android 的部分歷史版本,看看我們是如何一步步做到今天的簡(jiǎn)潔的。
起步: T-Mobile G1?(2008)
T-Mobile G1 開(kāi)啟了 Android 時(shí)代。下拉通知從一開(kāi)始就是 Android 的成功創(chuàng)新。雖然閱讀和管理通知這件事現(xiàn)在變得更加復(fù)雜了,但基本概念和手勢(shì)仍然和 10 年前保持一致。我們?cè)谑讉€(gè)版本中引入了很多令人興奮的功能,包括主屏幕 Widget 和可自定義界面等。
雖然這是一個(gè)良好的開(kāi)端,但也有一些事情讓人感到困惑。當(dāng)時(shí)的系統(tǒng)使用了大量的實(shí)體按鈕并同時(shí)搭載了觸摸屏幕。通話、結(jié)束通話、返回主屏、后退、菜單,這些功能都分別對(duì)應(yīng)著獨(dú)立的實(shí)體按鈕,我們甚至還安裝了實(shí)體的鍵盤(pán)和軌跡球。在軌跡球/鍵盤(pán)和觸摸屏之間切換非常尷尬,并不一致的 UI 模式使其難以使用。因此,我們?cè)谙乱粋€(gè)版本中加入了軟鍵盤(pán)來(lái)替代實(shí)體鍵盤(pán)。
優(yōu)化: Ice Cream Sandwich (2011)
在 Ice Cream Sandwich 版本中,我們把實(shí)體導(dǎo)航按鈕變成了屏幕中的軟件按鈕,以便對(duì)使用體驗(yàn)進(jìn)行簡(jiǎn)化和優(yōu)化。這個(gè)版本帶來(lái)了全新的、連貫的視覺(jué)風(fēng)格,更加有設(shè)計(jì)感。在應(yīng)用切換時(shí)提供了類似卡片的 UI,此外還加入了統(tǒng)一的手勢(shì),用戶可以通過(guò)輕輕橫掃來(lái)刪除最近的應(yīng)用和通知。滑動(dòng)手勢(shì)從誕生第一天起就將易用性作為重點(diǎn),并在以后廣泛出現(xiàn)于其他 UI 系統(tǒng)和應(yīng)用之中。
更明亮,更輕快: KitKat (2013)
借助 KitKat,Android 的視覺(jué)語(yǔ)言變得更加明亮,更加開(kāi)放,更加美觀。曾經(jīng)作為主色調(diào)的黑色和藍(lán)色逐漸消失了,因?yàn)槲覀儐?dòng)了 “去藍(lán)色化” 工程 (de-bluing, 當(dāng)時(shí)我們?cè)谶@件事上投入了不少心力) 。我們轉(zhuǎn)而使用較淺的顏色,并提升了整個(gè) UI 的透明度。這樣一來(lái),系統(tǒng)的外觀就顯得現(xiàn)代多了。
Material Design: Lollipop (2014)
Lollipop 版本代表了 Android 迄今為止最雄心勃勃的 UX 轉(zhuǎn)型。Material Design 的加入讓整個(gè)系統(tǒng)的外觀煥然一新,所有的 Android 和其他 Google 產(chǎn)品都應(yīng)用了這一風(fēng)格。
對(duì)令人熟悉的觸感、光影進(jìn)行抽象和運(yùn)用,使得這個(gè)版本的系統(tǒng)看起來(lái)更加平易近人,更加友好。這個(gè)擁有很高一致性的系統(tǒng)統(tǒng)一了應(yīng)用中的各種 UI 和交互模式,幫助用戶更輕松地使用他們的設(shè)備。
優(yōu)雅而簡(jiǎn)潔的幾何形狀 (三角形、圓形和方形) 分別對(duì)應(yīng)著 “返回、主屏幕和最近” 這三個(gè)常駐按鈕,這與注重線條描繪的圖標(biāo)有著明顯的不同。當(dāng)時(shí)很多人認(rèn)為這是頗為冒險(xiǎn)的一步,但是,我們有必要轉(zhuǎn)變審美觀念,這樣才能與最新趨勢(shì)保持一致,甚至有所超越。
迭代: Oreo (2017)
在 Oreo 版本,我們通過(guò)更加直觀精煉的布局、更輕松的手勢(shì)和快速搜索,繼續(xù)簡(jiǎn)化 Android 體驗(yàn)。
我們采用了特定的方法,讓所有圖標(biāo)顯示為同一個(gè)形狀。主屏幕上充斥著不同形狀圖標(biāo)大雜燴的日子一去不復(fù)返了。“顯示全部應(yīng)用” 的按鈕被手勢(shì)取代: 只需在主屏幕向上滑動(dòng)即可顯示所有應(yīng)用。雖然這種做法在開(kāi)發(fā)過(guò)程中曾經(jīng)引起過(guò)爭(zhēng)議,但它最終受到了用戶的歡迎,因?yàn)橄蛏匣瑒?dòng)是一個(gè)廣受認(rèn)可的手勢(shì)操作,它要比精確點(diǎn)擊按鈕容易得多。
我們還將快速搜索框移動(dòng)到屏幕底部,這樣給人的感覺(jué)更自然,用戶輕松就可以點(diǎn)到它。將快速搜索框移到底部還讓我們找到了一種在手機(jī)上進(jìn)行導(dǎo)航的新方法: 在將搜索功能緊密地集成到操作系統(tǒng)中之后,用戶可以快速找到他們想要的應(yīng)用和內(nèi)容。
我們發(fā)布 Oreo 版本的目標(biāo)是,讓 Android 更干凈,更精致,讓您的主屏幕在保留強(qiáng)大功能的同時(shí),依然平易近人。
新的起點(diǎn): Pie (2018)
在 Google I/O 2018 大會(huì)上,我們發(fā)布了 P 版本——這代表了 Android 用戶體驗(yàn)發(fā)展的最新一步,同時(shí)恰逢 Android 誕生10周年。
我們使用手機(jī)的方式已經(jīng)變了。更多應(yīng)用 (以及 Google Assistant 等服務(wù)) 的登場(chǎng)讓我們可以做到更多事情。我們完成任務(wù)的方式也發(fā)生了變化。現(xiàn)在,“與朋友一起規(guī)劃晚間活動(dòng)” 這樣一件 “簡(jiǎn)單的事情” 卻往往需要我們?cè)诙鄠€(gè)應(yīng)用之間反復(fù)切換才能完成。我們推出 Android P ,以用戶為中心,將用戶想要的一切更加緊密地聯(lián)系在一起。
在新的系統(tǒng) UI 中,主要功能——返回和主屏——仍然使用大家熟悉且普遍理解的按鈕。我們將 Overview 和 All apps 這兩個(gè)指令整合到了一個(gè)更智能的操作中: 用戶從屏幕底部向上滑動(dòng)即可訪問(wèn)。
這個(gè)用于顯示所有應(yīng)用的向上滑動(dòng)手勢(shì)現(xiàn)在可以在任何應(yīng)用中運(yùn)行,可以顯示您最近使用的應(yīng)用,可能接下來(lái)會(huì)啟動(dòng)的應(yīng)用,當(dāng)然還有包含所有應(yīng)用的列表。無(wú)論您正在尋找哪個(gè)應(yīng)用,都只需要輕輕一掃就能找到,無(wú)需返回主屏幕。
現(xiàn)有的向下滑動(dòng)手勢(shì)可以對(duì) Notifications 和 Quick Settings 生效,而輕掃操作在不妨礙既有手勢(shì)的基礎(chǔ)上,提供了一種有益的補(bǔ)充。通過(guò)這兩種常見(jiàn)的手勢(shì),我們隨時(shí)都可以進(jìn)行最常用的操作。
在全新 Overview 的幫助下,您可以查看和訪問(wèn)最近使用過(guò)的應(yīng)用中的內(nèi)容。您可以向上滑動(dòng)并快速查看每個(gè)應(yīng)用,然后對(duì)內(nèi)容進(jìn)行操作,例如快速查找朋友推薦的餐廳,或復(fù)制應(yīng)用推薦的餐廳名稱,并將其發(fā)回給朋友。這就讓多任務(wù)處理和任務(wù)切換變得非常容易。
我們不僅致力于讓用戶能夠更快地啟動(dòng)和切換應(yīng)用,還可以通過(guò)機(jī)器學(xué)習(xí)來(lái)預(yù)測(cè)用戶想要的操作,即 App Actions。另外,Slices 則進(jìn)一步打破了 “必須完整下載應(yīng)用” 的框架,可以在更豐富的場(chǎng)景中,如 Google Search 和 Assistant 中,給用戶提供剛好合適的內(nèi)容和對(duì)應(yīng)的控件。
△ 當(dāng)您向上滑動(dòng)查看所有應(yīng)用時(shí),就可以看到 App Actions,這樣您就可以快速進(jìn)行操作。Slices 在用戶最需要的時(shí)候?yàn)樗麄儙?lái)豐富的、最具相關(guān)性的內(nèi)容和功能。通過(guò)直接在操作系統(tǒng)的應(yīng)用中顯示較為深層的功能,Android 變得更加高效,更易于使用。
Android 9 Pie 中有許多出色的設(shè)計(jì)更新和功能,由于篇幅所限我們無(wú)法在此一一分享,您可以從我們往期發(fā)布的文章中了解更多。希望您會(huì)像我們一樣,對(duì)這個(gè)誕生于 Android 十周年的版本感到興奮。
我們正在走向下一個(gè) 10 年,對(duì)于 Android 來(lái)說(shuō),這是一個(gè)重要的里程碑。我們也期待著開(kāi)發(fā)者們?cè)谂惆榱宋覀円粋€(gè) 10 年后,繼續(xù)在下一個(gè) 10 年創(chuàng)造出新的輝煌!
?點(diǎn)擊屏末?|?閱讀原文?|?下載?"Android 9 Pie 開(kāi)發(fā)者手冊(cè)"
推薦閱讀
Flutter 1.0 正式版: Google 的便攜 UI 工具包
文案與寫(xiě)作: 如何圍繞內(nèi)容進(jìn)行設(shè)計(jì)
游戲升級(jí)大思路 | 且看 Roblox 如何進(jìn)軍 Chromebook 市場(chǎng)
總結(jié)
以上是生活随笔為你收集整理的Android 十年之路: 主屏与导航的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: tcpdump 在ubuntu上使用命令
- 下一篇: flash的计算机知识,Flash CS