分析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