2019-9-28 資深UI設(shè)計者
在本篇開始之前,我們稍作回顧。目前已經(jīng)完成的兩個系列包括:「iOS 13 設(shè)計新特性」,涉及深色模式、SF Symbols、卡片面板及情境菜單等話題,錯過的朋友不妨回看,畢竟新系統(tǒng)將會在近兩日正式推送。在「基礎(chǔ)設(shè)計原理」當中,演講人通過一場夏威夷之旅帶領(lǐng)我們了解了一系列重要的設(shè)計原理,包括一致性、可供性、心智模型、漸進呈現(xiàn)等等,深入淺出,老少咸宜,強烈推薦。
△ Mike Stern 老師的「基礎(chǔ)設(shè)計原理」
而本期開始的新話題則聚焦于如何面向 Apple 生態(tài)體系中的多種設(shè)備進行設(shè)計,包括如何選擇平臺,如何針對不同的平臺權(quán)衡功能與外觀風格,如何構(gòu)建生態(tài)體驗等等;演講者是 Apple 的設(shè)計師 Cas Lemmens。
在 Apple,我們非常自豪于我們所創(chuàng)造的一系列設(shè)備平臺。在創(chuàng)造和升級這些平臺的過程中,我們都會以提升人們的日常生活品質(zhì)為目標,并力圖在人與設(shè)備之間構(gòu)建富有意義的關(guān)聯(lián)。這關(guān)聯(lián)未必僅存在于單一平臺當中;你所使用的 Apple 設(shè)備越多,便越發(fā)能體會到整個生態(tài)帶來的依存關(guān)系。
你可能會戴著 Apple Watch 晨跑,可能會在 MacBook 或是 iMac 上完成一天的工作;下班后,你可能會借助 iPhone 的一系列功能來使用公共交通,或是在你的車里使用 CarPlay;回到家,你可能會通過 Apple TV 看劇或電影;睡前,你可能還會在 iPad 上讀書。
無論你正在使用何種設(shè)備,Apple 的平臺生態(tài)都可以識別你、理解你,并幫助到你。
面向這樣的生態(tài)體系進行設(shè)計,你必須對其中的每一個平臺都有著深刻的理解。對于 Apple 的設(shè)計師而言,這樣的挑戰(zhàn)已經(jīng)變得司空見慣。我們必須謹慎思考每一個 app 可能適合的平臺類型,以及如何使其針對不同的平臺進行相應(yīng)的調(diào)整。
Apple 開發(fā)的 app 當中,有些是面向全平臺的,例如「照片」或「音樂」。
而有些則僅存在于特定的平臺當中,例如「備忘錄」、「郵件」等等。
有些服務(wù)可以在你擁有多種設(shè)備的情況下帶來最優(yōu)體驗,例如 ApplePay;另外一些則必須基于多臺設(shè)備同時運行,例如 FaceTime。
今天,我要與各位分享的,便是 Apple 的設(shè)計師在進行跨平臺設(shè)計時所采用的典型流程。希望這些經(jīng)驗可以幫助各位更加且目標明確地將你的產(chǎn)品和服務(wù)推向 Apple 生態(tài)圈當中的更多平臺。
我們首先會從「平臺選擇」開始,即了解每一個平臺的情境特質(zhì)與能力特征,并以此為基礎(chǔ)選擇最恰當?shù)哪繕似脚_。
然后是「平臺適配」,即基于目標平臺的設(shè)備特性,對我們希望實現(xiàn)的功能進行權(quán)衡與管理。
接下來是「風格協(xié)調(diào)」,即在品牌風格與平臺規(guī)范之間尋求平衡,對 app 的視覺外觀及操作體驗進行定義。
然后是「平臺連接」,即探索如何在不同的設(shè)備平臺之間實現(xiàn)功能的連續(xù)性,打造輕松、無縫的使用體驗。
最后,我們還會嘗試「平臺擴展」,即探索如何同時基于多平臺實現(xiàn)最優(yōu)的綜合生態(tài)體驗。
以上便是跨平臺設(shè)計的主要流程。接下來,我們將對這五個步驟逐一進行了解。
所謂「平臺選擇」,即回答「我要面向哪個平臺進行設(shè)計」這個問題。
或許你還沒有上線過任何 app,目前正在考慮以哪個平臺作為首發(fā);或許你已經(jīng)在一兩個平臺上發(fā)布過 app,正在考慮接下來應(yīng)該進行怎樣的擴展。
在選擇平臺時,有兩個最為關(guān)鍵的概念需要我們重點思考:
對于「情境」的理解至關(guān)重要,因為當情境發(fā)生變化時,人們通常會切換他們所使用的設(shè)備,以不同的方式完成不同的任務(wù)。
舉個例子。譬如你正在辦公室里工作,或是在學校上著課;這些都是高度聚焦和穩(wěn)定的情境。當你離開這些場所,乘上了公交車或地鐵,你便進入了高度動態(tài)和移動化的情境。這兩類情境之間的差異非常明顯,我們通常會從 Mac 切換至 iPhone 或 Watch,因為后兩者本就是面向移動化情境進行設(shè)計的。
而對于「能力」的理解則可以幫助你掌握并充分利用特定平臺的獨特功能。
接下來,讓我們從「情境」與「能力」這兩個方面,對 Apple 生態(tài)體系當中的一些典型平臺進行分析。
首先是 iPhone,因為這可能是我們多數(shù)人最為熟悉的平臺了。
從情境的角度來看,iPhone 始終保持開機,始終與我們相隨,因此它是高度移動化的;同時,iPhone 也是高度私人化的設(shè)備,我們不會輕易與他人共享使用;此外,iPhone 通常被用于高頻而短時的互動,我們每次使用不會超過幾分鐘。
iPhone 所具有的能力可以有效地支持其情境特質(zhì)?!甘冀K開機,常伴于身」的特性要求 iPhone 必須具備良好的環(huán)境感知能力,其內(nèi)置的陀螺儀、加速計等傳感器可以始終在背景進程當中處理環(huán)境相關(guān)的信息,即便是在我們沒有使用 iPhone 的時候;iPhone 的 Touch ID(及 Face ID 等機制)則會為我們提供私人化的保護;其高清晰度的觸屏則能確保我們在短時間的互動過程中獲得輕松與愉悅的體驗。
與 iPhone 類似,Watch 也具備「始終開機,常伴于身」的特性,且同樣是高度私人化的。但 Watch 具有更強的即刻性,所面向的是更為短暫的互動,譬如你只需一瞥便可以從表盤上獲取與當下情境最為相關(guān)的信息;而提示信息在你注視稍久時還會進一步提供詳細信息。
Watch 所具備的能力與其私人化的情境特質(zhì)息息相關(guān)。Watch 可以追蹤你的運動狀態(tài)、地理位置及心率;其觸覺反饋可以通過輕觸手腕來提醒你查看信息;而表盤也是高度定制化的,你可以讓最為需要的信息始終呈現(xiàn)在表盤之上,便于一瞥之間快速獲取。
而 iPad 則具有較為復(fù)雜的情境特質(zhì),既可以被用于穩(wěn)定的環(huán)境,同時也支持移動化場景。你可以用 iPad 完成一些而聚焦的任務(wù),也可以將其作為放松型設(shè)備來享受影視或游戲體驗。而所有這些互動過程都比 iPhone 或 Watch 更加持久。
從能力的角度,iPad 的大屏正是對這些情境特質(zhì)的有效支持。充足的屏幕尺寸可以幫助你完成高精度的操作,環(huán)境光傳感器可以使其良好適應(yīng)于日夜不同的光照條件;高保真揚聲器和高精度觸屏可以為影音或游戲帶來更具沉浸感的視聽體驗;若是配合 Apple Pencil,iPad 還能幫助你完成更加、更具創(chuàng)意性的工作。
再來看 Mac。其情境特質(zhì)具有高度的專業(yè)性,你可以進行非常而聚焦的工作,譬如設(shè)計和開發(fā) app;MacBook 可以被作為共享設(shè)備來使用,但它同時也是個人化的,因為多數(shù)使用者都擁有獨立的個人帳戶;我們通常會長時間使用 MacBook 或 iMac,譬如每天都會有幾個小時的互動時間。
在能力方面,為了支持高度專業(yè)化的任務(wù),Mac 具備著非常高的性能表現(xiàn);鍵盤鼠標可以幫助你進行而復(fù)雜的操作;多任務(wù)能力允許你以自己所需的方式進行工作;而多帳戶體系則能使 Mac 適用于更多樣的工作場景。
最后來看 Apple TV。這是生態(tài)當中最具共享性的平臺,我們通常會與家人或朋友一起觀看;TV 最具穩(wěn)定性,始終與電視機綁定在一起,不會四處移動;TV 是完完全全的放松型設(shè)備,我們用它來享受影音或游戲,每次使用時長通常在三十分鐘到幾個小時之間。
配以高清顯示屏,TV 的畫質(zhì)將會鮮活得呼之欲出;TV 的遙控器輕便易用,你可以輕松地將其傳遞給朋友和家人;TV 可以與 HomeKit 良好配合,使其高度穩(wěn)定的特性得以在「家庭」這個場景中充分地發(fā)揮;其界面設(shè)計特別面向 10 碼左右的距離進行優(yōu)化,使你可以輕松地窩在沙發(fā)里享受娛樂體驗。
通過以上分析,你便能理解,為何了解每個平臺的「情境」與「能力」對于你的目標平臺選擇來說是如此重要的事了。
「情境」是平臺的立命之本,而「能力」則決定了其獨特性。
對于你的 app 來說也是如此。你需要問自己兩個關(guān)鍵問題:我的 app 可以在怎樣的情境里體現(xiàn)產(chǎn)品價值?要實現(xiàn)產(chǎn)品價值,需要哪些特定的技術(shù)能力作為支持?
在 Apple 內(nèi)部,每當需要為 app 選擇目標平臺時,我們都會反復(fù)進行一項簡單的練習?,F(xiàn)在我來為各位進行演示。
首先讓我們以「健身記錄」 app 為例。
想想看「健身記錄」的產(chǎn)品特性,你會發(fā)現(xiàn)它首先必須具備移動性。它需要追蹤你全天的運動行為,以便進行的數(shù)據(jù)統(tǒng)計。因此它需要設(shè)備平臺具備「始終開機,常伴于身」的特質(zhì),即高度的移動性。
同時,「健身記錄」還必須是私人化的。它應(yīng)該能且只能追蹤你個人的數(shù)據(jù)。
接下來,我們要通過象限圖來建立情境特質(zhì)與平臺之間的映射關(guān)系。其中橫軸代表「移動性」,從左到右遞減;一系列 Apple 設(shè)備平臺按照各自的特質(zhì)分布在軸線上,譬如 Watch 最具移動性,而 TV 最具穩(wěn)定性。
而縱軸代表「私人性」,從上到下遞減。其中 Watch 最具私人性,TV 則最具共享性。
對于「健身記錄」而言,由于要同時具備高度的移動性與私人性,因此在象限圖當中會大致位于左上方的位置。這便解釋了為什么它會出現(xiàn)在 Watch 和 iPhone 當中,而非其他平臺。
接下來我們以 GarageBand 為例。
GarageBand 涉及到的人機互動是高度精準型的,因為人們需要非常準確地操作音頻內(nèi)容,使它們出現(xiàn)在正確的時間和地點。
此外,GarageBand 必須良好地支持多任務(wù),因為人們往往會將多種音頻器材和樂器連接進來同時進行演奏。
我們通過象限圖來建立映射關(guān)系。其中橫軸代表交互的性,左端為粗放型,最具代表性的平臺是 Watch,因為其屏幕較小,而人們的手指相對粗大,難以完成具有高精度要求的操作;右端為精準型,代表平臺為 MacBook 或 iMac,因為鍵鼠操作具備最高的度。
縱軸則代表「多任務(wù)能力」,從上到下遞減。在 Mac 上,我們可以輕松地進行多任務(wù)操作;而對于 Watch,你每次只能完成一項任務(wù)。
GarageBand 需要同時具備高度的交互能力,以及良好的多任務(wù)能力,因此在象限圖當中會大致位于右側(cè)偏上的位置,所對應(yīng)的即是 Mac、iPad 和 iPhone。
這兩個例子都非常簡單,各自僅涉及到兩方面的情境特質(zhì)。在實際當中,我們通常需要將更多、更復(fù)雜的特質(zhì)因素考慮進去;最終,我們希望能夠為 app 找到最適合其生存的平臺。
以上便是跨平臺設(shè)計流程中的第一步,「平臺選擇」,即綜合考量不同設(shè)備的情境特質(zhì)及能力特征,進而為 app 選擇最為適合的平臺。
藍藍設(shè)計的小編 http://www.wnxcall.com