導讀我見過一些公司的產品經理，自己是不畫原型的，而是直接手繪讓UI設計師跟著自己的手繪圖做設計圖，如果有不滿意的地方，就找一個椅子坐在UI設計時旁邊，一邊嘴巴說....

我見過一些公司的產品經理，自己是不畫原型的，而是直接手繪讓UI設計師跟著自己的手繪圖做設計圖，如果有不滿意的地方，就找一個椅子坐在UI設計時旁邊，一邊嘴巴說哪里不對，一邊UI設計師在改，我來為大家科普一下關于分析ui產品的ui設計?以下內容希望對你有幫助!

分析ui產品的ui設計

我見過一些公司的產品經理，自己是不畫原型的，而是直接手繪讓UI設計師跟著自己的手繪圖做設計圖，如果有不滿意的地方，就找一個椅子坐在UI設計時旁邊，一邊嘴巴說哪里不對，一邊UI設計師在改。

實際上就和需求越來越偏差，同時增加了UI設計師的重復工作，讓設計師做了產品經理的工作，如果上線出了問題難以界定是誰的鍋。

所以我們需要一套UI驗收的標準，減少開發的成本，同時也能夠提升開發效率，如果碰到沒有經驗的UI設計師，沒有經過標準驗收的UI設計稿上線后才會發現上線的產品，使用起來就像沒有一個氣質的產品，非常平庸，就像做一道菜，同樣一道菜的味道卻和預期差距太大。

所以我今天分享下產品經理驗收里的8條標準，提升需求的最后一個環節準確度

1.文案的驗收

讓功能模塊的文案符合實際的用途描述，比如上面的“運營管理”功能模塊實際上是做社區管理，所以文案不準確，就讓用戶很難搞清楚下面的版塊是什么。

相比需求文檔的說明，前端開發更容易用把UI設計圖作為標準的開發圖紙，很多默認文案需求文檔沒有寫的，就會以UI設計圖為準，同時文案一定要UI設計師改，不要口吻讓開發變動，因為很可能以后就會因為文案錯別字、語句問題就直接上線給用戶了。

2.頁面布局平衡

相比APP，web出現這類問題更多，因為屏幕大，我們在做產品設計時候需求不復雜的情況下，就需要設計師去考慮如何平衡頁面的元素，讓空白區域、邊距、組件間距都合理。

布局就像人的五官，不平衡就就像五觀錯位，讓人感到糟心。比如下面下拉彈窗的3個按鈕雖然有選項，實際上編輯、刪除的按鈕卻有空白區域，讓選中區域整體感覺不平衡，很怪異。

3.圖標和頁面的設計風格統一

對于UI設計來說，除了聚焦在產品頁面的顏色搭配，圖標的設計風格和頁面整體統一是非常重要的，可以看到下面的Google搜索圖標其實在顏色和icon設計上都和頁面是一套整體。

可以發現下面的圖標也頁面也是一個整體，采用的簡約線條。

很多設計師容易找到一套風格的圖標，但是卻容易疏忽了頁面和圖標也應該是一個整體，才能保持頁面的統一。不然就會很奇怪，難以成整體。

4.組件的狀態

某些組件會因為用戶操作行為會包含交互前、交互中、交互后的三個狀態，也就是用戶在執行操作會有變化，UI設計圖是否包含了這類狀態的設計。

比如搜索的三個狀態：搜索前、搜索中、搜索后

比如按鈕的四個狀態：點擊前、點擊、激活、禁止

5.突出頁面的元素重點

這一點非常重要，可以影響上線后付費產品的轉化率。

所以我要求團隊的產品經理需要提前和UI進行溝通的需求，然后再進行需求評審，讓UI設計師全程參與需求的調研、產品設計過程，知道哪一些是業務要求的功能入口，哪一些是必須要凸顯的文案展示，通過突出頁面元素重要性，讓UI頁面有層次，有意的引導用戶聚焦在想讓用戶使用的版塊區域。

比如下面設計圖提供的各個月子服務，按鈕沒有和更多服務的層級進行區分，讓用戶找不清楚主次。

6.符合第三方設計規范

有的設計是需要遵守平臺設計規范的，比如之前分享的蘋果登錄設計，就需要蘋果登錄的按鈕，而不能用蘋果圖標來做登錄按鈕。

蘋果登錄設計原文：一文搞定蘋果登錄產品設計和流程

比如微信小程序的小程序應用官方審核就要求以小程序自帶的頂部導航欄來完成頁面設計，否則不允許通過審核上架。

7.符合用戶習慣

比如我們在日常生活中對于紅色、綠色、黃色，分別意味著警告/出錯、正常、提醒，在設計的時候要運用這些顏色自身日常的習慣，避免用戶再次認知成本。

比如下面是開關組件，但是打開開關就跳出新頁面，就不符合日常其他產品的習慣。

8.多給設計是一些競品參考

為了提升產品驗收UI設計的標準，我們可以在設計師開始工作之前，先給一些競品做參考，避免設計效果差距太大，有競爭對比就有短板和劣勢。

比如我們在做數據分析類產品，就可以參考市面上其他已經上線的數據產品，主要是借鑒設計風格、設計突出元素、和交互動畫效果。

我也建議產品經理多積累一些素材庫，這樣提升自己的同事還能夠在工作中快速幫助團隊建立設計規范。

可以參考之前我分享的 產品經理推薦收藏素材網站：

建議產品經理收藏的12個網站

以上就是今天的分享，通過這篇文章相信你能夠快速讓團隊不再苦惱UI設計流程。

End