不同屏幕和設備上如何做用戶體驗設計

2022-06-09 分類：用戶體驗

從具有微型屏幕的智能手表到最廣泛的電視屏幕，其中所開發的內容，應以便在各種屏幕尺寸之間進行查看和交互。但針對不同設備的設計更多的只是調整在不同的屏幕上顯示的內容大小。它涉及到很多復雜性：設計師需要把每個設備中的用戶體驗大化，以便用戶相信實際上應用程序是為他們的設備設計的，而不是簡單地拉伸到適合屏幕。為了創建一個好的用戶體驗，有必要制定一個針對各種設備和屏幕尺寸的策略。

1. 確定核心用戶體驗

每個產品都有核心的用戶體驗，這基本上是它存在的原因。它解決了人們所面臨的問題，而且為他們提供有意義的價值。關鍵內容和功能的組合代表了核心的用戶體驗。要查找你的產品核心用戶體驗，就要問自己一個問題：“客戶需要完成哪些最常見和最重要的任務?”在你用于產品的每個渠道上支持這些核心任務的本質至關重要。例如，Uber的核心用戶體驗是任何時間隨叫隨到。無論屏幕尺寸如何，此功能都能在每個設備上正常工作實現這一目的。

圖片來源：創新互聯

預約出租車是Uber用戶最重要的任務。用戶可以使用Apple Watch完成此任務。

2. 定義產品的設備組

盡管存在大量不同屏幕尺寸的設備，但絕對不能定位各個設備，可以根據用戶可能關注的任務定義產品的設備組。最常見的設備組是：

移動手機平板電腦臺式電腦智能電視智能手表

不同的設備組在不同的上下文中提供不同的服務：用戶根據他們正在查看的屏幕的類型參與不同的交互模式。例如，手機主要用于微任務，并且具有較短的用戶會話。平板電腦主要用于內容消費，目前不被視為大多數人的工作工具。在了解各種設備類型的基本上下文的假設對于構建一個好的用戶體驗是至關重要。

3. 適應每個上下文使用的體驗

確定產品的核心用戶體驗后，選擇一組你希望支持的設備組，你需要調整每個組的體驗(對于每個上下文的使用)。上下文的設計在不同設備組設計時尤為重要。

(1)并非所有功能都在所有設備上都有意義

你需要確定你的產品在多個設備組中使用的不同場景，并設計適合每個場景的體驗。例如，通常移動用戶比電腦用戶想要的不同于產品。以 Evernote為例，可以在多臺設備上使用流行的筆記本產品。其電腦版本針對內容消費進行了優化：

用于電腦版本的Evernote應用程序被優化用于閱讀文本和查看媒體。

而移動版本是針對拍攝筆記、照片和捕獲音頻進行了優化的：

Evernote了解移動環境：它利用設備功能，并提供快速保存想法的方式(添加文本筆記，捕獲照片或設置提醒)。

(2)不同的屏幕允許不同的輸入法

以觸摸輸入為例。在設計具有觸摸輸入(移動手機和智能手機)的設備時，設計師會犯的幾個常見錯誤包括：

小的點擊目標。點擊目標(如CTA按鈕)必須具有足夠大的尺寸。通常至少7毫米是足夠的，但最好使用10mm觸摸目標尺寸。

圖片來源：UXMag

將項目過于緊密地放在一起。你應該考慮點擊目標的大小以及它們之間的間距，因為間距有助于分離控件，并給你的用戶界面提供呼吸的空間。建議的間距至少為23pt以防止輸入錯誤。

按鈕之間的間距

使用懸停狀態。但在觸摸屏上，沒有“懸停”。

4. 最小屏幕設計

歷史上，設計師一直從事大屏幕到小屏幕的設計工作，這意味著第一個也是主要設計是為了完整的電腦桌面視圖(它具有最多的功能)。只有電腦桌面設計完成后才移植到移動設備和其他設備組。但當設計電腦桌面時，我們通常面臨“廚房水槽”問題：許多功能被添加到產品中，特別是當涉及多個利益相關者時。這并不奇怪，，當你有很多不動產時，添加功能是比較容易。實踐經驗清楚地表明，最好使用移動方法進行設計，并通過與用戶相關的最小屏幕創建應用程序。

當你首先設計相關屏幕的最小尺寸時，它會強制你決定最重要的。一段時間后，你將采用同樣的方法仔細選擇產品的其他版本，無論是電腦桌面設備，平板電腦還是電視。