• 案例    設(shè)計(jì)需求是：優(yōu)化一款 B 端產(chǎn)品的「套餐售賣(mài)卡片」的原有設(shè)計(jì)：

△ 某 B 端產(chǎn)品服務(wù)購(gòu)買(mǎi)卡片設(shè)計(jì)（優(yōu)化前）

你會(huì)覺(jué)得這個(gè)設(shè)計(jì)無(wú)傷大雅，但也說(shuō)不上專(zhuān)業(yè)。于是設(shè)計(jì)師參考阿里云和華為云的服務(wù)購(gòu)買(mǎi)卡片：

△ 阿里云服務(wù)購(gòu)買(mǎi)卡片設(shè)計(jì)

△ 華為云服務(wù)購(gòu)買(mǎi)卡片設(shè)計(jì)

經(jīng)過(guò)了對(duì)信息層級(jí)和視覺(jué)效果的比較與思考，設(shè)計(jì)師最終將設(shè)計(jì)稿優(yōu)化為下圖效果：

△ 某 B 端產(chǎn)品服務(wù)購(gòu)買(mǎi)卡片設(shè)計(jì)（優(yōu)化后）

1. 分析幾乎完全相同的產(chǎn)品
2. 分析不完全相同的產(chǎn)品
3. 分析完全不相同的產(chǎn)品

1. 分析幾乎完全相同的產(chǎn)品

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

△ 華為云盤(pán)登錄頁(yè)面

 

△ 騰訊云盤(pán)登錄頁(yè)面

 

2. 分析不完全相同的產(chǎn)品

如果找不到完全相同的競(jìng)品，對(duì)于不完全相同的產(chǎn)品，也可以分析和借鑒，這就要分幾種情況，需要你對(duì)手中的設(shè)計(jì)任務(wù)進(jìn)行拆解：

（1）需求相同，但產(chǎn)品類(lèi)型不同：比如同樣是「云盤(pán)的登錄注冊(cè)頁(yè)面」，如果找不到完全類(lèi)似的競(jìng)品，你可以查找包含 B、C 端用戶(hù)的其他產(chǎn)品的登錄注冊(cè)頁(yè)面，取長(zhǎng)補(bǔ)短。

△ 雨雀文檔登錄頁(yè)面  

 

（2）結(jié)構(gòu)相同，但應(yīng)用場(chǎng)景不同：接上面的例子，登錄和注冊(cè)頁(yè)面本質(zhì)上用戶(hù)填寫(xiě)表單，產(chǎn)品收集用戶(hù)信息。因此你也可以找填寫(xiě)手機(jī)號(hào)、用戶(hù)名、密碼相關(guān)的表單的設(shè)計(jì)，并不一定是登錄注冊(cè)頁(yè)面的表單，比如你在寄送快遞時(shí)填寫(xiě)手機(jī)號(hào)的表單也可以用作參考，也許會(huì)提供不一樣的設(shè)計(jì)思路。

△ 淘寶 App 可以調(diào)動(dòng)系統(tǒng)定位，并提供幾個(gè)最有可能的選項(xiàng)，用選擇代替用戶(hù)輸入

 

3. 分析完全不相同的產(chǎn)品

如果是完全不相同的產(chǎn)品，那學(xué)習(xí)和分析的是這類(lèi)產(chǎn)品的設(shè)計(jì)原則和手法。接上面的例子，這次你可能借鑒的設(shè)計(jì)就是下圖中「微信通過(guò)好友申請(qǐng)」的頁(yè)面。

你會(huì)發(fā)現(xiàn)在這個(gè)頁(yè)面中微信將能設(shè)置的好友信息都呈現(xiàn)了出來(lái)，讓用戶(hù)先設(shè)置之后，再通過(guò)申請(qǐng)，這樣就避免了很多用戶(hù)順手添加了好友而忘記設(shè)置信息。相比之下在設(shè)計(jì)登錄注冊(cè)頁(yè)面，可能也可以根據(jù)產(chǎn)品功能和用戶(hù)需求，適當(dāng)將設(shè)置項(xiàng)前置。好的設(shè)計(jì)，在設(shè)計(jì)思路和原則上，通常也會(huì)具備通用性。對(duì)于大多數(shù)人來(lái)說(shuō)，在很多工作上都要經(jīng)歷這個(gè)過(guò)程：抄（指學(xué)習(xí)） -> 操（指操練） -> 超（指超越） 掌握這幾個(gè)過(guò)程中的精髓，很重要。

 

原文鏈接：長(zhǎng)弓小子公眾號(hào)）

作者：元堯

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》詳解｜針對(duì)某個(gè)功能，如何做競(jìng)品分析和設(shè)計(jì)優(yōu)化？

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.izc.net.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)