前兩天有讀者問我，應(yīng)該如何區(qū)分初級交互設(shè)計師和高級交互設(shè)計師？有很多指標作為參照，最直觀的問題可以歸結(jié)成有沒有出過交互規(guī)范。交互涉及到邏輯性，心理學，視覺設(shè)計等很多領(lǐng)域；具體到項目需要把控細枝末節(jié)，同時也具備歸納總結(jié)提煉的功力堪稱完美。

每天充斥著各種會議，需求溝通，整段的時間都少之又少，再不會歸納總結(jié)可能覺得每天都在打醬油吧。曾經(jīng)有句經(jīng)典對白，不會做視覺規(guī)范的設(shè)計師只能算是個美工。嗯對，設(shè)計師看到“美工”這兩個字眼，就像開發(fā)工程師看到“bug“一樣會瞬間燃起斗志；交互的范疇同理適用，寶寶們想個扎心的詞自行填上吧。一定要扎心哦。

先有產(chǎn)品，后有規(guī)范？

這就像是先有雞還是先有蛋一樣，眾說紛紜。規(guī)范顧名思義在經(jīng)歷了不同產(chǎn)品模塊，不斷迭代的過程中，對于產(chǎn)品設(shè)計者和開發(fā)者來說都需要一個實施標準來說服對方，當陷入到拉鋸戰(zhàn)，雙方站在天平的兩端都沒有答案的時候，急需標準化的東西來推進產(chǎn)品發(fā)展。

同時在不斷迭代的歷程中，很多模塊為了保住功能做了一些修改，這些小的修改積累到一定程度就會對產(chǎn)品整體的一致性方面提出挑戰(zhàn)。

產(chǎn)品中的需求功能點不斷完善的過程中，涉及到業(yè)務(wù)流程的場景也會豐富起來，很多的組建適用于不同場景也成為產(chǎn)品中必不可少的一部分；統(tǒng)一的對這部分已經(jīng)積累下來的真實組件形成規(guī)范有利于開發(fā)和再利用。

所以先有產(chǎn)品，后有規(guī)范更為合理。

規(guī)范從哪兒開始？

交互規(guī)范分為web端和移動端以及其他配合產(chǎn)品使用的設(shè)備端，比如iwatch,等。web端規(guī)范需遵循諸如，一致性，連續(xù)性，用戶可操控性的交互原則，熟悉windows和Mac的操作方法。相對于移動端以及其他設(shè)備端口需要熟悉平臺本身的交互設(shè)計規(guī)范。

iPhone 交互設(shè)計規(guī)范：https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x

material design交互規(guī)范：https://material.io/guidelines/

iwatch 交互設(shè)計規(guī)范：https://developer.apple.com/watchos/human-interface-guidelines/overview/themes/

熟悉了平臺規(guī)則，來建立產(chǎn)品自己的規(guī)范體系吧！

劃分規(guī)范體系

規(guī)范是產(chǎn)品系統(tǒng)化的產(chǎn)出，從大的方面產(chǎn)品的整體框架層面說起，包括標題欄、頂部導航、底部操作欄等；共同部分包括各類信息提示和組件；到產(chǎn)品各個模塊相關(guān)的業(yè)務(wù)組件等。

整體框架規(guī)范

   界面規(guī)范

   標題欄

   頂部導航

   底部操作欄

   頁面跳轉(zhuǎn)邏輯

提示信息規(guī)范

   預(yù)先信息提示

   操作類提示

   謹慎類信息提示

   警示類信息提示

   懸浮類信息提示

因為產(chǎn)品類型不同，組件列表在這里就不一一列出咯，大家可以嘗試總結(jié)一下。交互規(guī)范對每種組件進行詳細描述，包含三部分內(nèi)容--構(gòu)成元素，控件由哪些元素組成（文字，icon，操作按鈕等等）；使用場景，控件應(yīng)用于哪些場景，什么時候會使用到，觸發(fā)條件等；細節(jié)說明，描述控件具體內(nèi)容，在不同場景中如何呈現(xiàn)，特殊場景描述等。

小結(jié)

規(guī)范是形成體系化的標準，制定標準需要遵循4方面原則。

一，統(tǒng)一性和標準性，導航結(jié)構(gòu)一致、響應(yīng)方式一致、文案表達方式保持一致、信息提示一致、功能名稱保持一致；

二，信息清晰，導向明確，主次布局合理、邏輯清晰、導航層次清晰；

三，反饋及時有效，用戶操作及時反饋、準確、簡單、直白、具有導向性 

don’t make me think;

四，防止錯誤，不可修復操作及時提示，預(yù)防糾正錯誤，錯誤頁面可及時返回，掌控權(quán)留給用戶。