詳解|針對某個功能,如何做競品分析和設計優化?
導讀:交互設計中經常會遇到做競品分析的場景。其實不光是在做新產品時用得到,在做某個功能或是頁面中的某個元素的設計時,也用得到。本文作者圍繞某個功能如何做競品分析和設計優化進行分析,希望對你有幫助。
比如下面這個例子:
案例:設計需求是:優化一款 B 端產品的「套餐售賣卡片」的原有設計:
△ 某 B 端產品服務購買卡片設計(優化前)
你會覺得這個設計無傷大雅,但也說不上專業。于是設計師參考阿里云和華為云的服務購買卡片:
△ 阿里云服務購買卡片設計
△ 華為云服務購買卡片設計
經過了對信息層級和視覺效果的比較與思考,設計師最終將設計稿優化為下圖效果:
△ 某 B 端產品服務購買卡片設計(優化后)
這里的“參考” 并不是簡單的照貓畫虎,而是站在巨人的肩膀上,學習和精進自己的能力與認知。
今天給大家詳細的介紹下,針對某個功能或元素,如何借鑒和分析競品。有以下幾個方法:
一、分析幾乎完全相同的產品
這個方法很好理解,這類產品與你正在設計的產品在功能需求、產品形態、用戶類型等方面都很較大的相似性,也是最容易直接提供解決方案的,比如上文提到的服務卡片設計優化案例。
再比如,你在做一款「云盤的登錄注冊頁面」,你可以參考「騰訊云盤」和「華為云盤」等大廠產品的登錄注冊頁面,看看他們的頁面是怎么布局的,提供了哪幾種方式,增加了哪些入口和元素,如何使用顏色和字號等等。
△華為云盤登錄頁面
△ 騰訊云盤登錄頁面
二、分析不完全相同的產品
如果找不到完全相同的競品,對于不完全相同的產品,也可以分析和借鑒,這就要分幾種情況,需要你對手中的設計任務進行拆解:
1. 需求相同,但產品類型不同
比如同樣是「云盤的登錄注冊頁面」,如果找不到完全類似的競品,你可以查找包含 B、C 端用戶的其他產品的登錄注冊頁面,取長補短。
△ 雨雀文檔登錄頁面
2. 結構相同,但應用場景不同
接上面的例子,登錄和注冊頁面本質上用戶填寫表單,產品收集用戶信息。因此你也可以找填寫手機號、用戶名、密碼相關的表單的設計,并不一定是登錄注冊頁面的表單,比如你在寄送快遞時填寫手機號的表單也可以用作參考,也許會提供不一樣的設計思路。
△淘寶 App 可以調動系統定位,并提供幾個最有可能的選項,用選擇代替用戶輸入
三、分析完全不相同的產品
如果是完全不相同的產品,那學習和分析的是這類產品的設計原則和手法。接上面的例子,這次你可能借鑒的設計就是下圖中「微信通過好友申請」的頁面。
你會發現在這個頁面中微信將能設置的好友信息都呈現了出來,讓用戶先設置之后,再通過申請,這樣就避免了很多用戶順手添加了好友而忘記設置信息。相比之下在設計登錄注冊頁面,可能也可以根據產品功能和用戶需求,適當將設置項前置。
好的設計,在設計思路和原則上,通常也會具備通用性。
作者:元堯;微信公眾號:長弓小子。
本文由@ 元堯 原創發布于人人都是產品經理。未經許可,禁止轉載。
題圖來自 Unsplash,基于CC0協議。
作者分享的”針對某個功能,如何做競品分析和設計優化“案例分析明了易懂。