編輯導(dǎo)語(yǔ)：什么是移動(dòng)用戶體驗(yàn)設(shè)計(jì)？為什么進(jìn)行移動(dòng)用戶體驗(yàn)設(shè)計(jì)以及該如何去設(shè)計(jì)呢？本文作者圍繞這些問(wèn)題為我們做出了詳細(xì)地解答，讓我們一起來(lái)思考學(xué)習(xí)吧。

移動(dòng)用戶體驗(yàn)設(shè)計(jì)的目標(biāo)是為了給使用移動(dòng)設(shè)備、可穿戴設(shè)備使用應(yīng)用程序和相關(guān)服務(wù)的人帶去舒適的體驗(yàn)。移動(dòng)用戶體驗(yàn)設(shè)計(jì)非常注重可發(fā)現(xiàn)性和效率，一個(gè)移動(dòng)應(yīng)用程序的成功，完全取決于它如何引起用戶的注意力和滿足他們的需求。

一個(gè)出色的用戶體驗(yàn)設(shè)計(jì)是高效設(shè)計(jì)過(guò)程的結(jié)果，優(yōu)秀的移動(dòng)應(yīng)用程序開發(fā)人員總是把用戶體驗(yàn)放在心上。

一、為什么移動(dòng)用戶體驗(yàn)值得去設(shè)計(jì)？

移動(dòng)是一項(xiàng)不斷發(fā)展的技術(shù)，越來(lái)越多的人也正在使用這個(gè)技術(shù)。移動(dòng)設(shè)備使用方便，比傳統(tǒng)的臺(tái)式機(jī)或筆記本電腦更容易攜帶，移動(dòng)用戶體驗(yàn)設(shè)計(jì)是移動(dòng)應(yīng)用開發(fā)的關(guān)鍵。

移動(dòng)應(yīng)用程序的用戶體驗(yàn)包括用戶使用它的整個(gè)過(guò)程，圖形用戶界面（GUI）也是其中的一個(gè)方面。

移動(dòng)用戶體驗(yàn)

如何做好移動(dòng)用戶體驗(yàn)設(shè)計(jì)？讓我們一起看看設(shè)計(jì)指南吧！

二、移動(dòng)用戶體驗(yàn)設(shè)計(jì)指南

研究你的目標(biāo)受眾，了解客戶的需求和偏好，提升APP的用戶數(shù)量并減少流失的關(guān)鍵就在于：需要設(shè)計(jì)一個(gè)”別具一格”的APP。

無(wú)論你是在開發(fā)Android還是iOS應(yīng)用程序，都需要良好的用戶體驗(yàn)設(shè)計(jì)，以下的內(nèi)容將幫助你設(shè)計(jì)出優(yōu)秀的移動(dòng)用戶體驗(yàn)！

1. 設(shè)定明確目標(biāo)

與所有商業(yè)決策一樣，沒(méi)有明確的目標(biāo)是很難成功的。

但切記，一定要設(shè)定現(xiàn)實(shí)的目標(biāo)，然后記錄下你的目標(biāo)，以及你預(yù)計(jì)的APP推廣方式。一旦你有了做應(yīng)用程序的想法，先看看潛在的競(jìng)爭(zhēng)對(duì)手，了解它在當(dāng)前競(jìng)爭(zhēng)激烈的市場(chǎng)中所處的地位。

更重要的是，你要研究你的目標(biāo)受眾，以及他們的需求和偏好。

2. 選擇平臺(tái)

每個(gè)操作系統(tǒng)都有自己的設(shè)計(jì)語(yǔ)言，你應(yīng)該遵守特定平臺(tái)的設(shè)計(jì)指南。

無(wú)論是iOS、Android，還是增強(qiáng)型網(wǎng)頁(yè)應(yīng)用（PWAs），在進(jìn)行應(yīng)用程序設(shè)計(jì)之前，首先都要選擇開發(fā)應(yīng)用程序的平臺(tái)。

這個(gè)決定取決于你想要的應(yīng)用程序的類型以及你想要構(gòu)建應(yīng)用程序的原因，每個(gè)操作系統(tǒng)都有自己的設(shè)計(jì)語(yǔ)言，你應(yīng)該遵守特定平臺(tái)的設(shè)計(jì)指南。

應(yīng)用程序設(shè)計(jì)人員應(yīng)該考慮特定平臺(tái)的按鈕位置和導(dǎo)航模式，為了確保你的應(yīng)用程序在感覺(jué)、外觀和功能都是正確的，你必須考慮到所選擇的平臺(tái)是否滿足設(shè)計(jì)應(yīng)用程序的各個(gè)方面——這是成功的關(guān)鍵！

因?yàn)槿绻愕膽?yīng)用程序無(wú)法正常運(yùn)行，用戶會(huì)毫不猶豫地卸載它。

如下圖所示，56%的用戶在使用應(yīng)用程序中會(huì)遇到問(wèn)題：

移動(dòng)應(yīng)用體驗(yàn)問(wèn)題

圖片來(lái)源：“用戶對(duì)缺陷應(yīng)用的容忍度很低，只有16%的用戶會(huì)嘗試一個(gè)失敗的應(yīng)用兩次以上?！薄づ謇姿梗⊿arah Perez）

如何選擇平臺(tái)得到正確的設(shè)計(jì)指南？

iOS的設(shè)計(jì)指南可以看看蘋果的《人機(jī)界面指南》，而Android應(yīng)用程序卻應(yīng)該參考一下《Material設(shè)計(jì)系統(tǒng)》，以下是一些基本的設(shè)計(jì)指南可供參考：

• 設(shè)計(jì)應(yīng)用程序時(shí)要保持與移動(dòng)設(shè)備一致的操作方式
• 通過(guò)提高應(yīng)用程序的可訪問(wèn)性和可用性來(lái)改善用戶體驗(yàn)
• 使用平臺(tái)上應(yīng)用程序需要的GUI組件，而不是設(shè)計(jì)自定義組件
• 確保用戶在他們?cè)O(shè)備上使用應(yīng)用程序時(shí)感到舒適

3. 直觀地表達(dá)你的想法

草圖可以幫助你完成邏輯和結(jié)構(gòu)的設(shè)想、簡(jiǎn)化設(shè)計(jì)，并專注于可用性和流程。

首先繪制應(yīng)用程序的用戶界面和信息架構(gòu)，包括應(yīng)用程序的導(dǎo)航系統(tǒng)。草圖可以幫助你完成邏輯和結(jié)構(gòu)的設(shè)想、簡(jiǎn)化設(shè)計(jì)，并專注于可用性和流程。接下來(lái)讓我們看看創(chuàng)建線框圖的要點(diǎn)吧！

許多人將線框圖描述為一個(gè)應(yīng)用程序的藍(lán)圖，它們通常以圖形方式展示重要功能、特性和內(nèi)容，構(gòu)建時(shí)需要注意以下內(nèi)容：

• 內(nèi)容優(yōu)先級(jí)
• 界面空間分布
• 可用功能
• 預(yù)期行動(dòng)
• 界面之間的邏輯關(guān)系

線框以視覺(jué)方式傳達(dá)你的想法，這將有助于具體設(shè)計(jì)的開發(fā)。在這里，視覺(jué)設(shè)計(jì)不是重點(diǎn)，你可以借助一些線框工具（如Adobe XD、Sketch或者M(jìn)ockplus）創(chuàng)建線框圖。

為什么線框圖是一個(gè)關(guān)鍵步驟？

• 應(yīng)用程序的直觀展示可以讓大家清楚地了解它的外觀和功能
• 讓設(shè)計(jì)人員能夠看到頁(yè)面間的用戶體驗(yàn)是否流暢
• 促進(jìn)團(tuán)隊(duì)溝通
• 修改時(shí)更容易操作、且成本低
• 突出設(shè)計(jì)問(wèn)題和不一致的地方
• 如果技術(shù)無(wú)法實(shí)現(xiàn)，易于修改

4. 設(shè)計(jì)視覺(jué)元素

用戶體驗(yàn)設(shè)計(jì)，實(shí)際上是通過(guò)提供流暢的體驗(yàn)和優(yōu)化應(yīng)用程序的可用性來(lái)提高客戶滿意度。

一個(gè)有效的用戶體驗(yàn)設(shè)計(jì)應(yīng)該對(duì)用戶產(chǎn)生即時(shí)的影響，據(jù)研究表明，94%的第一印象與應(yīng)用程序的視覺(jué)設(shè)計(jì)有關(guān)。在影響第一印象的眾多功能中，排在首位的是網(wǎng)絡(luò)導(dǎo)航和視覺(jué)吸引力。

給人留下良好的第一印象可以讓一款應(yīng)用提升到更高的高度，所以投資的話需要考慮一個(gè)能夠吸引用戶的設(shè)計(jì)。

視覺(jué)設(shè)計(jì)

但請(qǐng)記住，盡管外觀是最重要的，一個(gè)優(yōu)秀的用戶界面（UI）也必須提升應(yīng)用程序的整體質(zhì)量。

雖然用戶界面定義了應(yīng)用程序的外觀和行為，但實(shí)際上用戶體驗(yàn)設(shè)計(jì)也在通過(guò)提供流暢的體驗(yàn)和可用性來(lái)提高客戶滿意度，那么如何做好視覺(jué)界面的用戶體驗(yàn)設(shè)計(jì)呢？

視覺(jué)界面設(shè)計(jì)包括顏色、字體和圖標(biāo)等元素，所有這些元素都應(yīng)該與應(yīng)用程序的品牌Logo保持一致。最重要的是，應(yīng)用程序的視覺(jué)設(shè)計(jì)應(yīng)該是美觀的。

要構(gòu)建一個(gè)完美的視覺(jué)原型，需要注意以下幾點(diǎn)：

• 追求簡(jiǎn)約的設(shè)計(jì)
• 保持導(dǎo)航簡(jiǎn)單易用
• 認(rèn)真選擇字體和顏色
• 確保按鈕和鏈接的點(diǎn)擊友好
• 考慮哪些元素需要可視化層次結(jié)構(gòu)
• 在整個(gè)應(yīng)用程序中保持一致性

5. 構(gòu)建并測(cè)試原型

重要的是，必須保證有代表用戶的參與者進(jìn)行測(cè)試。如果可能的話，盡量是真實(shí)用戶。

創(chuàng)建最小可行性產(chǎn)品（MVP），一個(gè)縮小版的應(yīng)用程序可以讓你以低成本地測(cè)試應(yīng)用程序的所有關(guān)鍵特性和功能。這樣做的目的，是在上傳應(yīng)用程序到app store之前可以優(yōu)化應(yīng)用程序的基礎(chǔ)功能和結(jié)構(gòu)。

測(cè)試原型

創(chuàng)建并測(cè)試一個(gè)點(diǎn)擊式原型，以獲取用戶的反饋，并確定是否需要更改。最初你可以在公司內(nèi)部組織其他部門的人員一起測(cè)試，但是需要記住，測(cè)試時(shí)必須要有少數(shù)代表用戶的參與者，或者盡可能是真是用戶。

創(chuàng)建原型并與用戶一起測(cè)試可以幫助你：

• 更好地了解用戶
• 評(píng)估應(yīng)用程序的功能
• 確定應(yīng)用程序是否為用戶帶來(lái)了預(yù)期的價(jià)值

通過(guò)測(cè)試，你可以在應(yīng)用程序設(shè)計(jì)和開發(fā)的早期階段發(fā)現(xiàn)問(wèn)題，并及時(shí)制定解決方案。然后，你可以對(duì)設(shè)計(jì)進(jìn)行修改迭代，重新實(shí)現(xiàn)它們，并再次測(cè)試它們是否解決了所確定的問(wèn)題。

在用戶可用性測(cè)試的結(jié)果令人滿意之前，不要進(jìn)行beta測(cè)試。

注意：與其一次性解決所有問(wèn)題（無(wú)論問(wèn)題有多?。蝗缦冉鉀Q主要問(wèn)題。否則，你可能需要進(jìn)行無(wú)數(shù)次的迭代。

三、結(jié)論

用戶體驗(yàn)設(shè)計(jì)的目標(biāo)是改善用戶與產(chǎn)品的交互和體驗(yàn)方式，如果你設(shè)定了明確的目標(biāo)、選擇了正確的平臺(tái)，通過(guò)線框圖表達(dá)你的想法、設(shè)計(jì)視覺(jué)元素，并構(gòu)建和測(cè)試原型，你一定能創(chuàng)造出優(yōu)質(zhì)的移動(dòng)應(yīng)用程序用戶體驗(yàn)！

原文作者：Charles Richards

原文地址：https://www.uxmatters.com/mt/archives/2020/07/mobile-user-experience-design.php

本文由 @摹客團(tuán)隊(duì)翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Pexels，基于 CC0 協(xié)議