多終端一致性并非完全相同。

每個(gè)人都心里都清楚，因?yàn)樵O(shè)備自身的差異性，我們不可能，也不應(yīng)該在不同的設(shè)備上實(shí)現(xiàn)百分百相同的設(shè)計(jì)。但是，在當(dāng)時(shí)面對很人賣萌式發(fā)問：“iPad的和電腦端都有，為哈手機(jī)端沒有啊？”我張口確結(jié)舌，不知從何說起，才能把這個(gè)說來話長的問題說清楚。然后就明知是坑還是一步踱一步身不由己的掉進(jìn)去了。

如今從坑里爬出來再回頭看，似乎一切更明晰了點(diǎn)。姑且讓我來試試，如何把這個(gè)問題說清楚吧。

首先我要引用一些著作來說明一下多終端設(shè)備的差異性。

這些差異性平日里我們都部分感受了，但，那只是盲人摸象的認(rèn)知，不僅自己還需要系統(tǒng)的了解一下，也需要就這一點(diǎn)跟團(tuán)隊(duì)成員一起達(dá)成共識(shí)。不然就會(huì)讓自己陷入被動(dòng)，一步一步的自己走進(jìn)坑里。

需要優(yōu)化設(shè)計(jì)的各設(shè)備的主要區(qū)別在于：尺寸、顯示、輸入方式、交互模式、使用模式和使用情境等不同。

設(shè)備主要區(qū)別表

基于這些區(qū)別，我們接下來要根據(jù)設(shè)備自身的特點(diǎn)來考慮功能和視覺的優(yōu)化，物盡其用。主要來說就是對設(shè)備就以下三個(gè)方面進(jìn)行獨(dú)立優(yōu)化：布局優(yōu)化、觸控優(yōu)化、形式優(yōu)化。

1.布局優(yōu)化:其實(shí)我們在做多終端一致性設(shè)計(jì)時(shí)，基本上都會(huì)注意到布局優(yōu)化。會(huì)根據(jù)設(shè)備的屏幕尺寸，分辨率和顯示方向來改改變屏幕的布局和用戶元素。簡單的說就是：會(huì)根據(jù)屏幕的尺寸來調(diào)整網(wǎng)格，圖片或按鈕的大小，也會(huì)根據(jù)用戶觀看模式調(diào)整字體大小和間距等等。

2.觸控優(yōu)化：這一點(diǎn)對于原生程序來說，團(tuán)隊(duì)可以按照平臺(tái)規(guī)范去做，基本上都沒什么問題。但是在做混生APP或WEB APP時(shí)，因?yàn)榧夹g(shù)實(shí)現(xiàn)的問題，從電腦端往移動(dòng)端移植主要功能時(shí)，我們就會(huì)被動(dòng)的陷入無法優(yōu)化觸控的尷尬境地。如我之前所在團(tuán)隊(duì)的開發(fā)人員的配置為一個(gè)IOS,一個(gè)Android，一個(gè)PC，一個(gè)web,一個(gè)服務(wù)端。。。。這樣的人員配就決定了在混生開發(fā)的模式下，在移植產(chǎn)品時(shí)無法充分考慮交互維度的問題，總是基于開發(fā)成本的考慮而對用戶體驗(yàn)做讓步。

3.形式優(yōu)化：這是我們常常被迫入坑的一個(gè)大原因。理論上來講在不同的設(shè)備的使用方式和功能方面，可以通過功能強(qiáng)化來提升每個(gè)設(shè)備的體驗(yàn)。但是，實(shí)際工作中，總會(huì)有命令壓過來說，要在各個(gè)終端都一樣。提需要的人都只是從一個(gè)點(diǎn)或者莫一個(gè)時(shí)間點(diǎn)出發(fā)，并未作通盤考量。這本身是沒問題的，但是糟糕的是這個(gè)是命令不是需求的時(shí)候，若是不能很好的理解形式優(yōu)化，設(shè)計(jì)就會(huì)被迫入坑。如我之前做的產(chǎn)品，有個(gè)核心功能是要在觸控屏幕上書寫同時(shí)語音交互和圖片分享。大家雖然都知道只是在iPad的上體驗(yàn)最好：書寫在PC上需要搭配額外的輸入設(shè)備，在手機(jī)上又受限于屏幕尺寸；PC端對于語音及拍照支持遠(yuǎn)遠(yuǎn)劣于移動(dòng)端。但是基于各種各樣的原因，最終我們僅僅是該功能移植到電腦端，手機(jī)端，并沒有針對設(shè)備做相應(yīng)的優(yōu)化。其實(shí)這就是一致性設(shè)計(jì)中最大的問題，我們需要在保持各終端（電腦，平板，手機(jī)，電視等）中的一致性和每個(gè)設(shè)備的優(yōu)化之間做權(quán)衡，取舍而達(dá)到平衡。

說到這里我大概總結(jié)一下：因?yàn)樵O(shè)備自身的差異性，所以我們要針對設(shè)備做三個(gè)方面的各自優(yōu)化，最終實(shí)現(xiàn)各終端的一致性。

最后讓我們再回來看如何實(shí)現(xiàn)各終端的一致性。

核心功能在設(shè)備間的一致性

體驗(yàn)的核心部件即哪些被視為命脈的功能或者是最小可行產(chǎn)品的一部分要在設(shè)備間保持一致性。每個(gè)設(shè)備是獨(dú)立的，在其獨(dú)立使用的過程中都要能給用戶提供全部都核心功能。很多時(shí)候我們的產(chǎn)品會(huì)因?yàn)椴恢朗裁丛蚨兊迷絹碓綇?fù)雜，越來越龐大，此時(shí)介入的設(shè)計(jì)尤其要注意，所謂迭代設(shè)計(jì)一定要從核心功能入手，不可大而全的去做顛覆設(shè)計(jì)。說白了，就是從產(chǎn)品最初的那一版入手，小范圍的去迭代。

信息架構(gòu)在設(shè)備間的一致性

這個(gè)不多說，對于舊程序的重新設(shè)計(jì)，設(shè)計(jì)只要做到基本信息結(jié)構(gòu)、組織形式和術(shù)語保持一致即可。術(shù)語可以采用統(tǒng)一文風(fēng)，體現(xiàn)產(chǎn)品性格。如：幽默或者體貼等。

外觀與感受在設(shè)備間的一致性

這個(gè)也不多說。設(shè)計(jì)保持視覺語言的一致性就好了，若是能力夠強(qiáng)，進(jìn)入情感設(shè)計(jì)階段，不僅可以強(qiáng)化品牌視覺形象，還能在設(shè)備間傳遞人們對產(chǎn)品的認(rèn)知和情感。這里需要注意的事，對于舊產(chǎn)品的重新設(shè)計(jì)，其實(shí)很多時(shí)候視覺層解決不了或者解決不好的問題，建議往上追溯一下結(jié)構(gòu)層。看看問題是不是在那里就埋下了。

實(shí)際操作時(shí)，從解決問題的角度出發(fā)我建議先出上到下的順序進(jìn)行重新設(shè)計(jì)；但是，從如何把工作做好的角度出發(fā)，建議從下往上。這個(gè)比較容易出成果，看得見的工作成果，會(huì)幫助設(shè)計(jì)在團(tuán)隊(duì)中取得更多的話語權(quán)得到更多的幫助，曲線救國吧。

最后的最后，如果以上都做到了，還是有問題的話。請注意，一致性設(shè)計(jì)并非多終端設(shè)計(jì)唯一設(shè)計(jì)原則，還有兩大設(shè)計(jì)原則你須知曉：連續(xù)性和互補(bǔ)性。比如，我之前在形式優(yōu)化里舉的例子，對于那個(gè)問題，我們除了增加開發(fā)成本去做增加交互維度的開發(fā)，也可以遵循連續(xù)性和互補(bǔ)性原則，做出新的解決方案：基于用戶角色的不同，利用多終端的互補(bǔ)性讓用戶形成連續(xù)性的行為去完成既定的目標(biāo)。有些事情沒必要去勉強(qiáng)為之，換個(gè)思路結(jié)果也許會(huì)更好。