本文首發(fā)于公眾號：設計新手村

文章譯自：Adobe Creative Cloud

原文標題：Designing for Different Screens and Devices: 7 Steps to Creating A Great UX

原文作者：Nick Babich

文章翻譯：村長道哥

從屏幕微小的智能手表到屏幕最寬的電視，顯示的內容應該可以在不同大小的屏幕內呈現(xiàn)和互動。但針對不同設備的設計更多的是調整內容的大小。這涉及到很多復雜的問題：設計師需要最大化每個設備的用戶體驗，讓用戶相信這款應用確實是為他們的設備專門設計的，而不是簡簡單單地拉伸，然后充滿整個屏幕。

為了創(chuàng)造一個良好的用戶體驗，必須找到一種有效的策略來解決不同的設備和屏幕尺寸的問題。

#1 識別核心用戶體驗

每個產品都有一個核心的用戶體驗，這基本上就是產品存在的原因。產品解決了人們的一個需求，所以變得有意義，并為用戶提供了價值。主要內容和功能的結合反映了核心的用戶體驗。要找到你產品的核心用戶體驗，問自己一個問題：“對于客戶來說最常見和最重要的任務是哪些？”在產品使用的每個途徑上對這些核心任務給予支持是至關重要的。例如，Uber 的核心用戶體驗是在任何時候都可以輕松地叫車。無論屏幕大小是怎樣的，這個功能都應該適用于為這個目的而設計的每個設備。

把產品的設備分組

盡管市面上有各種各樣的設備，屏幕大小不一，而且完全不可能針對單個設備去做設計，但可以根據(jù)用戶關注的功能去為產品劃分設備組別。最常見的設備分組是：

移動電話

平板電腦

臺式電腦

智能電視

智能手表

不同的設備分組在不同的環(huán)境中可以提供不同的服務：用戶可以根據(jù)屏幕類型來進行不同的交互。例如，移動電話主要用于處理小任務，時長通常很短。平板電腦主要用于內容消費，在大多數(shù)眼里目前還不能被認為生產力工具。理解各種設備類型的定位對于構建良好的用戶體驗是很重要的。

#2 對每個場景的用戶體驗進行調整

在確定產品的核心用戶體驗并選擇一組想要支持的設備之后，需要為每個組（針對每個使用場景）進行用戶體驗的調整。為不同的設備組設計時，使用場景是非常重要的。

首先，并非每一個功能在所有的設備上都有意義。你需要確定不同的場景，在這些場景中產品將在不同的設備組中使用，并設計適合每種場景的用戶體驗。例如，很多移動用戶都希望從產品中獲得與桌面電腦不同的東西。以 Evernote 為例，做為一款流行的筆記產品，可以在多種設備上使用。Evernote 的桌面版針對內容消費進行了優(yōu)化：桌面版 Evernote 優(yōu)化了文本閱讀和媒體文件的瀏覽。

而移動版則是針對筆記、照片和捕捉音頻進行優(yōu)化的。

其次，不同的屏幕采用不同的輸入法。以觸摸輸入為例，設計師在設計觸摸輸入設備（手機和智能手表）時一些常見的錯誤包括：

過小的點擊目標。點擊目標（如CTA按鈕）必須有足夠的大小才行。最小限度的7毫米通常來說就可以了，但是最好使用10毫米的觸摸目標大小。

把元素都緊緊地堆在一起。你應該考慮一下點擊目標的大小，以及它們之間的間距，因為間距可以幫助分隔控件，并給用戶界面提供呼吸的空間。為了防止輸入錯誤建議最小的間距為23pt。

使用懸停狀態(tài)。在觸摸屏上，沒有“懸浮”這個東西。

#3 優(yōu)先為最小的屏幕設計

從歷史上看，設計師工作的順序總是從最大的屏幕到最小的——這意味著第一個也是最主要的設計是為了完整的桌面版（擁有最多的功能）。只有在桌面版設計完成之后，它才會被移植到移動設備和其他設備組。然而，在為桌面版設計時，我們通常會遇到“廚房洗滌槽”問題：產品中添加了許多特性，尤其是涉及到多個利益相關者的時候。這并不奇怪，因為當擁有大量的空間時，添加功能相對來說總是比較容易的。然而實踐表明，移動為先的設計會更好，用最小的屏幕創(chuàng)建應用程序，因為這與你的用戶是息息相關的。

當你首先為最小尺寸的屏幕做設計時，你不得不去思考什么是最重要的。過了一段時間后，無論是在桌面、平板電腦還是電視上，你會對產品的其他版本應用這樣的方法，仔細認真的選擇要添加的功能。

在大多數(shù)情況下，手機將是屏幕尺寸最小的設備。如果你的產品是可穿戴設備，那么你需要考慮使用更小分辨率的微型屏幕。

#4 別忘了大屏幕

和對小屏幕的思考一樣，給大屏幕同樣級別的注意力：

不要只是把你的設計放大鋪到那些大屏幕上。充分利用你所擁有的額外空間。

確保圖像不會因為在最大尺寸的屏幕上而模糊。

考慮大屏幕的規(guī)格。每個設備組都有自己的特定功能。例如，電視屏幕的設計被稱為“10英尺體驗的設計”，因為從沙發(fā)上看，屏幕上的元素明顯比桌面屏幕小得多。

#5 提供一致的體驗

一致的體驗意味著應用在所有屏幕大小上的體驗都是相似的。無論什么樣的設備，一致的體驗是打通各個平臺用戶體驗的關鍵組成部分:

一致的體驗為產品未來的交互設置了預期，并讓用戶建立信心。

一致的體驗讓用戶在其他設備上使用你的產品更加輕松。

你可以將不同的屏幕尺寸看作是相同體驗的各個方面，而不是根據(jù)不斷增加的屏幕和設備進行單獨的設計。例如，谷歌搜索應用在所有設備上提供相同的搜索體驗。

當設計和功能統(tǒng)一時，用戶可以在他們的設備上更快更有效地完成任務。

#6 打造無縫體驗

在不同的設備組中打造無縫的體驗對于用戶來說非常重要。人們可以在設備之間自由地切換來完成工作，當他們從一個設備轉向另一個設備時，他們希望產品和服務能夠與他們一起切換。這意味著用戶無需考慮他們設備的變化、環(huán)境的變化或場景的變化，還可以依賴于應用強大的功能和獨立于設備的易用性。

基于使用場景的不同，你可能希望各個設備上的內容是同步的。以蘋果音樂為例：你可以在 Mac 上設置播放列表，這個列表會立即同步到你的 iPhone 上，或者你可以在 iPhone 上直接聽歌，然后當你切換回 Mac 后 iPhone 上的內容同樣會同步過來。

#7 測試你的設計

在測試環(huán)境中工作的東西并不一定適用于現(xiàn)實世界。在真機上進行產品的可用性測試，這有助于在發(fā)布產品之前發(fā)現(xiàn)一些用戶體驗方面的問題。

結論

在為多種屏幕和設備設計時，最好的策略是時刻謹記終端用戶的體驗。作為用戶體驗設計師，你必須評估產品的使用時間、地點和方式，然后尋找出用戶的最佳體驗。不管你的內容最后會顯示在多大的屏幕上，用戶都希望在設備得到流暢的體驗。