在設(shè)計(jì)移動(dòng)用戶(hù)體驗(yàn)設(shè)計(jì)、或開(kāi)啟產(chǎn)品體驗(yàn)設(shè)計(jì)項(xiàng)目時(shí)，我們往往可能會(huì)忽略一些事項(xiàng)。這篇文章里，作者就總結(jié)了20條經(jīng)驗(yàn)，或許可以幫助屏幕前的你避免踩坑，一起來(lái)看看吧。

這里我們通過(guò)日常所積累的項(xiàng)目，整理出一些我們自己經(jīng)常容易被忽視的注意點(diǎn)。我們都收藏了這篇文章，每當(dāng)我們開(kāi)始設(shè)計(jì)新的移動(dòng)應(yīng)用程序或網(wǎng)站的時(shí)候，就把這篇文章當(dāng)作必備的提示清單。

現(xiàn)在跟著我，一起來(lái)閱讀這篇文章，我相信可以幫助到一些初出茅廬的新銳設(shè)計(jì)師們，在設(shè)計(jì)移動(dòng)用戶(hù)體驗(yàn)設(shè)計(jì)的時(shí)候避免踩坑。

規(guī)則1：不要放棄端到端的研究

即便我們已經(jīng)為很多領(lǐng)域的業(yè)務(wù)方產(chǎn)品成功開(kāi)展數(shù)字化升級(jí)迭代。然而，每次我們也都不會(huì)放棄伴隨式深入項(xiàng)目研究，比如品牌定位，營(yíng)銷(xiāo)策略。調(diào)研是必要環(huán)節(jié)，在服務(wù)一些中小企業(yè)的時(shí)候，這環(huán)節(jié)很容易被客戶(hù)刪除，但是我們?nèi)詴?huì)以免費(fèi)的形式提供調(diào)研服務(wù)。

在項(xiàng)目鋪開(kāi)之前，也一定先繪制出 產(chǎn)品/服務(wù) 的客戶(hù)畫(huà)像以及相對(duì)應(yīng)的用戶(hù)旅程圖。這樣可以確保我們能夠最大程度通過(guò)目標(biāo)用戶(hù)的行動(dòng)軌跡，提升設(shè)計(jì)方案的可行性和最終效果。

規(guī)則2：要專(zhuān)注于最核心的功能

任何一款產(chǎn)品體驗(yàn)的獨(dú)特性和多樣性很容易在不知不覺(jué)中被混淆，然而并非是同一個(gè)概念。的確，我們?yōu)榱藙?chuàng)造出讓用戶(hù)更容易識(shí)別的符號(hào)還是功能，隨之而來(lái)，就會(huì)在產(chǎn)品的用戶(hù)交互界面上增加許多不必要的設(shè)計(jì)。直至，一款入門(mén)級(jí)產(chǎn)品的學(xué)習(xí)成本變得非常之高，初學(xué)者難以直觀(guān)且快速地適應(yīng)并使用它。間接關(guān)閉了用戶(hù)進(jìn)入使用產(chǎn)品的大門(mén)。

記住：少就是多，專(zhuān)注最為核心的功能。

規(guī)則3：要積極探索項(xiàng)目的技術(shù)棧

當(dāng) AMP 和 PWA 等技術(shù)概念出現(xiàn)的時(shí)候，我們需要學(xué)習(xí)并如何將其應(yīng)用到我們的產(chǎn)品界面體驗(yàn)中。例如，在第一種技術(shù)環(huán)境下，我們可以不受任何的限制使用 CSS3。但是，我們無(wú)法讓用戶(hù)在任何場(chǎng)景中是使用到一致的產(chǎn)品體驗(yàn)。

B端产品经理的能力模型与学习提升

B端产品经理面临的第一大挑战，是如何正确的分析诊断业务问题。 这也是最难的部分，产品设计知识对这部分工作基本没有帮助，如果想做好业务分析诊断，必须具备扎实 ...

查看详情 >

然而，在第二種技術(shù)環(huán)境下，我們將不得不考慮推送通知，告知用戶(hù)在合適的硬件設(shè)備上使用產(chǎn)品。同時(shí)，帶來(lái)不同的方案來(lái)解決以往所無(wú)法設(shè)計(jì)的體驗(yàn)問(wèn)題。

AMP（Accelerated Mobile Pages)，是一種能夠加快移動(dòng)端頁(yè)面呈現(xiàn)速度的技術(shù)，也是一項(xiàng) HTML 標(biāo)準(zhǔn)，可以用來(lái)創(chuàng)建高質(zhì)量，高用戶(hù)體驗(yàn)的網(wǎng)站。這幾年移動(dòng)網(wǎng)絡(luò)技術(shù)的發(fā)展有限，確實(shí)在界面上沒(méi)有像原生應(yīng)用更易操作，而且當(dāng)網(wǎng)絡(luò)信號(hào)受影響時(shí)，網(wǎng)頁(yè)的加載速度及用戶(hù)體驗(yàn)都會(huì)減慢。

PWA（Progressive Web App），為漸進(jìn)式 Web APP，其目的是通過(guò)各種 Web 技術(shù)實(shí)現(xiàn)與原生 App 相近的用戶(hù)體驗(yàn)?？v觀(guān)現(xiàn)有 Web 應(yīng)用與原生應(yīng)用的對(duì)比差距，如離線(xiàn)緩存、沉浸式體驗(yàn)等等，可以通過(guò)已經(jīng)實(shí)現(xiàn)的 Web 技術(shù)去彌補(bǔ)這些差距，最終達(dá)到與原生應(yīng)用相近的用戶(hù)體驗(yàn)效果。

規(guī)則4：要為主元素提供直觀(guān)的導(dǎo)航

我們也會(huì)遇到一些功能非常簡(jiǎn)潔的界面，然而和我們一起做項(xiàng)目的實(shí)習(xí)設(shè)計(jì)師還是會(huì)遇到無(wú)法判斷如何設(shè)計(jì)導(dǎo)航。由此，我們建議可以留下額外的提示，鼓勵(lì)增添下一步，從而實(shí)現(xiàn)用戶(hù)識(shí)別目標(biāo)。對(duì)于那些不想花費(fèi)大量時(shí)間去閱讀使用手冊(cè)的用戶(hù)而言，我們可以通過(guò)直觀(guān)的元素引導(dǎo)用戶(hù)操作。

規(guī)則5：不要忽略觸控屏上的體驗(yàn)

我們居然使用觸摸屏設(shè)備已經(jīng)超過(guò)十年之久了，但是，仍有許多界面交互依然沒(méi)有與時(shí)俱進(jìn)。例如，一些閱讀類(lèi)產(chǎn)品還沒(méi)有通過(guò)模擬紙質(zhì)頁(yè)面翻轉(zhuǎn)的交互讓用戶(hù)滑動(dòng)操作，而是用簡(jiǎn)單粗暴的創(chuàng)建一個(gè)導(dǎo)航按鈕。軟件交互需要跟著硬件、網(wǎng)絡(luò)的提升而作出改變。

規(guī)則6：不要忽視界面排版和樣式

作為設(shè)計(jì)師很容易墜入視覺(jué)的漩渦，雖然界面的視覺(jué)樣式是用戶(hù)的第一感受，很重要。然而，我們卻不能忽視文字內(nèi)容的易讀性。我們通常在構(gòu)思設(shè)計(jì)樣式時(shí)，如果使用非標(biāo)準(zhǔn)字體或是在布局文本塊之前，一定將我們的設(shè)計(jì)方案是否會(huì)阻礙用戶(hù)識(shí)別或使用考慮在內(nèi)。

規(guī)則7：要提供及時(shí)的用戶(hù)反饋

好的體驗(yàn)，離不開(kāi)好的反饋機(jī)制，顧名思義，就是用戶(hù)對(duì)設(shè)備任何操作形成交互，而設(shè)備應(yīng)該做出某種響應(yīng)。這能夠引導(dǎo)用戶(hù)了解他們是否正在沿著實(shí)現(xiàn)目標(biāo)操作路徑前進(jìn)。相反，缺乏反饋會(huì)讓用戶(hù)迷航，并感到無(wú)比困惑和無(wú)助，有時(shí)還令人無(wú)比抓狂，恨不得把應(yīng)用刪掉。

規(guī)則8：要減少長(zhǎng)時(shí)間打字的場(chǎng)景

如今太多干擾事件讓用戶(hù)無(wú)法長(zhǎng)時(shí)間持續(xù)輸入，在手機(jī)端持續(xù)輸入也是絕大數(shù)用戶(hù)的噩夢(mèng)。用戶(hù)有時(shí)只是不便輸入，有時(shí)卻是因?yàn)闊┰?，有時(shí)卻是因?yàn)樘?。無(wú)論是通過(guò)鍵盤(pán)輸入還是用手寫(xiě)，用戶(hù)對(duì)此的最終反應(yīng)如何呢？輸入字段越少越好，長(zhǎng)按語(yǔ)音吧。對(duì)方可以聽(tīng)到用戶(hù)的聲音，可以感受用戶(hù)的情緒，也可以轉(zhuǎn)譯成文字即可。

規(guī)則9：不要忽略多端設(shè)備的體驗(yàn)

每次我們開(kāi)展產(chǎn)品升級(jí)項(xiàng)目的時(shí)候，都會(huì)組建專(zhuān)家焦點(diǎn)小組進(jìn)行多次討論，然而，也很難確保設(shè)計(jì)方案能夠百分百成功。因此我們加入工具幫助我們提高效率和成功率，方案模擬器能夠幫助我們進(jìn)行預(yù)演和測(cè)試，這些模擬器不僅可以重復(fù)各種目標(biāo)用戶(hù)的關(guān)鍵步驟，還可以模擬他們?cè)诟鞣N設(shè)備上的操作。通過(guò)這種方式，我們能夠發(fā)現(xiàn)用戶(hù)在不同終端設(shè)備的體驗(yàn)問(wèn)題，以及多端聯(lián)動(dòng)的體驗(yàn)設(shè)計(jì)。

規(guī)則10：不要忘記進(jìn)入真實(shí)環(huán)境測(cè)試

我們常常在模擬器上進(jìn)行產(chǎn)品功能測(cè)試，除此之外，我們也會(huì)要求在目標(biāo)用戶(hù)的實(shí)時(shí)操作環(huán)境上進(jìn)行測(cè)試，這個(gè)環(huán)節(jié)非常重要。我們由此可以獲得真實(shí)有用的反饋，真正識(shí)別用戶(hù)使用痛點(diǎn)和爽點(diǎn)（當(dāng)然，由于成本關(guān)系經(jīng)常無(wú)法多設(shè)備的測(cè)試支持），通過(guò)分析反饋數(shù)據(jù)，不斷優(yōu)化現(xiàn)有模板和體驗(yàn)。

規(guī)則11：要?jiǎng)?chuàng)建強(qiáng)記憶點(diǎn)的閃屏

一款移動(dòng)端產(chǎn)品，閃屏不得不說(shuō)就是用戶(hù)對(duì)正在使用的產(chǎn)品的 “第一印象” ，因此，要重視起來(lái)，什么樣的呈現(xiàn)方式能夠讓用戶(hù)留下印象，帶給用戶(hù)什么樣的心境和感覺(jué)呢 ？例如，借助豐富多彩的原創(chuàng)動(dòng)畫(huà)帶領(lǐng)用戶(hù)進(jìn)入程序，傳達(dá)的產(chǎn)品品牌理念和個(gè)性化特色。

規(guī)則12：要不斷減少注冊(cè)的步驟

與其從頭開(kāi)始思考用戶(hù)注冊(cè)產(chǎn)品的步驟，不如從每位用戶(hù)都熟悉的使用方法開(kāi)始思考和驗(yàn)證?，F(xiàn)今，郵箱+密碼的注冊(cè)流程已經(jīng)成為我們團(tuán)隊(duì)嗤之以鼻的方式了，手機(jī)號(hào)+驗(yàn)證，還是第三方登錄成為我們提供給客戶(hù)產(chǎn)品的首要推薦。期待未來(lái)只需人臉識(shí)別就能夠快速注冊(cè)產(chǎn)品。

規(guī)則13：要思考獲取數(shù)據(jù)權(quán)限的意義

盡管移動(dòng)端產(chǎn)品已經(jīng)大規(guī)模遵守個(gè)人數(shù)據(jù)保護(hù)法，并且很多節(jié)點(diǎn)都需要實(shí)名認(rèn)證。因此，我們?cè)谠O(shè)計(jì)需要獲取或使用個(gè)人數(shù)據(jù)的時(shí)候，會(huì)思考請(qǐng)求訪(fǎng)問(wèn)權(quán)限的背后的商業(yè)意義和價(jià)值，同時(shí)也會(huì)關(guān)注所面臨的風(fēng)險(xiǎn)，做好備案機(jī)制。多考慮合規(guī)合法的注意事項(xiàng)。

規(guī)則14：要考慮跨平臺(tái)統(tǒng)一的視覺(jué)

在不同平臺(tái)上，界面視覺(jué)不應(yīng)該有太大的差異。如今，越來(lái)越多的客戶(hù)擁有多個(gè)產(chǎn)品，覆蓋多個(gè)終端，同時(shí)也會(huì)多個(gè)渠道投放營(yíng)銷(xiāo)內(nèi)容。我們會(huì)根據(jù)產(chǎn)品在不同的平臺(tái)規(guī)則或是不同終端的交互場(chǎng)景，輸出不同產(chǎn)品界面視覺(jué)，然而在能夠統(tǒng)一的交互和視覺(jué)，我們就會(huì)嘗試為所有平臺(tái)創(chuàng)建一個(gè)統(tǒng)一并符合產(chǎn)品品牌的視覺(jué)方案。

規(guī)則15：要保持清晰且積極樂(lè)觀(guān)的語(yǔ)氣

絕大數(shù)用戶(hù)是喜歡的服務(wù)是積極樂(lè)觀(guān)且主動(dòng)的，我們除了使用界面視覺(jué)和交互反饋呈現(xiàn)積極的結(jié)果之外，當(dāng)某些功能不起作用或是出錯(cuò)時(shí)，要考慮產(chǎn)品出現(xiàn)負(fù)面結(jié)果后所表達(dá)的語(yǔ)氣。尤其，即使?jié)撛谟脩?hù)被迫卸載我們的移動(dòng)應(yīng)用程序，用戶(hù)可以收到一個(gè)令人放心的通知。危機(jī)公關(guān)的表現(xiàn)也能夠展現(xiàn)產(chǎn)品服務(wù)的基因和團(tuán)隊(duì)實(shí)力。

規(guī)則16：要為用戶(hù)提供即時(shí)支付的便捷

我們所服務(wù)的產(chǎn)品常常都會(huì)有自己的商城功能，所有的內(nèi)容信息所產(chǎn)生的流量都有機(jī)會(huì)產(chǎn)生用戶(hù)需求，也就會(huì)產(chǎn)生支付。在長(zhǎng)達(dá)10年的培養(yǎng)，用戶(hù)早已習(xí)慣如此快捷的在線(xiàn)支付方式。借此，我們都會(huì)建議客戶(hù)搭建即時(shí)支付或者錢(qián)包功能。并非單純?yōu)榱宋覀兡軌颢@得更多的服務(wù)客戶(hù)的時(shí)長(zhǎng)，而是我們有足夠的信心，讓用戶(hù)從更新產(chǎn)品的第一天就開(kāi)始就產(chǎn)生購(gòu)買(mǎi)行為，為我們的客戶(hù)帶來(lái)銷(xiāo)售和利潤(rùn)。

規(guī)則17：要全局設(shè)計(jì)和把控產(chǎn)品的安全

有時(shí)候，我們的設(shè)計(jì)在無(wú)意中就會(huì)產(chǎn)生安全漏洞和風(fēng)險(xiǎn)，從那些考慮不周的登錄注冊(cè)開(kāi)始，再到人臉識(shí)別技術(shù)。

如今，大量的融入 GPT 技術(shù)的產(chǎn)品。因?yàn)樵诋a(chǎn)品上運(yùn)用新技術(shù)，用戶(hù)會(huì)如何使用，在什么場(chǎng)景中出現(xiàn)狀況。因此很容易忽視產(chǎn)品的安全風(fēng)險(xiǎn)。

因此我們運(yùn)用新技術(shù)，就會(huì)和研發(fā)工程師深入溝通，而并非把所有責(zé)任都推給我們的研發(fā)。想一想那些黑客（惡意競(jìng)爭(zhēng)對(duì)手），會(huì)怎么做來(lái)破解我們客戶(hù)的程序，從而在設(shè)計(jì)模型時(shí)盡量避免這些情況。

規(guī)則18：不要忽視產(chǎn)品文案的解釋

在我們所遇到的產(chǎn)品中，絕大數(shù)在指引用戶(hù)需要做什么的圖標(biāo)或文字總是看起來(lái)很模糊？不理解代表什么？圖標(biāo)和文字以及功能無(wú)法達(dá)成一致的理解。

確實(shí)，辦到這一點(diǎn)是非常困難的。新用戶(hù)很難在第一時(shí)間理解。而老用戶(hù)也會(huì)常常誤解。為此，我們就會(huì)在可能的需要指引部分，設(shè)計(jì)讓用戶(hù)使用文本指示器和新手引導(dǎo)等輔助功能，幫助理解圖標(biāo)或文字所代表的功能。因此，我們常常幫助客戶(hù)的產(chǎn)品優(yōu)化文案和圖標(biāo)設(shè)計(jì)，讓用戶(hù)能夠快速理解。

規(guī)則19：要平衡推送通知的數(shù)量

為了保證后臺(tái)用戶(hù)交互數(shù)據(jù)，很多研發(fā)會(huì)無(wú)意識(shí)濫用彈窗消息，很快就引起用戶(hù)惹惱。業(yè)務(wù)也會(huì)不斷增加每一種商品的比重，設(shè)計(jì)師也很容易，陷入視覺(jué)加重，從而界面沒(méi)有重點(diǎn)的情況。在這種情況下，自然而言用戶(hù)體驗(yàn)就會(huì)降低。適得其反。產(chǎn)品體驗(yàn)設(shè)計(jì)，往往推崇克制設(shè)計(jì)。

規(guī)則20：要提供專(zhuān)屬個(gè)性化的設(shè)置

為用戶(hù)提供足夠的選項(xiàng)，以便讓用戶(hù)可以根據(jù)個(gè)人需求調(diào)整界面?；驹O(shè)置包括：字體大小和類(lèi)型、主題、音效等。這也能夠覆蓋更多的用戶(hù)，符合不同用戶(hù)的使用習(xí)慣。

就如注冊(cè)流程，隨著科技技術(shù)的不斷發(fā)展，從郵箱密碼、人臉識(shí)別、手機(jī)實(shí)名以及設(shè)備免登陸等等方式，為用戶(hù)帶來(lái)更便捷的方式。然而，對(duì)于產(chǎn)品體驗(yàn)設(shè)計(jì)師而言，往往需要具備更多的知識(shí)儲(chǔ)備，隨技術(shù)的發(fā)展，為用戶(hù)設(shè)計(jì)更好體驗(yàn)的設(shè)置項(xiàng)。

因此，往往一個(gè)好的新技術(shù)應(yīng)用，我們將很快看到目標(biāo)用戶(hù)對(duì)項(xiàng)目的忠誠(chéng)度將提高。

結(jié)論

社區(qū)的小伙伴們，通過(guò)我們?cè)诙嗄隇榉?wù)客戶(hù)數(shù)字化轉(zhuǎn)型的過(guò)程中總結(jié)出的點(diǎn)點(diǎn)心得，希望能提供一些移動(dòng)設(shè)計(jì)的基礎(chǔ)知識(shí)，為初出茅廬的設(shè)計(jì)師在未來(lái)的產(chǎn)品體驗(yàn)設(shè)計(jì)的項(xiàng)目中能夠走上了正確的道路。

最后，祝你們好運(yùn)！移動(dòng)端互聯(lián)網(wǎng)即將逝去，接下來(lái)，我們應(yīng)該 AI 時(shí)代，和我們一起成長(zhǎng)。