? ? 1、用戶思維

1）用戶體驗(yàn)是一種思維

是對(duì)用戶的敬畏之心，虔誠(chéng)之心，要為客戶著想，而不是為自己著想。

2）深刻理解客戶本色

用戶都是貪，懶，色的，這里的色指的是美好的東西，不單純指色情。讓用戶有占便宜的感覺，讓用戶用著方便，界面要看著舒服。

3）換位思考

你自己就是用戶，要把自身放在用戶的位置換位思考，真正理解用戶需求，提供最優(yōu)解。

4）產(chǎn)品經(jīng)理文化

公司可以倡導(dǎo)人人都是產(chǎn)品經(jīng)理文化，發(fā)揮每個(gè)人的用戶思維，作為陌生用戶體驗(yàn)產(chǎn)品，觀察感受，記錄問題。

5）客戶調(diào)研/客戶訪談

要調(diào)研和訪談?dòng)脩?，通過電話，互聯(lián)網(wǎng)，面對(duì)面選擇典型客戶進(jìn)行調(diào)研和訪談。

6）行業(yè)理解

涉及到具體行業(yè)的，產(chǎn)品經(jīng)理必須深入學(xué)習(xí)行業(yè)知識(shí)，做到精通行業(yè)是非常必要的。

2、上線前的體驗(yàn)性測(cè)試

1）產(chǎn)品上線之前要做showcase，產(chǎn)品在設(shè)計(jì)過程中可以不斷的showcase，通過團(tuán)隊(duì)專家集體反饋，改善體驗(yàn)設(shè)計(jì)，低保真，高保真都可以showcase，原型開發(fā)出來更可以showcase。

2）要做內(nèi)測(cè)，要通過體驗(yàn)測(cè)試，通過公司的團(tuán)隊(duì)進(jìn)行內(nèi)部測(cè)試

3）要做友好用戶測(cè)試，邀請(qǐng)友好用戶進(jìn)行線上alpha版本測(cè)試，beta版本測(cè)試。

3、選擇合適的前段開發(fā)框架

前端開發(fā)框架，技術(shù)上選擇業(yè)界排名靠前的端框架就可以了，比如下面的。

1）Vue

https://cn.vuejs.org

Vue (讀音 /vju?/，類似于?view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是，Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層，不僅易于上手，還便于與第三方庫或既有項(xiàng)目整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用提供驅(qū)動(dòng)。

2）React

https://react.docschina.org/

React 是一個(gè)用于構(gòu)建用戶界面的 JAVASCRIPT 庫。React主要用于構(gòu)建UI，很多人認(rèn)為 React 是 MVC 中的 V（視圖）。React 起源于 Facebook 的內(nèi)部項(xiàng)目，用來架設(shè) Instagram 的網(wǎng)站，并于 2013 年 5 月開源。React 擁有較高的性能，代碼邏輯非常簡(jiǎn)單，越來越多的人已開始關(guān)注和使用它。

3）Angular

https://angular.io

AngularJS誕生于2009年，由Misko Hevery 等人創(chuàng)建，后為Google所收購。是一款優(yōu)秀的前端JS框架，已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。AngularJS有著諸多特性，最為核心的是：MVVM、模塊化、自動(dòng)化雙向數(shù)據(jù)綁定、語義化標(biāo)簽、依賴注入等等。

4）Qucikui

http://www.uileader.com/product_quickui

Qucikui 4.0是一套完整的企業(yè)級(jí)web前端開發(fā)解決方案，由基礎(chǔ)框架、UI組件庫、皮膚包、示例工程和文檔等組成。底層基于jquery構(gòu)建。使用Qucikui 開發(fā)者可以極大地減少工作量，提高開發(fā)效率，快速構(gòu)建功能強(qiáng)大、美觀、兼容的web應(yīng)用系統(tǒng)。

? ? 4、制定用戶體驗(yàn)規(guī)范

團(tuán)隊(duì)可以制定一些產(chǎn)品設(shè)計(jì)的基本原則，并不斷迭代豐富，保證公司產(chǎn)品設(shè)計(jì)的一致性。

1）自解釋，界面的信息應(yīng)該用戶很容易看懂和理解，操作方式也很容易理解，不能依賴手冊(cè)和猜測(cè)

2）向?qū)?，?fù)雜的功能應(yīng)該有向?qū)崾荆徊揭徊綆е脩敉瓿伞?/p>

3）Tips提示，難以理解的地方應(yīng)該有提示信息，用戶通過提示信息幫助理解

4）簡(jiǎn)單就是美，有的產(chǎn)品經(jīng)理喜歡復(fù)雜的表達(dá)，作為產(chǎn)品是不建議的，讓用戶一用上手才是好的。

5）少就是多，產(chǎn)品普遍有個(gè)特點(diǎn)，都是做加法，功能越做越多，能用的功能也就那些，所以產(chǎn)品經(jīng)理要克制，要有日落法思維，增加一個(gè)功能特性時(shí)，能不能同時(shí)減少一個(gè)。

6）分頁式，對(duì)于復(fù)雜的信息展示，可以分層級(jí)，不同層級(jí)在不同的頁面，比如簡(jiǎn)單，詳細(xì)，專業(yè)這樣的分頁。

7）界面信息展示錄入原則，能不體現(xiàn)的信息就不體現(xiàn)，能選擇的不要錄入，

8）自糾錯(cuò)，不能后驗(yàn)證，界面錄入信息要能及時(shí)驗(yàn)證，不能等提交時(shí)再驗(yàn)證。最好自糾錯(cuò)，通過格式，數(shù)據(jù)類型，錄入插件，讓用戶選擇，因此而不會(huì)錄錯(cuò)，比如網(wǎng)址，郵箱地址，電話號(hào)碼，移動(dòng)電話號(hào)碼，身份證號(hào)碼，密碼。

9）產(chǎn)品配色，設(shè)定公司產(chǎn)品設(shè)計(jì)的配色，所有產(chǎn)品按照的這個(gè)配色來。保證一致性。

10）累積公司圖元素，供產(chǎn)品和前端經(jīng)理選擇，重復(fù)利用提高效率，保證一致性。

11）術(shù)語庫，不斷積累術(shù)語庫，保證一致性

? ? 5、用戶行為分析

通過嵌入頁面代碼，收集用戶操作行為，通過分析工具，分析出錯(cuò)率，跳出率，頁面深度等用戶訪問行為，發(fā)現(xiàn)問題，解決問題，不斷改進(jìn)用戶體驗(yàn)。

? ? 6、學(xué)習(xí)參考優(yōu)秀產(chǎn)品

學(xué)習(xí)優(yōu)秀的產(chǎn)品，用好業(yè)界的成果，產(chǎn)品技術(shù)人員的事必原創(chuàng)的思維是錯(cuò)誤的，要不得的，重復(fù)造輪子是要處罰的，例如注冊(cè)、登錄有非常好的做法，不學(xué)習(xí)盲目創(chuàng)新，這是要不得的。

? ? 7、持續(xù)學(xué)習(xí)優(yōu)秀產(chǎn)品經(jīng)理分享的經(jīng)驗(yàn)

建議學(xué)習(xí)張小龍、張志東、喬布斯、周鴻祎的關(guān)于產(chǎn)品的分享。