一些尷尬時(shí)刻

網(wǎng)上的很多分析文章愛(ài)這么寫(xiě)東西，很多人做競(jìng)品分析的時(shí)候也愛(ài)這么做：

這樣做競(jìng)品分析叫做枚舉差異，不叫“分析”，因?yàn)椋?/p>

1.沒(méi)法拿到競(jìng)品的數(shù)據(jù)數(shù)據(jù)，我們往往沒(méi)有辦法分辨這些差異點(diǎn)究竟是不是真的有助于提升用戶(hù)體驗(yàn)。

2. 我們不清楚競(jìng)品發(fā)展的來(lái)龍去脈，不清楚當(dāng)時(shí)為什么他們使用了這個(gè)設(shè)計(jì)樣式，可能是從用戶(hù)體驗(yàn)出發(fā)，也可能單純是因?yàn)楦?jìng)品當(dāng)時(shí)趕進(jìn)度沒(méi)注意到這個(gè)頁(yè)面

因此，抄競(jìng)品，特別是你的產(chǎn)品有直接競(jìng)對(duì)時(shí)，很容易會(huì)出現(xiàn)這樣的尷尬場(chǎng)景：

• 我們抄競(jìng)品，競(jìng)品抄我們
• 我們?cè)O(shè)計(jì)完了以后，發(fā)現(xiàn)本品是從競(jìng)品的樣式迭代成現(xiàn)在這樣的（別笑，真有可能）

除了競(jìng)品分析經(jīng)常有這種尷尬時(shí)刻，在內(nèi)部評(píng)審會(huì)也經(jīng)常有類(lèi)似的情況：

業(yè)內(nèi)的控件/規(guī)范都有迭代周期，實(shí)際上因?yàn)橐?guī)范也需要花時(shí)間去寫(xiě)，所以大的平臺(tái)規(guī)范總是有一點(diǎn)滯后于當(dāng)前業(yè)內(nèi)情況的。比如 switch 控件在 windows 7 時(shí)代就是一個(gè)只存在于移動(dòng)端上、不可用于 PC 的控件。

但是在 Windows 8 以后，特別是現(xiàn)在的 fluent design，switch 已經(jīng)完全可以被用在 PC 上了。要是完全遵循老一套規(guī)范，設(shè)計(jì)多少是束手束腳一些。

為什么會(huì)這樣？

因?yàn)槲覀儫o(wú)論是做競(jìng)品分析，還是去理解規(guī)范，都是去橫向?qū)Ρ犬?dāng)前時(shí)間節(jié)點(diǎn)上已有的內(nèi)容，用的一種學(xué)術(shù)上叫做橫截面研究（cross-sectional study）的研究方法，我們了解在一個(gè)時(shí)間點(diǎn)上 20 個(gè)競(jìng)品的樣式差異，也可以去完全背熟參透一本規(guī)范，但是這么做都只能了解當(dāng)下這些競(jìng)品或則平臺(tái)解決問(wèn)題的方式，而不能了解他們解決問(wèn)題的思維和習(xí)慣，以及這些解決方案究竟是否有用。

那么如何才能彌補(bǔ)橫斷面研究的不足？除了提升自己對(duì)于設(shè)計(jì)的判斷力以外，還有一種橫截面研究以外的設(shè)計(jì)研究方法：縱向研究（longitudinal research）。雖然學(xué)術(shù)上這么叫看起來(lái)比較厲害，但實(shí)際上究其根本，也就是競(jìng)品調(diào)研上的“競(jìng)品追蹤”，或者規(guī)范學(xué)習(xí)中的“歷史規(guī)范學(xué)習(xí)”。它主要是探索同一個(gè)產(chǎn)品或者同一份規(guī)范，在時(shí)間維度上的變化，去分析造成這些變化的原因，從而加深我們對(duì)當(dāng)前領(lǐng)域的理解。

縱向研究有這樣的優(yōu)點(diǎn)：

• 研究的對(duì)象，不管是競(jìng)品還是規(guī)范，都在時(shí)間上有連續(xù)性，我們可以根據(jù)一個(gè)設(shè)計(jì)方案在時(shí)間上的迭代來(lái)判斷這個(gè)設(shè)計(jì)方案是不是穩(wěn)健、有擴(kuò)展性
• 我們能理解一個(gè)設(shè)計(jì)方案在設(shè)計(jì)之初主要是想解決什么樣的問(wèn)題，以此來(lái)輔助我們判斷，是不是需要使用這樣的設(shè)計(jì)。

但縱向研究也有一個(gè)致命的弱點(diǎn)：

非常耗時(shí)。做過(guò)設(shè)計(jì)追蹤的朋友應(yīng)該知道，追著一個(gè)競(jìng)品不停的截圖挺費(fèi)力，截圖也不一定容易保存。在安卓上我們可以下載歷史版本 app 來(lái)截圖，但蘋(píng)果機(jī)上就沒(méi)有這么方便了。此外，歷史設(shè)計(jì)規(guī)范也很難找，除了 winodws 會(huì)在官網(wǎng)上保留部分人機(jī)交互指南以外，其他平臺(tái)大多數(shù)都直接刪除了老舊的設(shè)計(jì)規(guī)范。

如何方便地做縱向研究？

有幾個(gè)方便的軟件或者手段：

1. 現(xiàn)成的 app 截圖：訪問(wèn) app 歸檔網(wǎng)站國(guó)內(nèi)外都有一些 app 頁(yè)面歸檔網(wǎng)站，比如： https://www.pttrns.com/apps ， https://uxarchive.com/

甚至花瓣或者 pinterest 上也能找到一些類(lèi)似的畫(huà)板。但他們的截圖頻率很低，也一般不能堅(jiān)持太久。還是推薦自己做直接競(jìng)對(duì)的歸檔收集。

2. 歸檔自己的 app 截圖：使用 eagle 做直接競(jìng)品的歸檔

雖然這個(gè)產(chǎn)品主要是給視覺(jué)用來(lái)做靈感庫(kù)/情緒版收集的，但意外的在收集交互樣式上也比較好使。為不同的追蹤產(chǎn)品建立文件夾，打上版本號(hào)，一個(gè)月規(guī)律地做 2 次競(jìng)品收集，大約半年就可以開(kāi)始對(duì)競(jìng)品的發(fā)展脈絡(luò)做一個(gè)比較系統(tǒng)的分析。

3. 現(xiàn)成的 pc 截圖：internet archive way back machine

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

網(wǎng)址： https://web.archive.org/

讀者福利

最后，我歸納了windows、Mac iOS 和OS的部分體驗(yàn)規(guī)范文檔供大家下載。

包內(nèi)包含winodws95～windows11、Mac 2002年～2014年包含的十?dāng)?shù)次版本迭代。其中Mac OS與iOS部分版本官方不再發(fā)行pdf文檔，可以通過(guò)internet archive的網(wǎng)址訪問(wèn)到。

當(dāng)然，所有的規(guī)范文件都是英文的，后續(xù)我也會(huì)繼續(xù)寫(xiě)一些文檔的帶讀，幫助大家更好地理解交互發(fā)展幾十年的一些思維沉淀。

歡迎關(guān)注作者微信公眾號(hào)：「白話(huà)說(shuō)交互」