• 案例    設計需求是：優化一款 B 端產品的「套餐售賣卡片」的原有設計：

△ 某 B 端產品服務購買卡片設計（優化前）

你會覺得這個設計無傷大雅，但也說不上專業。于是設計師參考阿里云和華為云的服務購買卡片：

△ 阿里云服務購買卡片設計

△ 華為云服務購買卡片設計

經過了對信息層級和視覺效果的比較與思考，設計師最終將設計稿優化為下圖效果：

△ 某 B 端產品服務購買卡片設計（優化后）

1. 分析幾乎完全相同的產品
2. 分析不完全相同的產品
3. 分析完全不相同的產品

1. 分析幾乎完全相同的產品

這個方法很好理解，這類產品與你正在設計的產品在功能需求、產品形態、用戶類型等方面都很較大的相似性，也是最容易直接提供解決方案的，比如上文提到的服務卡片設計優化案例。再比如，你在做一款「云盤的登錄注冊頁面」，你可以參考「騰訊云盤」和「華為云盤」等大廠產品的登錄注冊頁面，看看他們的頁面是怎么布局的，提供了哪幾種方式，增加了哪些入口和元素，如何使用顏色和字號等等。

△ 華為云盤登錄頁面

 

△ 騰訊云盤登錄頁面

 

2. 分析不完全相同的產品

如果找不到完全相同的競品，對于不完全相同的產品，也可以分析和借鑒，這就要分幾種情況，需要你對手中的設計任務進行拆解：

（1）需求相同，但產品類型不同：比如同樣是「云盤的登錄注冊頁面」，如果找不到完全類似的競品，你可以查找包含 B、C 端用戶的其他產品的登錄注冊頁面，取長補短。

△ 雨雀文檔登錄頁面  

 

（2）結構相同，但應用場景不同：接上面的例子，登錄和注冊頁面本質上用戶填寫表單，產品收集用戶信息。因此你也可以找填寫手機號、用戶名、密碼相關的表單的設計，并不一定是登錄注冊頁面的表單，比如你在寄送快遞時填寫手機號的表單也可以用作參考，也許會提供不一樣的設計思路。

△ 淘寶 App 可以調動系統定位，并提供幾個最有可能的選項，用選擇代替用戶輸入

 

3. 分析完全不相同的產品

如果是完全不相同的產品，那學習和分析的是這類產品的設計原則和手法。接上面的例子，這次你可能借鑒的設計就是下圖中「微信通過好友申請」的頁面。

你會發現在這個頁面中微信將能設置的好友信息都呈現了出來，讓用戶先設置之后，再通過申請，這樣就避免了很多用戶順手添加了好友而忘記設置信息。相比之下在設計登錄注冊頁面，可能也可以根據產品功能和用戶需求，適當將設置項前置。好的設計，在設計思路和原則上，通常也會具備通用性。對于大多數人來說，在很多工作上都要經歷這個過程：抄（指學習） -> 操（指操練） -> 超（指超越） 掌握這幾個過程中的精髓，很重要。

 

原文鏈接：長弓小子公眾號）

作者：元堯

轉載請注明：學UI網》詳解｜針對某個功能，如何做競品分析和設計優化？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務