移動用戶體驗設計約束、最佳實踐以及與開發人員合作

我們可以通過遵循移動 UX 設計最佳實踐、了解約束並促進與開發人員建立穩固的工作關係來實現更好的用戶體驗。

什麼是移動用戶體驗設計？

TechCrunch 最近的一篇文章指出，在 2018 年感恩節假期期間，移動​​電子商務佔所有在線銷售額的近三分之一，而 Digital Trends 在 2017 年報告稱，全球現在有 50 億人擁有移動設備。 谷歌還宣布，現在其搜索結果中超過一半的網頁都使用了移動優先索引。

人們每天都依賴移動設備進行通信、電子商務、內容消費、工作、銀行業務、方向，並越來越多地作為他們唯一的計算設備。 更重要的是，他們正在使用各種設備，例如手機、智能手錶、平板電腦、平板手機、可穿戴設備和混合筆記本電腦。

移動用戶體驗 (UX) 設計是指在使用移動設備和可穿戴設備以及在此類設備上運行的應用程序或服務期間的積極體驗設計……移動用戶體驗設計非常注重效率和可發現性。 - 交互設計基礎

對於 UX 設計師來說，這些移動設備趨勢既代表著挑戰，也代表著機遇。 一方面，我們必須考慮到設備的多樣性和使用方式。 另一方面，這在 UX 設計中開闢了一組全新的重點領域，這意味著為全新的一代用戶創造積極的體驗。

移動用戶體驗設計的最佳實踐

移動用戶體驗設計很棘手。 如前所述，我們必須考慮很多事情，包括不斷增長的移動設備列表、人們與它們交互的方式，以及人們希望在所有設備類型上獲得一致和愉快的體驗這一事實。

谷歌的 25 個移動用戶體驗設計技巧

2015 年，谷歌發布了 25 個基於內部研究的移動 UX 設計最佳實踐。 這些提示最近進行了更新，以使它們更加最新。 作者還包括一個包含所有 25 個技巧的可下載 PDF，可以很好地保存在任何移動 UX 項目中。

Apple 的人機界面指南

另一個方便使用的重要資源是 Apple 的移動設計人機界面指南。 它們易於閱讀，佈局精美，並充斥著最佳實踐、技巧和 Apple 自己的設計原則。 對於移動用戶體驗設計師來說，這些指南是提供高質量用戶體驗的重要資源。

其他移動用戶體驗最佳實踐

這裡還有一些移動 UX 設計最佳實踐，它們可能不像 Google 那樣廣為人知，但對於移動設計師來說同樣重要。

• 用戶體驗研究。 在某些時候，我們可能會傾向於直接進入模型或原型，但是，首先進行適當的用戶體驗研究是不可低估的。 永遠記住“你不是你的用戶”，一個積極的用戶體驗依賴於在任何情況下徹底的用戶體驗研究。 這是 Adob​​e 的 UX 研究方法綜合指南，供進一步參考。
• 雜亂無章。 我們都經歷過桌面雜亂的焦慮——想像一下它在移動設備上！ 每個添加的按鈕、圖像、內容等，都會使事情變得更加複雜。 擺脫移動 UI 中並非絕對必要的任何內容是個好主意。 一個很好的建議是努力追求極簡主義，但不要以犧牲良好的可用性為代價。 這通常可以通過在每個屏幕上優先處理一個主要操作來實現。
• 優先。 有一種趨勢是嘗試添加盡可能多的功能。 我們覺得遺漏一些東西會以某種方式為用戶創造更少的體驗。 相反，要根據核心目標高度關注功能，並通過分析最常用的功能來改進設計，然後努力使這些功能既直觀又令人愉悅。
• 觸摸目標。 當用戶點擊某物但沒有響應時，他們可能會感到憤怒並開始敲擊他們的移動設備。 麻省理工學院進行的一項研究發現，他們正在點擊觸摸目標太小的東西。 最佳實踐是創建控件、按鈕、鏈接等（任何觸摸目標）至少 7-10 毫米，這是指尖的平均寬度。 確保這些 UI 元素之間有足夠的間距也是一個好主意。
• 清晰的文本。 由於用戶所做的大部分工作都是基於內容消費的，因此為了在所有類型的移動設備上提供一致的體驗，請確保選擇在多種尺寸和重量下都能正常工作的字體。 建議使用至少 11 磅的字體大小以減少眼睛疲勞。 乾淨且易於閱讀的字體，例如 Google 的 Roboto 和 Noto 或 Apple 的新 San Francisco 字體是探索的絕佳選擇。
• 用戶界面反饋。 設計良好的應用程序讓我們在與它們交互時隨時了解情況。 缺乏良好的反饋會使用戶感到困惑，並導致他們質疑某件事是否已經發生、正在發生，或者為什麼發生/沒有發生。 最佳實踐是根據 UI 元素或應用程序的當前狀態使用不同形式的反饋（聲音、觸覺、可視化）。
• 可訪問性。 這可能是用戶體驗設計，尤其是移動用戶體驗設計中最容易被忽視的方面之一。 世界上 15% 的人口患有某種形式的殘疾。 Web 內容可訪問性指南是免費提供的資源，對於數字設計師來說，它是他們工具箱中“必備”的一部分。

移動用戶體驗設計約束

大多數 UX 設計師的目標是提供令人愉悅的體驗並提出出色的設計，以實現可發現性（可能的操作）和理解（產品應該如何使用）。 然而，對於移動設備，由於這些設備的尺寸、便攜性和使用環境，存在一些限制。

存儲限制

在處理原生移動應用程序時，設計人員需要考慮某些用戶可能存在存儲限制。

與 Web 應用程序相反，移動應用程序使用移動設備上的存儲空間。 這會對移動 UX 設計產生影響，因為它對可用的視頻、音頻和圖像的質量造成了潛在的限制。

對於原生應用，我們希望移動用戶體驗設計考慮到存儲限制。 當用戶遇到存儲限制時，他們必須就保留什麼和刪除什麼做出艱難的決定。 當我們強迫用戶必須做出這些選擇時，它會導致糟糕的用戶體驗。

屏幕和控件

我們在移動 UX 設計中面臨的另一個限制是屏幕尺寸和移動設備上的控件。

移動屏幕更小：通過窺視孔閱讀會增加認知負荷，使其難以理解大約兩倍。 - Jakob Nielsen，Web 可用性顧問。

處理屏幕和控件的最佳方法是盡可能消除摩擦。 重組信息，注意拇指區域，減少點擊次數（尤其是電子商務），並註意登錄過程，這通常會令人沮喪。

環境

對於移動設備，UX 設計需要考慮環境因素。 用戶會更頻繁地下線，這些情況需要在整體用戶體驗中加以考慮。 我們如何將它們帶回原來的位置？ 我們如何確保他們不必從頭開始他們正在做的事情？

另一個環境因素是乾擾。 當我們使用手機或平板電腦時，我們經常處於嘈雜或擁擠的環境中，難以集中註意力。 當分心爭奪用戶的注意力時，我們如何確保良好的用戶體驗？ 有沒有辦法我們可以保存狀態並允許我們的用戶也保存狀態？

小屏幕尺寸，單窗口

設計師在移動 UX 設計中遇到的另一個限制是屏幕尺寸的限制。 因此，人們一次只能看到一個窗口，這給用戶體驗帶來了巨大的限制。

有人努力嘗試適應“多屏幕”和“多任務”，但這些還不是常態，並且有自己的限制。

使用這種單一窗口約束來改善移動用戶體驗的關鍵是設計應該是自給自足的。 用戶需要做的任何事情都應該在一個屏幕或一個窗口內完成，即他們不應該離開應用程序來查找信息等。

當用戶不得不離開應用程序或打開新屏幕時，這會增加整體認知負荷，這意味著事情變得過於復雜和令人沮喪。

人們如何持有移動設備

最後一個限制要注意：持有我們的小工具。 人們如何持有它們，這對移動用戶體驗設計意味著什麼？

根據 Steven Hoober 的研究並在“手指、觸摸和人的設計”第 2 部分中進行了概述，人們發現人們與設備的交互方式不同，具體取決於他們持有設備的方式，這隨後對移動用戶體驗設計產生了影響。

人們以多種方式持有他們的移動設備，並且一直在改變他們的位置。 這會影響他們使用的手指以及他們如何與移動 UI 交互（見下文）。 事實證明，用戶更喜歡屏幕的中心，他們不喜歡點擊太靠近邊緣的項目。

以下是 Steven 研究中的一些額外的移動 UX 技巧：

• 為每位用戶以及每種類型和尺寸的移動設備設計
• 針對人們使用設備的各種方式進行設計
• 考慮到在大多數情況下，用戶更喜歡觸摸屏幕的中心
• 將關鍵操作放置在屏幕的中半至三分之二處
• 確保手指和拇指不會遮擋內容
• 可選項目應足夠大，以便輕鬆點擊

與開發人員合作

無論是否在敏捷/精益 UX 環境中工作，開發人員都必須解釋和實施精心設計的設計。 儘早與開發人員建立一些久經考驗的真正最佳實踐以確保設計按預期實施是一個好主意。 這裡有一些建議和技巧。

樣機

在準備和移交模型時，請盡量保持文件名簡單、一致且具有描述性。 這將節省很多來回的時間。 在與開發人員共享之前完成所有模型也是一個好主意，這樣他們只會收到每個屏幕的一個版本。 另一個節省時間的技巧是測試與原型的所有交互，以便它們正常工作。 共享模型的好工具： InVision和Marvel 。

功能規格

作為 UX 設計師所做的大部分工作都涉及項目早期的開發人員，促進對設計過程的持續理解和創建更好的溝通渠道的好方法是創建和使用功能規範文檔，或“Func” -規格。”

Func-Spec 文檔類似於架構師創建的藍圖，不同之處在於它在整個設計項目中與開發人員共享，並允許他們了解應用程序或網站的功能（與 UI 的外觀）。

一個很好的工作 Func-Spec 示例如下所示：

複製

通常有很多副本存在於模型之外，需要與開發人員進行溝通。 這是一個他們肯定會欣賞的想法：

如上所示，上下文有助於開發人員了解消息應該出現或消失的時間。 它應該讓開發人員知道發生了什麼，這樣他們就不必猜測了。 該消息是將出現的實際副本。 使用真實副本而不是亂碼（即 lorem ipsum）。 開發人員不想成為文案，我們想讓他們的事情盡可能順利。

規格

這是與開發人員交流設計的最重要部分之一。 這就是Zeplin和InVision 的 Inspect等工具真正大放異彩的地方，因為它們負責溝通規範，如測量、樣式指南、字體、用戶體驗流程以及設計的每一部分如何工作。

通信 IRL（現實生活中）

設計師喜歡他們的工具。 如此之多，以至於很容易忘記拿起電話、開始視頻通話或走到開發人員面前交談。 在交付設計的一部分後，只需與開發人員會面就可以節省大量時間，因為任何問題或細微差別都可以當場討論。 這經常被遺忘，但如果將其作為正常交接過程的一部分，每個人都會欣賞它節省的時間。

把它綁在一起

手機不會消失。 2016 年，通過移動設備訪問網絡的用戶數量首次超過了桌面用戶。 對於 UX 設計師來說，移動設備的日益普及和各種設備類型的激增將使用戶體驗設計更具​​挑戰性。

出於這些原因，堅持一組最佳實踐、了解移動引入的限制以及與開發人員建立順暢的工作關係將是實現創造積極人類體驗的設計的關鍵因素。

• • •

進一步閱讀 Toptal 設計博客：

• 設計原則及其重要性
• 最佳 UX 設計師作品集——鼓舞人心的案例研究和示例
• 探索完形設計原則
• Adobe XD 與 Sketch – 哪種 UX 工具適合您？
• 頂級設計師使用的 10 個 UX 可交付成果