許多設(shè)計師對于桌面端和移動端的應(yīng)用程序在設(shè)計方面都有親身實踐的經(jīng)驗，但是智能手表對他們來說卻是一個全然陌生的領(lǐng)域。因為設(shè)備的大小和人們與之交互的方式都需要使用不同的設(shè)計方法。

應(yīng)用程序在智能手表上的最佳實踐需要其支持快速交互、并專注于用戶最關(guān)心的內(nèi)容。本文將提供一些實用建議，幫你創(chuàng)建出色的智能手表應(yīng)用。

一目了然

表盤對于顯示信息的空間是有限的。所以，請務(wù)必記住與手表的互動需要以秒為單位進行測量，因此應(yīng)用程序必須迅速向用戶提供所有必要的信息和操作。你可以通過使界面保持整潔并為信息創(chuàng)建清晰的層次結(jié)構(gòu)來實現(xiàn)此目標(biāo)：

• 避免一次在屏幕上顯示太多信息。僅顯示用戶需要查看的基本細節(jié)。
• 使用不同的字體粗細、大小、顏色和空白強調(diào)重要信息。
• 創(chuàng)建可視分組，以幫助用戶找到所需的信息。使用負空間將相關(guān)元素和信息放置在不同的區(qū)域。

并排比較兩塊手表，一個在表盤上顯示了一行行的水平線，另一個則顯示的是一個簡單的復(fù)選標(biāo)記。很顯然，左側(cè)的表盤信息需要用戶瞇著眼睛才能看清寫的是什么。

專注于核心功能

設(shè)計出色的智能手表用戶體驗需要使用一種專注的方法?！溉藗儾幌胭徺I四分之一英寸的鉆頭，他們想要的是一個四分之一英寸的孔。」該設(shè)計原理適用于所有類型的產(chǎn)品，包括智能手表。智能手表的設(shè)計應(yīng)該響應(yīng)用戶的特定需求。而其用戶體驗設(shè)計應(yīng)始終圍繞著實現(xiàn)應(yīng)用程序的核心目的來展開。

不要在應(yīng)用界面中包含不必要的功能、操作或內(nèi)容。專注于主要業(yè)務(wù)。例如，如果你為智能手表設(shè)計電子郵件應(yīng)用程序，則應(yīng)專注于創(chuàng)建出色的閱讀以及發(fā)送快速回復(fù)的體驗，并跳過添加附件或編輯收件人的選項，因為用戶很少會在智能手表上進行這些操作。

反應(yīng)靈敏

智能手表的應(yīng)用程序應(yīng)該是具有高性能的，需要對用戶的操作立即做出響應(yīng)。進行性能基準(zhǔn)測試，并確定應(yīng)用程序中需要用戶等待的位置。優(yōu)化加載時間緩慢的內(nèi)容（通常，加載時間緩慢是由諸如圖像和視頻之類的多媒體內(nèi)容引起的）。

提示：有一個兩秒互動的簡單規(guī)則，即你的智能手表應(yīng)用程序設(shè)計中的任何響應(yīng)都不應(yīng)該超過兩秒。

可預(yù)測的導(dǎo)航

減少總頁數(shù)

在智能手表用戶體驗中包含太多頁面的內(nèi)容將耗費應(yīng)用內(nèi)導(dǎo)航的時間并且使用起來會令人沮喪。當(dāng)用戶需要更多信息或功能時，他們可以切換到移動或桌面端等其他媒介。專注于基本內(nèi)容，并為實現(xiàn)應(yīng)用程序快速而便捷的交互而設(shè)計。

選擇適當(dāng)?shù)膶?dǎo)航模型

如果應(yīng)用具有多個屏幕，則需要選擇合適的導(dǎo)航模型。選擇最能滿足你需求的導(dǎo)航模型。Apple建議使用page-based 或 hierarchical 模型：

• Page-based 基于頁面的：在基于頁面的導(dǎo)航中，用戶通過水平滑動即可在頁面之間進行導(dǎo)航?；陧撁娴膶?dǎo)航是一種呈現(xiàn)扁平信息集合的好方法，其中所有項都是對等的。

Page-based導(dǎo)航。圖片來源：Apple

• Hierarchical 分層級的：當(dāng)用戶點擊層級中的項目時，將顯示一個新屏幕，其中顯示了有關(guān)該項目的詳細信息。這種類型的導(dǎo)航非常適合父子界面（即，類別和該類別中的項目）。

Hierarchical 導(dǎo)航。圖片來源：Apple

請記住，一旦決定要使用哪種導(dǎo)航模型，就要在應(yīng)用程序中只使用它一種。不能在同一應(yīng)用中使用兩種不同的導(dǎo)航模型。

提示：避免創(chuàng)建深度超過2-3層的層級結(jié)構(gòu)。當(dāng)用戶在導(dǎo)航過程中迷失方向時，包含超過2或3個級別的信息很容易出狀況。

不要重新定義手勢的含義

手勢是與移動設(shè)備和智能手表進行交互的標(biāo)準(zhǔn)方式。用戶希望與產(chǎn)品之間進行熟悉的手勢交互。因此，應(yīng)避免使用標(biāo)準(zhǔn)手勢來執(zhí)行非標(biāo)準(zhǔn)操作。例如，最好不要重新定義滑動或捏合縮放的含義。除非你的應(yīng)用程序是游戲類的，否則重新定義標(biāo)準(zhǔn)手勢的含義會使智能手表的用戶體驗變得混亂而復(fù)雜。

降低交互成本

交互成本是用戶為了實現(xiàn)目標(biāo)而必須在應(yīng)用程序交互上投入的所有努力（無論是精神上的還是身體上的）。無論用戶執(zhí)行什么操作，都不應(yīng)占用他們太多時間。減少用戶必須看到的屏幕數(shù)量以實現(xiàn)該目標(biāo)。

利用設(shè)備傳感器

目前市場上有許多智能手表都內(nèi)置了加速度計和陀螺儀。來自傳感器的數(shù)據(jù)可用于與健身和健康相關(guān)的活動或游戲。設(shè)備傳感器不僅能夠減少數(shù)據(jù)輸入的工作量，而且還為用戶提供了很多好處。例如，健身應(yīng)用可以使用這些數(shù)據(jù)來提供有關(guān)用戶總體健康狀況的反饋。

及時且相關(guān)的通知

智能手表非常適合提供可行的實時數(shù)據(jù)。他們應(yīng)該在正確的時間（當(dāng)用戶期望看到或需要看到它時）提供正確的信息（為用戶帶來高價值）。

在為智能手表端進行設(shè)計時，要記住以下幾件事：

• 通知應(yīng)易于解除。智能手表端的設(shè)計應(yīng)使用戶感到舒適，不要干擾用戶正在進行的操作。
• 僅將觸覺反饋用于重要通知。觸覺反饋用來告訴用戶發(fā)生了重大的事情，需要用戶注意。
• 請注意隱私。避免在通知中顯示潛在的敏感內(nèi)容。

優(yōu)化多媒體內(nèi)容

優(yōu)化所有圖像

經(jīng)過優(yōu)化的圖像占用磁盤空間會更少，加載速度會更快。建議使用 JPEG 格式，因為其壓縮算法通常會產(chǎn)生較小的尺寸。JPEG 壓縮的優(yōu)點在于，很容易在圖像質(zhì)量和大小之間找到平衡。JPEG格式提供了從0％（重壓縮）到100％（無壓縮）之間選擇圖像壓縮方式的能力。但請記住，該文件格式是有損的，這意味著它每次壓縮時都會丟失一些數(shù)據(jù)。缺乏透明度是這種格式的另一個缺點。

保持視頻剪輯簡短

應(yīng)用程序界面中的媒體剪輯不應(yīng)超過 30 秒，越短越好。長剪輯不僅會消耗更多的磁盤空間，而且還要求用戶將手腕長時間抬起，這可能會產(chǎn)生疲勞。

視覺設(shè)計

字體排版

字體排版必須尊重內(nèi)容。使文本可讀、易懂和清晰至關(guān)重要。

以下是處理智能手表的用戶體驗時應(yīng)遵循的一些實用建議：

• 盡量使用系統(tǒng)字體。San Francisco (SF) 是Apple watchOS中的系統(tǒng)字體（分為兩種變體：SF Compact Text 和 SF Compact Display）。 Roboto Condensed是Google Wear OS中使用的主要字體。
• 避免在小尺寸字體上使用細體。在小字體上使用細體會導(dǎo)致字體顯示不清晰。
• 請謹慎使用自定義字體。自定義字體使產(chǎn)品團隊能夠傳達其品牌。但是，建議在應(yīng)用程序中使用不超過一個的附加字體。盡管 watchOS 和 Wear OS 均支持自定義字體，但使用過多字體會使界面感覺混亂。
• 請確保自定義字體清晰易讀。自定義字體在字體較小時可能不會太清晰（它們很少支持 Apple 的 Dynamic Type 調(diào)整每個屏幕字體大小的功能）。 因此，最好將自定義字體用于標(biāo)題等較大的文本元素。

文本對齊和UI元素對齊

UI設(shè)計模式中的F模式適用于所有類型的設(shè)備，包括智能手表。左對齊的文本更易于閱讀。對于按鈕等功能元素，建議將其顯示為帶有文本標(biāo)簽的垂直堆棧。此設(shè)計決策使按鈕更加容易被用戶的眼睛掃描到。

兩只Apple Watch和中間的iPhone顯示了不同的健康結(jié)果界面。

顏色

顏色是可以與用戶進行交流的功能強大的工具。選擇正確的配色方案不僅可以支持你的品牌，而且還可以在不同屏幕之間建立視覺上的連貫性。

使用顏色時，請記住以下幾點：

• 考慮上下文。確保選擇的顏色傳達了適當(dāng)?shù)南?。例如，如果一個正念應(yīng)用程序在冥想期間使用鮮艷的紅色作為背景色，那將是令人生厭的。
• 考慮對比度。 Apple 的顏色設(shè)計準(zhǔn)則建議為文本使用淺色，因為該種顏色更容易獲得合適的對比度和清晰度。
• 考慮色盲。許多色盲人士都很難區(qū)分紅色和綠色。不要將這些顏色組合作為傳遞消息的唯一方法。

蘋果人機交互指南中建議的配色標(biāo)準(zhǔn)。

動畫

精心制作的動畫效果可以為用戶創(chuàng)造真正令人難忘的體驗。即使設(shè)計人員以前有為移動應(yīng)用程序創(chuàng)建動畫的經(jīng)驗，但是為小屏幕創(chuàng)建動畫也會遇到挑戰(zhàn)。因此，建議遵循一些簡單的規(guī)則來創(chuàng)建出色的智能手表用戶體驗：

• 保持動畫簡短。簡短的動畫傳達所需的信息，而無需用戶等待。
• 創(chuàng)建具有特定用途的動畫。切勿僅僅因為可以創(chuàng)建動畫而創(chuàng)建動畫。動畫應(yīng)始終出于功能目的，建立情境并提請用戶注意界面的特定部分。
• 最小化并發(fā)動畫的數(shù)量。同時運行許多動畫不僅會影響應(yīng)用程序的響應(yīng)速度，而且還會使用戶對動畫難以理解。
• 將動畫設(shè)置為可選。在輔助功能偏好設(shè)置中啟用減少動畫選項時，應(yīng)將應(yīng)用的動畫最小化或消除。

來自Apple Watch的優(yōu)秀動畫示例。圖片來源：Feng ZHU

不要孤立地考慮手表端

智能手表可幫助用戶快速訪問信息，但有時用戶可能希望切換到其他介質(zhì)以更深入地瀏覽內(nèi)容。請務(wù)必清楚，手表不應(yīng)使信息孤立。相反，這些信息應(yīng)該在用戶擁有的所有數(shù)字介質(zhì)之間進行傳遞。在進行移動端設(shè)計時，你需要考慮移動設(shè)備和智能手表一起工作時的情況。同步用戶進度，使用戶更輕松地切換到其他介質(zhì)，并直接從同一步驟繼續(xù)進行旅程。

從 Apple Watch 上移交任務(wù)。用戶可以繼續(xù)在 iPhone 上執(zhí)行 Apple Watch 上啟動的任務(wù)。圖片來源：蘋果。

總結(jié)

在為智能手表設(shè)計應(yīng)用程序時，最終目標(biāo)是模糊設(shè)備和軟件之間的界限。與經(jīng)典手表類似，與智能手表的交互應(yīng)輕巧快捷。智能手表用戶體驗的重點在于交互的速度和舒適性。用戶不應(yīng)覺得自己正在與計算機交互，而是在與使自己的生活更舒適的個人設(shè)備進行交互。

英文原文：https://xd.adobe.com/ideas/principles/app-design/ux-design-for-smartwatches/
原文作者：Nick Babich
編譯作者：@設(shè)計吐司

以上譯文僅代表原作者觀點。如需轉(zhuǎn)載請遵循CC版權(quán)協(xié)議正確標(biāo)明出處。