萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 跨終端體驗完整性的一些思路與案例

跨終端體驗完整性的一些思路與案例

  對於產品而言,用戶更看重的是你的服務,至於承載這個服務的載體,並不重要。而作為產品,也必須去試圖根據不同場景的切換去滿足他們。

  可以預見的,用戶將會在不同的屏幕上體驗你的產品,而用戶在各個屏幕上的用戶體驗也將趨於一致。對於用戶而言,只在乎你所提供的服務,這與他在什麼屏幕上體驗無關。

  Evernote是跨終端體驗完整性的典型案例。我可以在手機上繼續在Mac上完成了一半的文章,也可以在Pad上讀完某一個被共享的文檔。對於我來說,隨時隨地的記錄與查看的體驗是完整的。

  百度雲在跨終端體驗完整性上則做的更好。我通過PC端共享一個BT種子或者視頻文件,然後我的好友可以在Pad上直接觀看。對於用戶而言,共享影片的體驗是完整的,且是被更好的滿足了的!

  Path和啪啪則是另一類跨終端體驗完整性的典型案例。我通過APP上傳照片,然後通過Twitter等分享給我的朋友,如果我的朋友在PC上,他可以通過Web浏覽器查看我的照片,對我的照片進行點評,或者收聽我發出去的配音。對於我來說,隨時隨地與好友互動的體驗是完整的。

  QQ音樂、快捷酒店管家等與微信的結合也是這樣。我分享一首歌曲到微信,我的朋友可以直接在微信中點擊播放,這個聽歌的體驗是完整的。我分享一個酒店詳情到微信,我的好友可以點擊之後在微信中查看這個酒店詳情並完成預訂,用戶訂房的體驗也是完整的。

  所以,對於產品而言,用戶更看重的是你的服務,至於承載這個服務的載體,並不重要。而作為產品,也必須去試圖根據不同場景的切換去滿足他們。

  以上是基於產品層面的跨終端體驗完整性的一些思路與案例。如果細化到具體的設計上,同樣的,也需要考慮跨終端的體驗完整性,用戶在不同的終端不同的浏覽器上訪問同一個網站,應該享受到一樣完整的體驗。

  最近學到一個新的詞,叫做響應性設計,也被稱為“響應性界面設計(Responsive UI)”、“響應性Web設計(Responsive Web Design)”。

  響應性設計,簡單說就是設計和開發應針對用戶行為和使用環境,做出不同響應的設計方法。主要是解決用戶不在不同的終端浏覽器上的體驗一致性的問題。

  響應性設計具體的實踐方式由多方面組成,包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad,我們的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等,以適應不同設備;換句話說,頁面應該有能力去自動響應用戶的設備環境。

  應用響應性設計不僅僅是變變布局,而是應該把各種設備的不同特點發揮在產品設計中。同一個產品在不同的屏幕尺寸 、不同的浏覽器、 不同的操作系統 、不同的網絡環境 、不同的設備性能下,在一個統一規劃的設計策略下管理。這樣可以很大程度避免出現類似wap.xx.com、m.xx.com、pad.xx.com這樣的紛亂的情況。

copyright © 萬盛學電腦網 all rights reserved