如何做好產(chǎn)品設(shè)計(jì)？作者會在此為你進(jìn)行詳細(xì)分析。產(chǎn)品設(shè)計(jì)的首要目的是為了給用戶更好的體驗(yàn)，本篇文章從用戶的角度出發(fā)，為你分析該如何做好產(chǎn)品設(shè)計(jì)。

耗油的計(jì)量單位是“一甩”。

需要拆開使用，但一不注意就會掰斷的蚊香。

跨一步太小，跨兩步又太扯的石板路。

這些產(chǎn)品設(shè)計(jì)總是讓人“印象深刻”，不過也有像蘋果公司這樣的公司，憑借其劃時(shí)代的交互設(shè)計(jì)，獨(dú)霸手機(jī)市場多年。

那作為產(chǎn)品經(jīng)理，怎么才能保證好的交互體驗(yàn)?zāi)兀?/p>

一、系統(tǒng)供給側(cè)邏輯

首先，優(yōu)質(zhì)的交互體驗(yàn)需要確保產(chǎn)品能夠正常運(yùn)行。因此，需要產(chǎn)品經(jīng)理梳理完整的系統(tǒng)邏輯。

對于用戶的不同需求，服務(wù)人員如何為用戶提供幫助，怎樣才能保證前后端之間的數(shù)據(jù)順暢流轉(zhuǎn)呢？

我們可以從用戶的角度出發(fā)，考慮四個(gè)點(diǎn)：

• 用戶操作：確認(rèn)用戶的使用場景，關(guān)注到用戶的重要操作節(jié)點(diǎn)。
• C端觸點(diǎn)：用戶的每一步操作，對應(yīng)的C端觸點(diǎn)是什么。
• B端系統(tǒng)：C端觸點(diǎn)的每一步動作，需要哪些B端系統(tǒng)支撐。
• B端服務(wù)人員：操作這些B端系統(tǒng)的服務(wù)人員有誰，他們各自負(fù)責(zé)的責(zé)任都是什么。

用線上看車這個(gè)行為試舉例，按上述邏輯我們可以得到一張流程圖：

該流程圖可以作為溝通的基礎(chǔ)，和相關(guān)負(fù)責(zé)人確認(rèn)每個(gè)節(jié)點(diǎn)的注意事項(xiàng)，最終得到一張完善的系統(tǒng)流程圖。

二、界面交互設(shè)計(jì)

第二步，界面交互設(shè)計(jì)。系統(tǒng)層面順利運(yùn)行后，怎么讓用戶喜歡上你的設(shè)計(jì)或者至少不討厭你的產(chǎn)品設(shè)計(jì)呢？

衡量標(biāo)準(zhǔn)有三個(gè)：有用，易用，好用。

1. 有用

有用即能夠使用。從用戶接觸到產(chǎn)品開始，最基本的使用路徑是怎樣的，能否實(shí)現(xiàn)最小閉環(huán)。

比如，線上購車功能，從用戶選車到提車，完整的節(jié)點(diǎn)包含：了解、選車、試駕、選配、訂車、貸款、尾款、合同、驗(yàn)車、提車。

為了實(shí)現(xiàn)最小范圍的線上化，同時(shí)提升用戶的使用體驗(yàn)，可以把用戶線上依賴最強(qiáng)的選車、訂車環(huán)節(jié)轉(zhuǎn)移到線上。

其他尾款等操作引導(dǎo)至線下完成，重點(diǎn)在于保證線上線下數(shù)據(jù)互通。

在后續(xù)迭代版本在持續(xù)迭代全流程線上化。

這樣雖然會導(dǎo)致用戶體驗(yàn)不太流暢，但也能夠讓其順利完成操作。

2. 易用

易用即讓用戶感覺使用起來很方便，包含邏輯、交互、系統(tǒng)三個(gè)層面的易用性：

1）邏輯層面

邏輯層面需要完備產(chǎn)品的使用場景。

除上述的最簡場景外，還需要考慮一些異常場景的處理邏輯，比如物理原因?qū)е碌木W(wǎng)絡(luò)信號差、用戶通過其他渠道使用該功能等。

或者針對不同身份的用戶，提供不同的服務(wù)方案。

比如游客、注冊用戶、消費(fèi)充值會員等不同的用戶，在使用當(dāng)前功能時(shí)是否需要不同的反饋。

2）交互層面

用戶交互的理論知識很多，對于C端產(chǎn)品來講，我們的目標(biāo)可以歸結(jié)為一個(gè)詞：簡單。

• 操作前簡單、可預(yù)測。
• 操作時(shí)簡單、有反饋。
• 操作后簡單、可反悔。

B端因?yàn)槠溆脩舻膹?fù)雜程度更高，“簡單”有時(shí)候需要區(qū)分我們的目標(biāo)人員是誰，需要優(yōu)先考慮誰的利益。比如，為了方便客戶管理體驗(yàn)，會增加各種審核、確認(rèn)流程，犧牲實(shí)際執(zhí)行用戶的使用體驗(yàn)。

可預(yù)測，顧名思義，即用戶能夠理解下一步會發(fā)生什么，這就需要我們考慮產(chǎn)品的一致性。小的層面，一致性可以是指產(chǎn)品的通用規(guī)范，從使用的字體到收藏按鈕的樣式，能夠有一套可執(zhí)行的使用標(biāo)準(zhǔn)。

擴(kuò)展一點(diǎn)，一致性還需要考慮市場通用規(guī)則的一致性，即使用的規(guī)范不要違反世面上用戶已經(jīng)養(yǎng)成的使用習(xí)慣。

如IOS的左滑刪除和安卓的長按刪除。

再大一點(diǎn)，一致性還可以思考下，產(chǎn)品是否能夠和真實(shí)環(huán)境保持一致。如網(wǎng)易云音樂和QQ音樂播放器使用的播放界面都是黑膠唱片。

甚至QQ因?yàn)榭梢灾苯釉邳c(diǎn)擊黑膠唱片機(jī)的開關(guān)播放和暫停音樂。

有反饋，指用戶在操作的時(shí)候，對用戶的操作我們能做出用戶預(yù)期范圍的一些提示。比如上傳時(shí)的進(jìn)度條。

輸入框錯(cuò)誤的一些提示。

可反悔指我們允許用戶犯錯(cuò)，并且在操作后可以反饋或撤回。常見的有草稿箱、取消訂單等。

而簡單，是需要從始至終貫穿在設(shè)計(jì)里的。首先操作前，要看起來是簡單的。

可以通過簡化流程、減少選項(xiàng)設(shè)置、刪除文字說明的方式讓界面看起來更簡潔。

操作時(shí)，減少用戶的操作難度，在必要的時(shí)候給予用戶操作幫助。

如認(rèn)證時(shí)的相關(guān)提示；搜索時(shí)的聯(lián)想關(guān)鍵詞。

最后，用戶操作熟悉后，考慮不同用戶的需求，靈活適配新用戶和老用戶對產(chǎn)品的不同要求。比如可以靈活定義功能擺放位置，做到千人千面，提高用戶使用效率。

如微信的發(fā)現(xiàn)頁；支付寶的首頁。

3）系統(tǒng)層面

系統(tǒng)層面則需要注意產(chǎn)品的性能流暢程度。

雖然產(chǎn)品層面無法定義技術(shù)架構(gòu)，但是可以在設(shè)計(jì)階段，為頁面設(shè)計(jì)不同的性能指標(biāo)，比如一個(gè)頁面的基礎(chǔ)加載時(shí)長，某個(gè)功能的加載方式等。

如果避免不了長時(shí)間加載，也可以通過設(shè)計(jì)手段，減輕用戶等待焦慮。如進(jìn)度顯示、加載動畫、分頁面加載、后臺上傳等方式。

除此之外我們可以利用技術(shù)手段去監(jiān)控系統(tǒng)性能，在檢測到系統(tǒng)側(cè)出現(xiàn)了問題后，及時(shí)提出風(fēng)險(xiǎn)預(yù)警。

3. 好用

易用的更上一級的目標(biāo)是好用。

好用也可以從兩個(gè)方面考慮。UI的還原程度和人性化的體驗(yàn)。

首先是產(chǎn)品外觀，雖然UI不是產(chǎn)品經(jīng)理的專業(yè)領(lǐng)域，但是產(chǎn)品經(jīng)理也需要保持良好的審美，在平時(shí)的時(shí)候多看優(yōu)質(zhì)的交互設(shè)計(jì)。

在設(shè)計(jì)稿完成后，通過產(chǎn)品點(diǎn)檢保證UI稿的還原度。

另外，好的設(shè)計(jì)還需要兼顧用戶的情緒，讓產(chǎn)品更加人性化。

雖然說，好用和易用是遞進(jìn)的關(guān)系，但是這個(gè)并不意味著，產(chǎn)品一定要把易用做透，才需要考慮好用這個(gè)層次，很多時(shí)候，易用和好用是相互滲透和平衡的。可以在考慮易用的同時(shí)，兼顧產(chǎn)品好用設(shè)計(jì)。

三、流程

上述規(guī)范如果應(yīng)用到在具體的產(chǎn)品工作中，可以在產(chǎn)品落地的三個(gè)階段對產(chǎn)品的呈現(xiàn)效果走查。包含原型產(chǎn)出后對原型的邏輯和交互體驗(yàn)進(jìn)行走查。

UI完成后，需要走查UI的呈現(xiàn)效果。

以及最后產(chǎn)品開發(fā)完成，需要對開發(fā)出來的產(chǎn)品。其UI還原度進(jìn)行走查。

做產(chǎn)品設(shè)計(jì)就像是玩養(yǎng)成游戲。產(chǎn)品的界面，就像我們給TA捏的外表，好看的皮囊是開啟游戲的第一步。

而交互體驗(yàn)，就像TA和他對話時(shí)的感受，交流是不是有趣，TA的反饋是是持續(xù)交流的前提。

而功能，是TA的主線劇情，能不能留住你，甚至讓你氪金，就要看主線劇情做的好不好了。

愿各位都能打出自己喜歡的Happy Ending~