我很肯定那些看過Apple Watch功能的人對其有多么的失望,但是我想寫的正是為你展示功能局限的好處。起先,當我研究Apple Watch的時候,想在它身上做的很多事情都不能實現。后來我意識到Apple Watch的關鍵在于瞥一眼某個應用,它應該配合某個應用而不是替代它。當我這樣思考后才意識到Apple Watch能夠真正被應用到的,不僅僅是通知,更重要的是使人們能夠方便地使用最常用的那些App的核心功能。
我將讓你通過幾個關鍵的功能重新樹立觀點,借此我們會把Apple Watch視為真正的尤物。
保持簡化
在我所有的設計里我都崇尚簡化。你可以有一個復雜的想法但必須把它簡化到使每個人都可以使用它。截止到目前為止蘋果已經持續推行著這個理念——內容是關鍵,而Apple Watch通過確保用戶使用一個非常輕量級的界面去實現有限的功能,在這一理念上踐行得更遠。
想像一下我們會怎么去設計一個模板?答案是創造一些功能有限但靈活的東西在各種設備上可以被使用。我們這么做的原因是這樣一來就沒有人能使用這個模板去創造完全不同的,一般的,丑陋的東西。蘋果已經這樣做了,但不要以為是為了讓所有的應用看起來都是蘋果出品,仔細想想,他們似乎是想要確保所有的應用為Apple Watch而生并簡單易用,沒有復雜的屏幕或不必要的組件,只是回到了我們真正需要的。
看看你手中的一個應用,想想它的核心功能,人們最常用的是什么?那個功能在Apple Watch上要怎么正確地被使用?你怎樣針對這個核心功能去簡化這個app,從而使人們愿意在Apple Watch上使用它而不是在iPhone上呢?
音樂軟件可能是一個比較好的例子。它的主要功能一般是播放音樂、切換曲目和調節音量。此刻我們僅僅調節一下耳機上的裝置就可以改變曲目和音量,但有件事情被忽視了:現在在播放什么曲目?怎樣快速切換專輯而不是曲目?Apple Watch的第一屏應該負責這些主要功能,我們可以輕擊屏幕顯示當前播放曲目并選擇另一個,或使用上下菜單從我們最常播放的前四個專輯中去選擇。
功能至上
對于新屏幕我們能夠使用的切換方式轉場效果都是非常有限制的,因此在這里一切都變得非常簡約。
模態界面
在每天使用的應用中我們已經習慣了這種模擬情景的交互方式,它同樣也可以被利用在Apple Watch上作為在我們設備的主屏幕之外設置或控制其他的東西時。需要過渡的是之前我們已經習慣于當前屏幕上從下往上的移動方式。
旋轉
根據屏幕底部顯示的頁碼我們會通過簡單地輕擊去切換頁面,但是不要被炫酷的視覺效果所迷惑,因為在AppleWatch每個頁面在顯示時都需要靜態地呈現,炫酷的視覺效果沒有意義。
推出
就像手機里的iOS應用一樣,當我們選擇去訪問一個新的頁面時,可以依然讓它從左到右地顯示出來。
層級菜單
這是Apple Watch上一個非常有趣的新功能,訪問菜單的唯一辦法就是長按界面。這個菜單的設計關鍵是呈現它與你當前頁面的上下的層級聯系,因此叫層級菜單。思考一下它作為一個菜單選項去改變你當前的環境,無論是切換一個模式還是從你的樂庫中選擇一個新的播放列表。關于層級菜單你可以在Apple Watch上使用更多的例子,只要保證它們總是與你要訪問的頁面相關聯。
UI設計
為Apple Watch做設計最大的難點在于可供設計的界面區域非常有限。想象一下每個頁面都是一個表盤,每個元件即一個元素,一切都不可重疊。設計一個HTML郵件有時也會如此,與Apple Watch在屏幕上的局限非常相似。
盡可能給你的按鈕更多區域,至少從觸摸最小區域標準44px開始設計,而且因為我們旨在讓Apple Watch上的界面更簡潔,你可能會使用更多的空間。
試著讓屏幕上的元素保持最小,你要盡量嘗試并避免因為各種用戶行為而去滾動屏幕。通常我們應該只在閱讀內容或選擇一個項目列表(比如專輯列表)時需要滾動屏幕。
關于界面,蘋果在非常努力地試圖呼吁背景色保持黑色。而色彩只用于屏幕中的元素,這會促使設計中使用最少的顏色,在應用里只對屏幕上的關鍵信息進行著重強調從而引導用戶使用。我收到一個關于Apple的評論說這樣會幫助節省電池損耗,作為回應我只想說最好蘋果能夠改善硬件來確保我們可以自由設計。然而蘋果保證設備上的應用在他們設定的標準之內,而不允許人們去創造他們任何想做的東西,那樣可能會破壞人們的愿景。還有一個挑戰,如果所有的Apple Watch應用都是黑色背景,你要怎么通過界面的元素讓你的界面與眾不同?如何讓用戶能夠正確識別他們正在使用的應用?
最后一件和布局有關的趣事是蘋果建議所有的元素都延伸到邊界。原因是由于黑色的表身和建議使用的黑色背景,這兩個表面形成了一個完整的屏幕,因此在設計時顯示屏邊緣的物理邊框也被考慮在內。當然如果你打算使用一個背景色,可以像往常一樣延伸到邊緣的。(譯者注:應該是為了達到無形邊界的全屏UI視覺效果,這樣有利于模糊軟件與硬件之間的差別,帶來更整體性的使用體驗。)
圖像
為提高設備的電池效率建議你盡可能地少用圖片,但是如果你仍然要使用它們,可以用下面的這些方法。
背景圖
整個屏幕的背景圖是填充的,不會隨著內容滾動,因此保證它簡潔盡可能只有一種顏色,蘋果最希望是黑色。
區域內容背景
另外一個使用背景圖的例子是一個區域(類似容器)的視覺效果,背景圖像上可能會被內容覆蓋。這種情況下把你的內容作為一塊區域來考慮,圖像也只在這個特定的區域出現作為背景并保持靜止(譯者注:這個容器的背景可以是純色也可以是背景圖片,是Apple Watch布局的重要工具)。
獨立圖片
像往常一樣,使用圖片即簡單又容易理解,但是為了提高電池效率依然盡量少地使用。
動畫效果
我們都喜歡應用里的動效,不管是一個新的元素出現在屏幕上的動效,還是一些點擊的反饋動效。在Apple Watch這里我們受到的局限是,展示動效的唯一方式是使用GIF動圖。這意味著我們只能將動效運用在現有屏幕的元素上。使用動效的好處是用戶與界面中元素發生交互行為時獲得了反饋。以按鈕為例,我們可能需要為輕擊按鈕設計一個彈起效果,或使用一連串的動畫表達填完某項內容。
只要記住動效只能被用于某個元素被觸發而設計相關的反饋就可以了。如果你的組件充滿了動效,通過點擊很多步,每一次點擊都將會觸發組件自身的動效。因此如果你有一整個100幀的動畫和10個點擊動作,每一次點擊都會播放一次動畫,你會發現快速地點擊4次會使動畫跳過前3次直接轉到第4次的動效,想想有點可怕。這時可能要確保每個操作有少量的幀動畫,以便在點擊動作之間有時間去展示平滑的動效過渡。
手勢
這是Apple Watch最大的局限之一。除了滑動旋轉,我們不能使用其他任何類型的觸摸手勢。查看層級菜單我們可以使用的有滑動滾動、輕擊、長按。實際上解除按鈕讓我們以一種更簡單的方式思考用戶如何瀏覽我們的應用程序,尤其是,這里只有一個手表,我們所設計的的一切交互方式都必須小、快速和簡單。