交互設(shè)計(jì)：多屏幕使用環(huán)境下的產(chǎn)品模式

　　但這里我并不是想討論二維碼的潛力如何，讓我們想一想，我們?cè)谑裁礃拥那樾蜗聲?huì)使用二維碼呢?當(dāng)在電腦、平板上瀏覽網(wǎng)頁(yè)，發(fā)現(xiàn)一個(gè)有趣的圖片、新聞時(shí)，我們可能會(huì)用手機(jī)拍攝網(wǎng)站提供的二維碼，將這些信息發(fā)送到手機(jī)上查看、保存或分享;當(dāng)在參加活動(dòng)，結(jié)識(shí)一個(gè)聊得開(kāi)心的朋友時(shí)，我們可能會(huì)用手機(jī)拍攝其手機(jī)上生成的個(gè)人身份二維碼，將其信息添加到自己的聯(lián)系人中去… 這些情景的一個(gè)共性是：我們都是在與其他設(shè)備互動(dòng)，有信息跨設(shè)備轉(zhuǎn)移的傾向。其實(shí)這正是我們這個(gè)數(shù)碼設(shè)備無(wú)處不在的時(shí)代的最大特征，每個(gè)人的工作、生活都在不同的屏幕間轉(zhuǎn)換，而這無(wú)時(shí)無(wú)刻的跨屏環(huán)境也打造了用戶(hù)新的使用習(xí)慣。

　　Google 的一項(xiàng)最新研究顯示，在美國(guó)超過(guò) 90% 以上的媒體消費(fèi)行為都是在手機(jī)、平板電腦、傳統(tǒng)電腦以及電視這四個(gè)屏幕上進(jìn)行的，每天人們?cè)谄聊磺暗母鞣N交互行為平均占到了 4.4 小時(shí)，而這還沒(méi)有包括人們?cè)诠ぷ髦械氖褂脭?shù)據(jù)。從進(jìn)一步的數(shù)據(jù)中我們看到，人們平均每次使用手機(jī)的時(shí)長(zhǎng)約為 17 分鐘、平板電腦為 30 分鐘、傳統(tǒng)電腦為 39 分鐘、電視為 43 分鐘。由于手機(jī)便攜、隨時(shí)在線(xiàn)，但屏幕尺寸、輸入體驗(yàn)受限等特性，其單次使用時(shí)長(zhǎng)雖然最短，但卻是人們上網(wǎng)體驗(yàn)的重要一環(huán)，往往人們?cè)谑謾C(jī)上查找到信息后，轉(zhuǎn)移到電腦(平板、電視)上進(jìn)行進(jìn)一步的操作，或反過(guò)來(lái)，在平板(電腦、電視)上發(fā)現(xiàn)有趣的東西后，發(fā)送到手機(jī)或是其他更適合其使用場(chǎng)景的設(shè)備上進(jìn)行互動(dòng)。而在美國(guó)之外的中國(guó)及其他地區(qū)，我們也發(fā)現(xiàn)類(lèi)似的場(chǎng)景正在發(fā)生。對(duì)大多數(shù)互聯(lián)網(wǎng)服務(wù)(網(wǎng)站、移動(dòng)應(yīng)用及其它)來(lái)說(shuō)，這意味著他們不再僅僅是設(shè)計(jì)一個(gè)單一設(shè)備的產(chǎn)品，而應(yīng)該是跨屏幕的一套服務(wù)，讓用戶(hù)能夠在自由的切換設(shè)備時(shí)能有更連貫的體驗(yàn)。

　　具體來(lái)說(shuō)，假如我們今天生活在蘋(píng)果的世界里，同時(shí)擁有 iPhone、iPad、Macbook Pro、iMac，甚至是 AppleTV，那么為什么當(dāng)用戶(hù)在 iPhone 的信息應(yīng)用中接收并回復(fù)一條信息后，他依然需要在 iPad、筆記本、桌面電腦上去處理無(wú)數(shù)的通知呢?相比之下，Google 的 Gtalk 在多個(gè)設(shè)備的體驗(yàn)要優(yōu)秀很多，當(dāng)用戶(hù)在手機(jī) Gtalk 上回復(fù)信息后，網(wǎng)頁(yè)端的 Gtalk 便不會(huì)再?gòu)棾鐾瑯拥耐ㄖ�信息。同樣的�?wèn)題在 Twitter / 微博、眾多在線(xiàn)內(nèi)容消費(fèi)平臺(tái)等地方也同樣存在。

　　Google 的報(bào)告將用戶(hù)的跨屏幕使用行為分為兩種模式：序列型與即時(shí)型。前者是用戶(hù)在一個(gè)屏幕上開(kāi)始使用某個(gè)服務(wù)后，轉(zhuǎn)移到另一個(gè)屏幕繼續(xù)同一任務(wù)的模式;后者是用戶(hù)同時(shí)使用多個(gè)設(shè)備完成一個(gè)任務(wù)、或多個(gè)任務(wù)的配合。實(shí)質(zhì)上，前者是跨屏幕的數(shù)據(jù)轉(zhuǎn)移與用戶(hù)一致性體驗(yàn)的問(wèn)題，而后者是多屏幕協(xié)作的問(wèn)題。Prcious Design 曾經(jīng)就這一問(wèn)題進(jìn)行了研究，將跨屏幕使用情景進(jìn)行了更多維度的劃分，但我們依然可以將其歸結(jié)到上面兩個(gè)分類(lèi)中。不同的模式，它們分別有什么樣的特點(diǎn)呢?

　　序列型跨屏幕使用情景

　　在這一情景下，用戶(hù)可能面臨的使用方式可能有：1)無(wú)嚴(yán)格時(shí)間先后，跨屏幕使用同一服務(wù);2)典型序列型跨屏幕場(chǎng)景，將前一個(gè)設(shè)備的使用狀態(tài)同步到新的屏幕上，在不同的時(shí)間段實(shí)現(xiàn)連貫的使用;3)將一個(gè)屏幕上的內(nèi)容發(fā)送到另一屏幕，以獲得更好的體驗(yàn)。在這種情景下，服務(wù)需要關(guān)注的問(wèn)題主要有：

　　跨屏幕的一致性

　　從近兩年開(kāi)始流行的自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)布局(Responsive Web Design)風(fēng)潮中，我們可以看到，如何保證用戶(hù)從桌面瀏覽器、到平板、到手機(jī)的不同屏幕切換時(shí)，能夠有更為一致性的內(nèi)容和交互體驗(yàn)，而不是忍受傳統(tǒng)往往功能、內(nèi)容殘缺的移動(dòng)頁(yè)面，已經(jīng)成為 Web 設(shè)計(jì)的一個(gè)中心思路。這一設(shè)計(jì)方法已經(jīng)獲得了 Wordpress、Twitter Bootstrap、Jekyll 等眾多網(wǎng)頁(yè)設(shè)計(jì)框架的原生支持，而許多網(wǎng)站和在線(xiàn)工具也紛紛開(kāi)始使用這一網(wǎng)頁(yè)布局方法，例如 Boston Globe、The Financial Times 、Asana、Medium、Svbtl 等。

　　當(dāng)然，也許這一設(shè)計(jì)方法并不能放之四海皆準(zhǔn)，但這個(gè)例子的目的在于說(shuō)明，一致性是跨屏幕設(shè)計(jì)的一個(gè)重點(diǎn)元素。當(dāng)然，這并不意味著所有屏幕下的徹底同一，在保持內(nèi)容、核心體驗(yàn)一致的前提下，對(duì)不同屏幕設(shè)備進(jìn)行有針對(duì)性的擴(kuò)展也是非常必要的。以 Evernote 為例，不同的屏幕上的 Evernote 在核心功能、使用體驗(yàn)上是非常一致的，數(shù)據(jù)能夠?qū)崿F(xiàn)良好的同步統(tǒng)一，但在手機(jī)和平板版本上，Evernote 更加強(qiáng)調(diào)照片、音頻，甚至是地理信息這些屬于移動(dòng)設(shè)備的特性整合。這種在保證一致的前提下，針對(duì)不同屏幕特性進(jìn)行優(yōu)化已經(jīng)成為一款優(yōu)秀產(chǎn)品所必須的元素。

　　另一個(gè)例子是 Mac 下著名的日記應(yīng)用 Day One，桌面版的 Day One 強(qiáng)調(diào)的是日記的歸檔和管理、以及文本類(lèi)型日記的記錄，而到了 iPhone 上，其核心依然是一款日記應(yīng)用，但包含照片、位置、天氣的更富媒體化的日記形式能夠?yàn)橛脩?hù)帶來(lái)更優(yōu)秀的體驗(yàn)。

　　跨屏幕的連貫性

　　正如上面關(guān)于 iMessage 的例子所提到的，如何讓用戶(hù)在不同屏幕間切換時(shí)，能夠?yàn)槠鋷��?lái)最連貫性的使用是一個(gè)迫切的需求，IM 的跨屏幕狀態(tài)同步、Twitter / 微博等社交媒體的閱讀狀態(tài)同步、在不同屏幕間消費(fèi)內(nèi)容時(shí)的進(jìn)度連貫，這些都是典型的例子。這實(shí)際上也是一種形式的數(shù)據(jù)同步，不過(guò)同步的不是數(shù)據(jù)本身，而是用戶(hù)對(duì)于數(shù)據(jù)的操作狀態(tài)。(這是一個(gè)很古老的問(wèn)題，Email、RSS 閱讀等領(lǐng)域早已或得了比較好的解決。)

　　必須說(shuō)的是，在這方面雖然蘋(píng)果、Twitter 等服務(wù)提供方還沒(méi)有提供好的支持，但許多其他服務(wù)卻已經(jīng)實(shí)現(xiàn)了比較讓人滿(mǎn)意的解決方案。其中包括上面提到的 Gtalk IM 狀態(tài)同步、亞馬遜 Kindle 的 Whisper Sync(與此類(lèi)似的，Google、蘋(píng)果、微軟等公司在各自平臺(tái)上實(shí)現(xiàn)的各種消費(fèi)內(nèi)容進(jìn)度同步)、Instapaper / Pocket 的閱讀進(jìn)度同步、像曾經(jīng)的 Tweet Marker(最近因?yàn)?Twitter 的政策轉(zhuǎn)移改名為 Watermark )實(shí)現(xiàn)的跨客戶(hù)端 / 屏幕的 Twitter 狀態(tài)同步、以及國(guó)內(nèi)新興音樂(lè)產(chǎn)品 Jing.fm 的音樂(lè)進(jìn)度同步等。更進(jìn)一步，尚處在新生階段的 Google Now 帶來(lái)的跨屏幕用戶(hù)連貫性體驗(yàn)則已經(jīng)為我們展現(xiàn)了未來(lái)這一領(lǐng)域的無(wú)限可能。

　　跨屏幕的交互性(1)

　　這是一個(gè)橫跨兩種使用模式的特性。對(duì)于序列型跨屏幕場(chǎng)景來(lái)說(shuō)，其目前的典型方法可以參考從未獲得廣泛支持的 DMCA 與蘋(píng)果的 Airplay，將手機(jī)、平板屏幕上的視頻、音頻、應(yīng)用內(nèi)容發(fā)送到電視、電腦大屏幕上，以實(shí)現(xiàn)更好的使用和視聽(tīng)體驗(yàn)。之前夭折的 WebOS 的跨設(shè)備通信技術(shù)可以說(shuō)展示了這個(gè)領(lǐng)域的更大可能，相信在未來(lái)，跨設(shè)備的通信連接會(huì)更加強(qiáng)大。

　　即時(shí)型跨屏幕使用情景

　　在這種情景下，服務(wù)需要關(guān)注的問(wèn)題則集中在跨屏幕的交互性上。將最簡(jiǎn)單的，一塊屏幕作為另一快屏幕的擴(kuò)展顯示這一使用方式除外，我們可能面臨的兩種情況是：1)多屏幕互相配合，完成同一任務(wù);2)一個(gè)屏幕作為主要的使用設(shè)備，其他屏幕進(jìn)行非必要性的補(bǔ)充。

　　跨屏幕的交互性(2)

　　在第一種情況下，多塊屏幕設(shè)備對(duì)于完成一個(gè)任務(wù)都是必要的。例如在 iOS 上的 Scrabble 拼字游戲中，一種有趣的模式就是將 iPad 作為公共拼字版，而 iPhone 則顯示不同玩家個(gè)人擁有的字母塊(對(duì)中國(guó)人來(lái)說(shuō)，更好的一個(gè)例子應(yīng)該是 iPad 作為麻將桌，而 iPhone 上則顯示自己的麻將牌組。)可以說(shuō)所有的多人聯(lián)機(jī)游戲都是這種模式的不同實(shí)現(xiàn)方式。但在游戲之外，這一模式也有許多有用的地方。

　　而在第二種情況下，一個(gè)屏幕起到了絕對(duì)的主導(dǎo)作用，其他屏幕對(duì)于任務(wù)本身并不必要，但可以起到加強(qiáng)體驗(yàn)的效果。如在電視上觀(guān)看如冰與火之歌這樣人物眾多的史詩(shī)劇目、奧運(yùn)會(huì)這樣的盛大體育盛會(huì)時(shí)，利用手機(jī)的輔助應(yīng)用來(lái)了解各種相關(guān)信息，甚至與其他觀(guān)眾進(jìn)行互動(dòng)會(huì)是一種有趣的體驗(yàn)。在這方面國(guó)外的 Tunerfish、IntoNow，國(guó)內(nèi)的段落、蝸牛電視等都在進(jìn)行相關(guān)的嘗試。

　　隨著手機(jī)和平板電腦的進(jìn)一步發(fā)展，用戶(hù)跨屏幕的使用機(jī)會(huì)將會(huì)越來(lái)越普遍，而使用場(chǎng)景也一定會(huì)有更多的可能性。無(wú)論對(duì)于內(nèi)容發(fā)行方、服務(wù)提供方還是應(yīng)用開(kāi)發(fā)者，如何找到用戶(hù)跨屏幕使用行為的需求和動(dòng)機(jī)，針對(duì)不同的使用方式進(jìn)行有針對(duì)性的設(shè)計(jì)優(yōu)化，是其未來(lái)的挑戰(zhàn)，也是一個(gè)廣闊的新機(jī)會(huì)。微軟的 SmartGlass 是全面性整合多屏幕體驗(yàn)的一個(gè)很棒的例子;而像 Evernote 這樣，針對(duì)某個(gè)特定使用場(chǎng)景來(lái)設(shè)計(jì)產(chǎn)品也是另一種參考思路。

服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)！虛擬主機(jī)域名注冊(cè)頂級(jí)提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]