本文作者@一大坨黃 供職@微博UDC設(shè)計中心 。近年來，在技術(shù)方式，網(wǎng)頁自適應(yīng)的興起、微軟Win8系統(tǒng)的發(fā)布，都在試圖解決一個問題：讓同一產(chǎn)品能在平板、PC等多平臺下同時使用。

由此可見，替換掉冗余的多版本開發(fā)模式，發(fā)展通用性，是未來產(chǎn)品發(fā)展的一種趨勢。因此，設(shè)計師也要在不同的平臺規(guī)范和習慣中尋找共同點。

針對多平臺這一問題，很多網(wǎng)站的解決方法，是為不同的設(shè)備提供不同的網(wǎng)頁，比如專門提供一個Mobile版本，或者iPhone 、iPad版本。這樣做固然保證了單一平臺的使用效果，但是他妨礙了用戶對一家產(chǎn)品的連貫性認知。使用起來比較麻煩，同時要維護好幾個版本。而且如果一個網(wǎng)站有多個portal（入口），會大大增加架構(gòu)設(shè)計的復雜度。

如果你要說“因為屏幕大小不一樣，需要針對性的設(shè)計才能最大化的利用屏幕空間。”我認為這是產(chǎn)品經(jīng)理強加給用戶的需求，因為在用研過程中，很少聽到有用戶的反饋是“我覺得這個地方空掉了，好浪費”。能考慮到最大化利用空間這點固然是好，但是，如果以犧牲用戶對你家產(chǎn)品的操作習慣為代價，那就沒有節(jié)操了。

作為交互設(shè)計師一枚，從產(chǎn)品開發(fā)者的角度來想，類是要分的，不過差別太大就不好了。因為，版本對于開發(fā)者的意義遠遠大于用戶。從用戶的操作行為來看，PC版、iPhone版、iPad版、Android版神馬的… 差別不過是：通過觸摸來完成操作，或是需要通過鼠標來操作。

要做到一款產(chǎn)品完全適用多個平臺是不可能的，我們能做的是綜合考慮多個平臺，找出共性，讓差異減少到最小。

在現(xiàn)有的產(chǎn)品設(shè)計中，已經(jīng)看到多平臺通用設(shè)計的模型了，例如，雖然Android平臺自帶物理返回鍵，但是在Android許多應(yīng)用中仍保留了iOS的虛擬返回操作。

上文分析過，各平臺的操作對用戶來說，差別是通過觸摸或是通過鼠標來操作。接下來，從用戶角度出發(fā)，針對這兩種操作行為總結(jié)幾點設(shè)計中要注意的問題，保證多平臺的通用性：

交互層面：

一個完整的交互事件包括：交互行為+交互對象+交互展現(xiàn)。宏觀上多平臺的交互通用性要從這三個方面考慮。至少確保一個產(chǎn)品的主要功能的交互差異不要太大。不過，具體問題還要具體分析，各個平臺的獨特優(yōu)越性，還是要充分利用。

由于鼠標懸浮只適用于鼠標操作，而語音、亮度、位移只適用于觸摸操，因此，一個要兼容多平臺的產(chǎn)品，在主要功能上，要避開這些交互行為。而是采用兩者的交集：鼠標點擊、鼠標拖拽、獲得焦點、鍵盤彈起和滾動滾輪。

主要功能的交互對象一致

所謂交互對象，就是交互動作的直接接收者，一般體現(xiàn)為一個按鈕或者熱區(qū)，要考慮多平臺的通用性，就要從其位置和大小兩個屬性入手

觸摸操作（iPhone、iPad、Android等）

位置：用戶使用手機，多是單手握住手機底部，豎屏操作；而使用iPad多是雙手握住機器中部，橫屏操作。這兩種場景下的易觸位置如圖

大�。焊鶕�(jù)iOS規(guī)范，理論上可觸擊元素的最小

鼠標操作（PC）

根據(jù)費茨定律，PC端的交互對象描述如下：目標越大，所用時間越短。距離越長，所用時間越長。

由于PC鼠標箭頭能夠點擊的區(qū)域可以很小且相對精確，PC端的約束較輕，所以這里只單向考慮了觸摸操作平臺，將主要功能置于屏幕下方，尺寸大于44像素（約1/4英寸或7毫米）見方的點擊區(qū)即可。

主要功能的交互展現(xiàn)一致

所謂的交互展示就是交互行為作用在交互對象上產(chǎn)生的結(jié)果、反饋。兩大操作形式上不做區(qū)分，只要技術(shù)支持，形式不限，重要的是平臺實現(xiàn)效果的性價比。

常用6種效果：轉(zhuǎn)場、邀請、過渡、反饋、縮放、吸附

實現(xiàn)多平臺的通用性設(shè)計不僅需要交互層面的考慮，還需要視覺和技術(shù)層面綜合考慮，由于本人從事交互，其他兩項無法深入分析，找出共性。還請人心人士補充。

編后語：作者這段話很傲嬌，特意為作者留下

作為一名普通用戶，吐個槽～

雖然不是5歲的美國小蘿莉，不過我還是受夠了各種操作平臺的分類，以及瀏覽一個網(wǎng)站或者使用一款產(chǎn)品要學多個版本的行為��！各種PC版、iPhone版、iPad版（所謂的HD）、Android版… 我想說，版你妹呀…

微博設(shè)計團隊博客

（Warlial 供雷鋒網(wǎng)專稿，轉(zhuǎn)載請注明來自雷鋒網(wǎng)及作者）

標簽： 產(chǎn)品設(shè)計 多平臺交互通用性 產(chǎn)品交互設(shè)計 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。