UI交互架構:Android的「二維卡片」 vs 蘋果「立體空間」
安卓手錶系統的設計風格延續了谷歌Material Design的原則,色彩鮮明細膩,強調卡片式的交互結構。安卓系統採用情景式卡片[CoNtextual Cards]推送,卡片又分為兩大類:一種是標準的通知卡片[Bridge notification],只提供資訊,無需進一步交互。比如短信、天氣、新聞等;另一種是可執行卡片[Actionable cards/CoNtextual notification], 如可隨時暫停的計時器,音樂播放控制器等。
卡片上內嵌了可點擊操作的按鈕,使用者除了閱讀,還可以進行進一步的快速交互;當同一程式向使用者推送了多條資訊,這些資訊會自動組合成堆疊卡片[Card Stacks],使用者可點擊展開或收攏。在使用者有主動搜索的需求時,還可以通過語音詢問或者從命令清單中選擇預製的快捷命令進行搜索,安卓稱之為線索功能表[Cue Cards]。
那麼問題來了, 這麼小的螢幕,這麼多的卡片,使用者又如何流覽和選擇?安卓為此制定了2D Pickers [二維選擇]的法則,即縱向上下滑動在不同種類的卡片間快速切換。而從右向左滑動可以進入某個具體應用卡片的詳情進行進一步操作,如查看詳情、快速回復、在手機上打開等。從左向右滑動則是返回前一張卡片,直到退出返回預設錶盤介面。卡片一旦退出,則自動刪除不再出現。
當然,除了情景卡片和線索功能表,安卓也給開發者提供了全屏「沉浸式」交互的可能,如果開發者認為確有必要,可以給使用者提供入口,進行全屏交互。
與安卓類似,蘋果也提供了卡片式的頁面模式[Page-Based]。使用者可以在不同的頁面之間左右切換流覽。這樣的方式簡單明瞭,但當頁面數量較多的時候,來回頻繁切換也會影響效率。因此蘋果建議開發者盡可能的減少頁面數量。
層級模式 [Hierarchical ] 是蘋果與安卓最大的不同。在層級模式中,通過功能表巡覽列引導使用者快速找到相應功能,使用者可隨時點擊左上角的返回按鈕或者從螢幕左邊緣向右滑動返回上一層級介面。可以想見,對於相對複雜的使用者場景,這種模式比扁平的頁面模式更為高效。
除此以外,蘋果提供了壓力觸摸 [Force Touch]操作,相當於給同一介面賦予一個快捷操作功能表。在特定介面,只要手指用力按壓螢幕,這個快顯功能表就會浮現。這樣做既保證了介面佈局的簡潔完整,也不影響單手指操作的效率。另一個亮點是通過快速撥動數位表冠[Digital Crown], 使用者可以在不同App和層級介面中進行流覽和進行Zoom-in-and-out式的縮放操作,進一步提升了交互的空間層次感。
人機交互:Android「少即是多」 vs 蘋果「軟硬體一體化」
谷歌Android Wear的操作強調簡單的大動作觸摸,比如上下左右的滑動,點擊等。使用者基本上不需要做太複雜和精確的點擊就能完成大部分交互。手勢感應:當使用者手腕抬起的時候,螢幕會自動點亮,一段時間之後自動熄滅,這是通過內置的重力和角度感應器實現的。這個設計咋一看十分巧妙和人性化,但實際使用中發現體驗卻不盡如人意,誤觸發或者不觸發的情況時有發生。
好在你可以通過設置螢幕睡眠模式來避免這樣的煩惱,但這相應地也會影響待機時間。另一個實用的手勢是用手掌蓋住整個錶盤,此時系統會返回主頁並熄滅螢幕,這是通過錶殼上的光學感應器來實現的。Moto360,LG G Watch和華碩的Zen Watch上都支援這一手勢,尤其是華碩Zen Watch上,當有手機來電的時候用手掌蓋住錶盤可以快速讓手機靜音,這在開會和上課的時候很實用。
Android Wear的強大之處就在於內置了谷歌Now智慧語音引擎。任何時候使用者只要說「Ok, Google」 或通過點擊螢幕喚醒,並說出自己的需求,谷歌就會返回相關的搜尋結果或者啟動相關的程式。可惜目前Android Wear不支援中文,谷歌的服務在大陸也不可用。好消息是,使用者可以通過下載出門問問Andorid Wear版本實現類似功能。
蘋果的對話模式比安卓要更為豐富。除了支援與安卓類似的基本交互和Siri語音助手,蘋果手錶還提供了壓力觸摸,數位表冠,Taptic震動引擎等幾個新穎獨特的對話模式。壓力觸摸讓使用者可以便捷的喚醒快顯功能表;數位表冠則賦予了手錶經典操作語義以新的含義,方便使用者快速流覽長內容,精准定位和縮放,也避免了手指對螢幕的遮擋;Taptic引擎則可以給使用者精確微妙的震動提示,在不同場景下給使用者更貼心的體驗,比如心跳傳遞等。
另外,即使是同一手勢,蘋果的考慮也更細緻。Apple Watch可以根據使用者手臂抬起的時間長短,顯示不同詳細程度的資訊。當使用者手腕剛剛抬起的時候,手錶自動點亮並顯示短通知[Short look], 此時介面只有最簡潔的資訊;而當使用者手腕持續抬起不動,短通知就會自動切換到長通知[Long Look],把同一條提醒的細節進一步展開,提供按鈕以便使用者進一步交交互操作。
請按此登錄後留言。未成為會員? 立即註冊