詳解|針對某個功能,如何做競品分析和設(shè)計優(yōu)化?

2021-8-13    seo達人


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

圖片

△ 某 B 端產(chǎn)品服務(wù)購買卡片設(shè)計(優(yōu)化前)

 

你會覺得這個設(shè)計無傷大雅,但也說不上專業(yè)。于是設(shè)計師參考阿里云和華為云的服務(wù)購買卡片:

圖片

△ 阿里云服務(wù)購買卡片設(shè)計

 

圖片

△ 華為云服務(wù)購買卡片設(shè)計

 

經(jīng)過了對信息層級視覺效果的比較與思考,設(shè)計師最終將設(shè)計稿優(yōu)化為下圖效果:

圖片

△ 某 B 端產(chǎn)品服務(wù)購買卡片設(shè)計(優(yōu)化后)

 

這里的 “參考” 并不是簡單的照貓畫虎,而是站在巨人的肩膀上,學(xué)習(xí)和精進自己的能力與認知。
今天給大家詳細的介紹下,針對某個功能或元素,如何借鑒和分析競品。有以下幾個方法:
  1. 分析幾乎完全相同的產(chǎn)品
  2. 分析不完全相同的產(chǎn)品
  3. 分析完全不相同的產(chǎn)品

 

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

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

△ 華為云盤登錄頁面

 

圖片

△ 騰訊云盤登錄頁面

 

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

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

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

圖片

△ 雨雀文檔登錄頁面  

 

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

圖片

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

 

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

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

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

 

原文鏈接:長弓小子公眾號)

作者:元堯

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》詳解|針對某個功能,如何做競品分析和設(shè)計優(yōu)化?

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

截屏2021-05-13 上午11.41.03.png

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

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



日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.yvirxh.cn

存檔