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

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

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

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

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

　　序列型跨屏幕使用情景

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

　　跨屏幕的一致性

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

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

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

　　跨屏幕的連貫性

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

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

　　跨屏幕的交互性(1)

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

　　即時型跨屏幕使用情景

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

　　跨屏幕的交互性(2)

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

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

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

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