文件名 如何下載使用 文件大小 提取碼 下載來源
design guidelines276.18MB8866 點此復制 登錄下載

一些尷尬時刻

網上的很多分析文章愛這么寫東西,很多人做競品分析的時候也愛這么做:

交互方案只會模仿競品?來試試縱向研究(附規范下載)

這樣做競品分析叫做枚舉差異,不叫“分析”,因為:

1.沒法拿到競品的數據數據,我們往往沒有辦法分辨這些差異點究竟是不是真的有助于提升用戶體驗。

2. 我們不清楚競品發展的來龍去脈,不清楚當時為什么他們使用了這個設計樣式,可能是從用戶體驗出發,也可能單純是因為競品當時趕進度沒注意到這個頁面

因此,抄競品,特別是你的產品有直接競對時,很容易會出現這樣的尷尬場景:

  • 我們抄競品,競品抄我們
  • 我們設計完了以后,發現本品是從競品的樣式迭代成現在這樣的(別笑,真有可能)

交互方案只會模仿競品?來試試縱向研究(附規范下載)

除了競品分析經常有這種尷尬時刻,在內部評審會也經常有類似的情況:

交互方案只會模仿競品?來試試縱向研究(附規范下載)

業內的控件/規范都有迭代周期,實際上因為規范也需要花時間去寫,所以大的平臺規范總是有一點滯后于當前業內情況的。比如 switch 控件在 windows 7 時代就是一個只存在于移動端上、不可用于 PC 的控件。

但是在 Windows 8 以后,特別是現在的 fluent design,switch 已經完全可以被用在 PC 上了。要是完全遵循老一套規范,設計多少是束手束腳一些。

為什么會這樣?

因為我們無論是做競品分析,還是去理解規范,都是去橫向對比當前時間節點上已有的內容,用的一種學術上叫做橫截面研究(cross-sectional study)的研究方法,我們了解在一個時間點上 20 個競品的樣式差異,也可以去完全背熟參透一本規范,但是這么做都只能了解當下這些競品或則平臺解決問題的方式,而不能了解他們解決問題的思維和習慣,以及這些解決方案究竟是否有用。

那么如何才能彌補橫斷面研究的不足?除了提升自己對于設計的判斷力以外,還有一種橫截面研究以外的設計研究方法:縱向研究(longitudinal research)。雖然學術上這么叫看起來比較厲害,但實際上究其根本,也就是競品調研上的“競品追蹤”,或者規范學習中的“歷史規范學習”。它主要是探索同一個產品或者同一份規范,在時間維度上的變化,去分析造成這些變化的原因,從而加深我們對當前領域的理解。

交互方案只會模仿競品?來試試縱向研究(附規范下載)

縱向研究有這樣的優點:

  • 研究的對象,不管是競品還是規范,都在時間上有連續性,我們可以根據一個設計方案在時間上的迭代來判斷這個設計方案是不是穩健、有擴展性
  • 我們能理解一個設計方案在設計之初主要是想解決什么樣的問題,以此來輔助我們判斷,是不是需要使用這樣的設計。

但縱向研究也有一個致命的弱點:

非常耗時。做過設計追蹤的朋友應該知道,追著一個競品不停的截圖挺費力,截圖也不一定容易保存。在安卓上我們可以下載歷史版本 app 來截圖,但蘋果機上就沒有這么方便了。此外,歷史設計規范也很難找,除了 winodws 會在官網上保留部分人機交互指南以外,其他平臺大多數都直接刪除了老舊的設計規范。

如何方便地做縱向研究?

有幾個方便的軟件或者手段:

1. 現成的 app 截圖:訪問 app 歸檔網站國內外都有一些 app 頁面歸檔網站,比如: https://www.pttrns.com/appshttps://uxarchive.com/

甚至花瓣或者 pinterest 上也能找到一些類似的畫板。但他們的截圖頻率很低,也一般不能堅持太久。還是推薦自己做直接競對的歸檔收集。

交互方案只會模仿競品?來試試縱向研究(附規范下載)

2. 歸檔自己的 app 截圖:使用 eagle 做直接競品的歸檔

雖然這個產品主要是給視覺用來做靈感庫/情緒版收集的,但意外的在收集交互樣式上也比較好使。為不同的追蹤產品建立文件夾,打上版本號,一個月規律地做 2 次競品收集,大約半年就可以開始對競品的發展脈絡做一個比較系統的分析。

交互方案只會模仿競品?來試試縱向研究(附規范下載)

3. 現成的 pc 截圖:internet archive way back machine

Internet archive 是一個公益性的歸檔網站,而 way back machine 則是一個可以記錄歷史網站歷史版本的實用工具,mac/material design 的網站一旦有變化,基本可以在這上面找到。

網址: https://web.archive.org/

交互方案只會模仿競品?來試試縱向研究(附規范下載)

讀者福利

最后,我歸納了windows、Mac iOS 和OS的部分體驗規范文檔供大家下載。

包內包含winodws95~windows11、Mac 2002年~2014年包含的十數次版本迭代。其中Mac OS與iOS部分版本官方不再發行pdf文檔,可以通過internet archive的網址訪問到。

當然,所有的規范文件都是英文的,后續我也會繼續寫一些文檔的帶讀,幫助大家更好地理解交互發展幾十年的一些思維沉淀。

歡迎關注作者微信公眾號:「白話說交互」

交互方案只會模仿競品?來試試縱向研究(附規范下載)

文件名 如何下載使用 文件大小 提取碼 下載來源
design guidelines276.18MB8866 點此復制 登錄下載
收藏 80
點贊 23

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。