一個老菜鳥所理解的UX及產品流

從事前端開發到目前爲止已經有4年多的時間了，從一個小菜鳥一路依靠自學，到目前總算一個老菜鳥了。固然了，從事前端的工做，是免不了要對產品以及用戶體驗有些許瞭解的。最近談論起這方面的內容，就按照本身的想法，對UX相關的內容作個總結。你們可多多評論一塊兒探討。

先說一下幾個概念（職位）：

PM：Product Manager 的簡寫，即產品經理，就是企業中專門負責產品管理的職位，產品經理負責調查並根據用戶的需求，肯定開發何種產品，選擇何種技術、商業模式等。並推進相應產品的開發組織，他還要根據產品的生命週期，協調研發、營銷、運營等，肯定和組織實施相應的產品策略，以及其餘一系列相關的產品管理活動。

UX ：User Experience 的簡寫，即用戶體驗，更貼切的解釋應該爲使用者對於產品的體驗，而對於 UX designer 來講，其主要的工做是研究用戶對產品使用的體驗，研究用戶的習慣，研究用戶的心理模型，從而使產品可以更好的適合用戶的使用，適用於用戶的體驗，甚至引導用戶的體驗與習慣。那麼其目標即爲使用戶對產品的綜合體驗達到一個比較高比較好的層次。

因此，由此來看，UX 應該包含有更多的概念，所以下面的概念應該都是爲UX來服務的。

ID：Interaction Design 的簡寫，即交互設計，這個職位更多的着眼於如何將本身的工做體如今用戶界面(UI)的信息表現中，體如今用戶操做的流程上，體如今用戶如何與網站、app 等產品的交互上。使用戶和網站等的交互上有一個流程，有一個明確的可視化的流程，從而使開發人員之間，開發人員和產品之間可以有更有效的交流。也使得 PM UX 可以從更清晰的角度來把控用戶的體驗。即在 PM 看來，用戶在使用產品的時候，會有一個明確的使用流程和交互流程。也更利於整個網站、App，甚至整個公司產品的體驗的統一。從而可以更好地從更高的角度來改善產品的交互以及體驗。

UI ： User Interface 的簡寫，即用戶界面，其實就是設計漂亮的界面嘛，用戶喜歡就行了，固然是要在上面幾個工做的基礎之上才能夠。

其他的還包括，用戶研究員，視覺設計等，對於不一樣的公司，可能有不一樣的職位，即使相同的職位，也可能偏重的有所不一樣，例如UX ，在有些公司可能一我的兼任ID UI 甚至還要用戶研究，可是有些公司各類職位可能就分的比較細了，可是總的來講，這些職位可能沒有，可是工做都仍舊要作。

那麼下面我就再將本身對於這些職位的工做流程的理解，簡單的總結下。

1. 老闆或者公司層面有一個點子，咱們要作一個產品 A。

2. PM 在老闆的這個思路下，開始作一些具體產品的考慮，例若有哪些模塊，爲何有這麼些模塊，這些模塊爲何而服務。某個模塊中的一些內容是大概用什麼樣子的展示方式來展示的。同時，要考慮使用某種商業模式，將來盈利方式如何，以及市場上如何推廣等。

3. 對於展示方式，可能有A/B/C等各類展示方式，那麼用哪一種展示方式更合適呢？

4. 用戶研究員 開始出現了，利用已有的用戶研究的數據，或者本身設計使用場景，本身設計調查問卷，對潛在的用戶羣體進行使用行爲以及使用心理進行研究，造成具備說服力的數據報表，什麼狀況下使用A方案更好，具體比例高多少，在調整到某個方案後，這個方案能帶來更好的方面是什麼，影響的方面是什麼。

5. 在用戶研究員肯定了使用某種更好的方案以後，此時 「交互設計師」 該上場了。

6. 因爲一個頁面並非靜態的，須要用戶和頁面進行交互才能完成整個過程，那麼經過哪一種交互方式對用戶來講是更容易接受，且接受後有更正面的體驗呢？這就是交互設計師應該作的工做。例如，註冊表單頁面，有最少三個輸入框，固然了，在目前這種用戶體驗下，輸入內容，點擊提交，頁面刷新，經過服務器驗證此表單填寫的內容是否合法，這種方式已是老古董了，應該被丟進博物館了。可是，都是前端驗證並提示，也有各類不一樣的交互方式。例如輸入錯誤，提示用戶，在一個地方統一提示？仍是在每一個輸入框的下面或者右邊提示；提示的時候，在錯誤的輸入框聚焦時是否提示信息要消失？是否全部信息都填寫正確時肯定按鈕纔可點擊，仍是任什麼時候候均可以點擊？點擊以後是刷新頁面以後給提示，仍是直接進入，仍是不刷新登陸成功直接跳轉呢？等等這些，都應該算做交互設計師的工做範疇。

7. 等這些全部的工做都肯定了，視覺設計師開始出場了。此時，須要經過視覺設計師來完成最終的和用戶直接接觸的頁面的效果圖了，可是美不美，醜不醜這種跟我的有關的主觀性的東西，只能靠設計師我的對設計趨勢，流行設計風格的把握以及本身的能力來體現了。固然了，決策者喜歡的風格也是對結果有很大的影響的。

8. 此時，全部工做都結束了，就開始進入到實際的開發工做中了，可是在實際的開發工做中，上面這一系列步驟，還會不斷重複，可是這種重複越少越好，誰都不肯返工，不是嗎？

9. 看了這個流程，不知道你們有沒有一個想法，交互設計師和用戶研究都是在 A/B 這種選擇的狀況下才出現的，那麼這種選擇從哪裏來呢？PM。來源都是PM，此時能夠不用考慮老闆或者公司和PM之間的溝通。那麼PM 是否能夠一人兼職這麼多呢，回答是固然能夠，若是公司有力量，有資源，那麼更細分的工做，能夠帶來更好的效果，若是公司資源不容許，那麼一我的徹底能夠兼職這麼幾個 title，只不過咱們須要更多的時間和成原本試錯了。

10. 各個流程都有了，那麼是否有什麼標準來判斷工做作得好壞呢？那最好就是各我的員的產出物了，例如PM應該是PRD，產品需求文檔，固然，在這以前還應該有 商業需求文檔（BRD）和市場需求文檔（MRD），因此PM不只要關注產品自己，還要關注商業以及市場，由於這個產品整個生命週期都應該PM負責，而不只僅是開發的部分。而用戶體驗和用戶研究，就應該使用各類方式來研究用戶最終造成一個相似於一個研究報告，要有實際的數據來指導開發以及PM作決策，而交互設計師應該和PM一塊兒，產出一個交互原型，若是是高保真的最好啦。 那UI/視覺設計，就應該產出效果圖了。

11 最終，到開發以前，須要有 草圖/線框圖，交互原型，視覺效果圖以及其餘的不少輔助的文檔。

12. 固然了，上面所說的全部的產出物以及開發前須要的產出物都是不固定的。都要結合本身公司以及產品的實際狀況進行取捨，可是不要爲了取捨找藉口，該取得取，該捨棄的捨棄。

這是我本身的一些理解，可能不少理解不到位甚至錯誤的地方。請你們不吝指出。

最後，再貼一張 UX 和 UI 的對比圖