用戶體驗設計的核心詞在于用戶，我們在進行用戶體驗設計時，需要以用戶為中心進行設計。一般來說，人們在一個熟悉的環(huán)境中會感到安全和舒適，而在一個陌生的環(huán)境中往往會覺得緊張與拘束。如果把這一情況放到用戶體驗設計中同樣成立，我們在進行產(chǎn)品設計時，應盡可能降低用戶的學習成本，而降低用戶學習成本最好的方式便是以用戶熟悉的方式進行產(chǎn)品的設計——這便是遵循設計規(guī)范進行設計的好處之一。
而另一方面，產(chǎn)品的最終使用者是用戶，對用戶來說，可用性是他們選擇使用一款產(chǎn)品最基礎的條件，對于用戶體驗設計師來說，在充分了解各平臺設計規(guī)范后進行設計，是保證產(chǎn)品可用性的基本前提，這也是為什么了解設計規(guī)范，是用戶體驗設計師必備的入門基礎知識。
一般來說，設計規(guī)范是一份文檔說明，可以是網(wǎng)頁版的，也可以是某一具體文檔版的。在設計規(guī)范文檔里，會涉及到如該平臺的設計理念、界面布局、設計控件和其他相關信息，設計人員在看完該文檔后進行的設計，能夠具有該系統(tǒng)的部分共性的特點——在如平面設計等視覺為主的設計領域，千篇一律是非常不應該的，但是在交互或者UI設計領域，一個界面中若有系統(tǒng)共性的元素存在，是能降低用戶的學習成本，提升用戶體驗的。這一共性特點可以是設計規(guī)范中推薦的設計方案，也可以是直接對官方控件的引用。
設計規(guī)范并不是一層不變的，會隨著系統(tǒng)的升級而同步更新，即使系統(tǒng)并未升級，官方也不定期會對其進行修訂，所以不定期的，特別是在每次新系統(tǒng)發(fā)布會后第一時間去查看設計規(guī)范是非常有用且有必要的。下面是幾大常見系統(tǒng)的設計規(guī)范的獲取地址。
1、Windows系統(tǒng)
如圖所示，是Windows系統(tǒng)官方的設計規(guī)范。
該規(guī)范的地址為https://developer.microsoft.com/en-us/windows/desktop/design，一般來說，設計規(guī)范都可以在對應的開發(fā)者網(wǎng)站中找到，而開發(fā)者網(wǎng)站一般是http://developer.xxxx.xxx，從Windows的設計規(guī)范中可以看到，規(guī)范分成三部分——Design a great?UX、UX Checklist和Create a winning UI。覆蓋從UX到UI的范圍，在規(guī)范的下面，可以看到是特別針對觸屏的說明。
從Windows 8開始，具備觸屏功能的PC電腦開始普及，不同于如iOS操作系統(tǒng)是從一開始就是為觸屏而生，Windows最開始并不具備觸屏功能。從這里可以看到，一個好的用戶體驗，是需要根據(jù)用戶的交互行為進行思考。
Windows操作系統(tǒng)到目前為止，支持的交互行為包括：鍵盤、鼠標、觸控、觸控筆以及無障礙方式，其中無障礙是指針對對視覺和聽覺受損人群而特別提供的，這個并非所有軟件都需考慮。關于交互行為的具體內(nèi)容可以查閱https://msdn.microsoft.com/library/windows/desktop/dn742463.aspx。
到目前為止每次Windows隨著系統(tǒng)版本的升級，均有較大的變動，對應的設計規(guī)范也一定會發(fā)生變化，建議大家在每次有Windows新版本發(fā)布后，第一時間查看設計規(guī)范的網(wǎng)頁，看是否有更新。
2、Mac OS系統(tǒng)
Mac OS系統(tǒng)的設計規(guī)范，被蘋果命名為《OS X Human InterfaceGuidelines》，大家可以在蘋果的開發(fā)者網(wǎng)站https://developer.apple.com中找到，如圖所示。
該規(guī)范的地址為https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/OSXHIGuidelines/，可以看到這個地址非常的長，不排除蘋果在后續(xù)更新此設計規(guī)范時對地址做一個變動。為了防止地址變動，下面對如何從開發(fā)者網(wǎng)站中找到該規(guī)范入口做一個簡單說明，除了Mac OS系統(tǒng)，所有與蘋果相關的系統(tǒng)的設計規(guī)范以及其他文檔均能使用該方式找到。
首先在瀏覽器中輸入蘋果開發(fā)者文檔的網(wǎng)址，https://developer.apple.com/library/，如圖所示。在該頁面中，包含了蘋果所有的系統(tǒng)平臺，如iOS、OS X（即Mac OS）、watchOS和tvOS等。
其次，找到需要尋找的設計規(guī)范對應的操作系統(tǒng)，在每個操作系統(tǒng)下會有一個連接，這里以Mac OS系統(tǒng)為例，單擊OS X Library藍色連接，跳轉到如下圖所示界面。
在該界面的右上角的搜索框中，輸入關鍵詞，如“Human?Interface Guidelines”，然后按下回車，跳轉到如下圖?所示界面，第一個連接即Mac?OS系統(tǒng)的設計規(guī)范。除了通過系統(tǒng)的搜索框查找外，還有更快的速度是在圖2-17所示界面中，直接按下command+F（Windows系統(tǒng)中是ctrl+F），在瀏覽器最帶的搜索工具中在當前界面搜索關鍵詞，也能很快找到該文檔。
蘋果的設計規(guī)范除了提供網(wǎng)頁版的文檔外，還提供iBooks格式的文檔，大家可以使用iBooks應用，在圖書商店中進行搜索即可找到。方便日后離線閱讀。
蘋果的設計規(guī)范均采用左右布局，左側是菜單導航，右側是正文，非常清晰直觀。在蘋果的設計規(guī)范中可以看到蘋果的設計哲學和設計理念，認真閱讀并深入思考能夠幫助我們研發(fā)出非常優(yōu)秀的產(chǎn)品。
3、iOS系統(tǒng)
iOS系統(tǒng)的設計規(guī)范的入口尋找方式和Mac OS非常相似，如?下圖所示。
該規(guī)范的地址為https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/，經(jīng)過多年的發(fā)展，該規(guī)范現(xiàn)在已經(jīng)相當成熟和完善，在該規(guī)范中包含了蘋果在移動設計方面非常優(yōu)秀的設計理念，應是所有移動平臺研發(fā)者的入門必讀物，該規(guī)范每年也會隨著iOS系統(tǒng)的升級而更新。
前面有提到，好的交互以及好的產(chǎn)品應該和其所運行的硬件充分融合，要善于利用最新的硬件技術。在該規(guī)范中，有專門一章為《iOS Technologies》，在這里會有對iOS硬件設備的技術有詳細介紹，每次有新的設備發(fā)布時，建議大家來看看是否有更新，來加深我們對新的硬件設備的理解。
目前該規(guī)范已經(jīng)有第三方團隊翻譯的中文版，如騰訊的IXUS團隊便有將該規(guī)范進行翻譯，大家可以很容易在網(wǎng)上找到，對于英語閱讀困難的同學來說這無疑是一件非常好的事情。
4、安卓（Android）系統(tǒng)
從2013年谷歌推出Material?Design后，官方變把這一設計規(guī)范作為安卓系統(tǒng)的設計規(guī)范，但是需要注意的是，原生的安卓系統(tǒng)以及谷歌研發(fā)的APP如Gmail等采用了Material Design外，目前在安卓系統(tǒng)上還有非常多的APP并未遵循該規(guī)范進行研發(fā)。
關于Material Design之外的安卓設計規(guī)范我們會在下一節(jié)中詳細介紹到，但是在此之前，了解并熟悉Material Design是非常有必要的。“Material”是材料的意思，該規(guī)范認為界面中的任何元素都可以如真實世界材料一樣，在界面中通過投影和運動的變化，來體現(xiàn)彼此的層級和高度，相比其他的設計規(guī)范，Material Design會多一個空間的緯度，Z軸。Material?Design設計語言強調(diào)根據(jù)用戶行為凸顯核心功能，進而為用戶提供操作指引。
對于大部分設計師來說，該規(guī)范是全新的產(chǎn)物，也正因為這樣，我建議不管各位是否需要研發(fā)遵循Materal Design設計的產(chǎn)品，都應該詳細了解該規(guī)范。在我看來，該規(guī)范對于合理動效的理解，讓我們在任何平臺上進行設計時都可以從中借鑒。
并且Material Design是一套跨平臺的設計規(guī)范，該規(guī)范對于我們進行跨平臺產(chǎn)品的設計時，也有著非常積極的參考意義，如?下圖所示，是該規(guī)范的官方網(wǎng)站，可以看到官網(wǎng)的設計便遵循了該規(guī)范，并且該網(wǎng)站是響應式網(wǎng)頁站，當我們將瀏覽器窗口變窄時，菜單會自動隱藏起來。
該規(guī)范的地址為http://www.google.com/design/spec/material-design/，非常幸運的是，1sters團隊已經(jīng)將該設計規(guī)范翻譯出了中文版，現(xiàn)在該規(guī)范的中文版已經(jīng)托管在計科學院Wiki平臺上，地址為http://wiki.jikexueyuan.com/project/material-design/，但是中文畢竟非官方產(chǎn)物，存在一定的滯后性，如果英文閱讀能力沒問題的同學，建議還是直接閱讀官方原版。
如果初次閱讀該規(guī)范的同學會有難以理解的感覺，最好的辦法是多使用安卓設備，特別是Nexus系列采用安卓原生ROM的移動設備，并多使用采用Material Design設計的APP，實際操作再結合文檔，相信一定能對該設計規(guī)范有個非常好的理解。
5、Web平臺設計規(guī)范
Web平臺并非一個固定的系統(tǒng)平臺，在本書中所指的Web平臺是指使用HTML5/CSS3技術來編寫的應用，這類應用本質(zhì)上是一個網(wǎng)頁或者網(wǎng)站，不受系統(tǒng)以及設備的限制，理論上可以在任何設備上使用。所以實際上并不存在一個具體的固定的設計規(guī)范。
但是對于用戶體驗設計師來說，因為Web應用具有跨平臺以及兼容性的特征，如果要讓用戶在不同的設備上實現(xiàn)無差異的體驗，還是有一些需要注意的事項。
首先是響應式的設計，雖然從理論的角度，移動設備和桌面設備都可以瀏覽訪問同一個Web應用，但是為了獲取更好的體驗，還是應針對不同的設備設計不同的界面，且這些界面彼此之間的切換應該是自適應的，這些界面中絕大部分內(nèi)容是相同的且界面切換是有一定邏輯可循的。如圖所示，是華為的官網(wǎng)首頁在桌面端和移動端的顯示效果，并且當我們在桌面平臺上將瀏覽器的寬度進行縮放時，可以看到相互之間的一個轉化。而如果對于Web-APP，一般來說就針對不同設備類型進行單獨設計即可，如移動端、平板端和桌面端，也可以根據(jù)產(chǎn)品的實際需要，只進行某一個端的設計。
其次是當用戶進入到某一界面，應該讓瀏覽器自行判斷用戶當前所使用的操作系統(tǒng)，然后自動顯示針對該系統(tǒng)進行信息的展示，一般對于應用程序的下載界面的設計尤為突出。如用戶需從該界面下載某一應用，用Windows電腦訪問該界面應自動跳轉到該應用的Windows版本的下載界面，如果用Mac電腦訪問該界面應自動跳轉到Mac版本的下載界面，如果是iOS設備訪問應自動跳轉到iOS版本的下載界面等——可能有朋友會問，既然iOS的應用程序都是從App store下載的，為什么不直接跳轉至App store？這是因為在進行界面設計的時候，幫用戶進行判斷是一方面，另一方面需要同時保留用戶自行選擇的權限。如下圖所示，是Adobe Experience Design的官網(wǎng)，使用Windows系統(tǒng)電腦訪問該界面的顯示，可以看到banner下發(fā)藍色橫條上不是下載按鈕，而是登錄按鈕，并對情況進行說明，實際上用戶登錄后依然可以下載到Mac版的安裝包，并且除了這里，在右上角也很明確地有針對Windows系統(tǒng)的說明按鈕。
最后是，對于Web-APP的設計，絕大部分產(chǎn)品都會選擇Web-APP和原生的APP設計成相同的界面，這樣做一方面能夠節(jié)省開發(fā)成本，另一方面能夠降低用戶的學習成本。但是需要注意的是，Web因為其自身的一些特點，在某些情況下，為了更好的用戶體驗，并不特別建議直接采用和原生APP完全相同的設計，在以下一些情況需要特別注意：
1、Web相比原生APP，對網(wǎng)絡的要求相對較高，需要考慮加載素材的大??；
2、Web相比原生APP，更容易發(fā)生誤操作，誤操作發(fā)生后返回成本相對原生APP更大，所以應盡量避免誤操作的出現(xiàn)；
3、Web相比原生APP，對硬件的利用率沒這么高，若加入過多的動效會可能導致一些卡頓等情況的出現(xiàn)，若出現(xiàn)了這種情況，一般應選擇流暢度優(yōu)先。
最常見的例子，如當Web-APP在微信中打開時，需要注意微信左上角的返回按鈕，這時候應盡量避免不要把按鈕設計在界面的左上角。
以上是對于常見平臺的設計規(guī)范的獲取和簡單地介紹。好的體驗設計，往往從規(guī)范中來，到規(guī)范中去。
制定設計規(guī)范的初衷，是為了更好地用戶體驗，深入了解規(guī)范后，進行設計時，心中有規(guī)范，卻高于規(guī)范，是所有的每一個我們，所應追求的高度。
