體驗(yàn)設(shè)計，我們會習(xí)慣性的將更多注意力放在“動”的方面?；叵胍幌伦约菏欠窠?jīng)常會幻想這樣的情景：用戶正走在上下班的路上，或是在等車，或是擠在地鐵上…他們掏出手機(jī)很匆忙的上上網(wǎng)或是擺弄擺弄app，然后繼續(xù)奔波。

現(xiàn)實(shí)中，用戶對移動產(chǎn)品的使用情景以及體驗(yàn)需求，其實(shí)早已超出簡單的“動”的范疇；另外，隨著平板電腦的普及，需求的種類也在不斷的擴(kuò)大和發(fā)展。作為用戶體驗(yàn)設(shè)計相關(guān)人員，我們會發(fā)現(xiàn)，曾經(jīng)慣用的一些小伎倆，比如簡單的縮放功能或是更容易觸控的大按鈕等，已經(jīng)無法滿足用戶更深層次的體驗(yàn)需求了。

移動設(shè)備、應(yīng)用及移動互聯(lián)網(wǎng)的發(fā)展腳步仍在日益加快，在這種局面中，我們怎樣才能讓自己的Web產(chǎn)品在移動化方面的表現(xiàn)更好的滿足用戶的訴求與期望呢？

了解用戶的實(shí)際需求

不能否認(rèn)，設(shè)想用戶在一種繁忙的狀態(tài)下盡量抽時間訪問網(wǎng)站或使用應(yīng)用的做法并不是沒有意義的；“高效”和“易用”仍然是移動產(chǎn)品的重要成功要素。不過，“動”只是一個方面；一個越發(fā)明顯的趨勢是，用戶會越來越多的像使用臺式機(jī)或筆記本那樣，在家中或是其他相對安靜穩(wěn)定的環(huán)境中使用移動設(shè)備。隨著移動互聯(lián)網(wǎng)和移動應(yīng)用在功能、設(shè)計、體驗(yàn)等方面的日漸成熟和易用，人們會越發(fā)習(xí)慣于使用移動設(shè)備完成目標(biāo)，解決需求。

從應(yīng)用軟件，到用戶需求，到市場發(fā)展，整個移動領(lǐng)域已經(jīng)打破了幾年前那種單調(diào)乏味的束縛。移動產(chǎn)品的用戶體驗(yàn)設(shè)計工作的重要程度已經(jīng)和傳統(tǒng)桌面設(shè)備領(lǐng)域中的不分伯仲；我們勢必要更加用心的了解用戶，理解他們在不同情景中的行為習(xí)慣，以及對應(yīng)的多種方面的需求。

了解設(shè)備的功能特性

在進(jìn)行移動產(chǎn)品相關(guān)的用戶體驗(yàn)設(shè)計工作時，我們需要時刻牢記在頭腦中的，就是用來運(yùn)行該應(yīng)用的設(shè)備平臺本身的功能特性。通常，屏幕類型是一個需要關(guān)注的方面；通過用戶調(diào)研，我們可以事先對產(chǎn)品的目標(biāo)用戶群的設(shè)備使用情況做到預(yù)估。舉例說，黑莓用戶更習(xí)慣鼠標(biāo)風(fēng)格的控制方式，對于這種交互方式來說，按鈕或鏈接的懸停狀態(tài)樣式是有意義的，而iPhone類的觸屏手機(jī)則不然。

設(shè)備的性能與速度也是與用戶體驗(yàn)相關(guān)的重要功能要素。大家都知道，在傳統(tǒng)的Web行業(yè)中，頁面加載速度會在很大程度上影響產(chǎn)品的用戶體驗(yàn)與SEO；對于移動設(shè)備來說，這方面的因素變的更加重要，因?yàn)橛脩魧τ谝苿釉O(shè)備的性能與速度的敏感度要高于桌面設(shè)備。如果一個移動版站點(diǎn)或是Web應(yīng)用的加載和響應(yīng)速度過于遲緩，用戶會很容易“武斷”的認(rèn)為該產(chǎn)品根本無法正常的工作，或是歸罪于自己的網(wǎng)絡(luò)鏈接方面的問題而放棄。頁面或應(yīng)用界面中過于豐滿的內(nèi)容和功能會導(dǎo)致設(shè)備在內(nèi)存等方面的資源吃緊，加載時間也會相應(yīng)增加。然而，這些顯而易見的問題往往會在實(shí)際的產(chǎn)品設(shè)計過程中被忽視或擱置。

對內(nèi)容結(jié)構(gòu)和頁面長度的控制

傳統(tǒng)桌面版的網(wǎng)站，絕大多數(shù)仍是通過不同的頁面來體現(xiàn)網(wǎng)站結(jié)構(gòu)。相比之下，移動設(shè)備則比較歡迎內(nèi)容更集中、頁面更少更長的結(jié)構(gòu)與呈現(xiàn)方式；尤其是對于觸屏手機(jī)來說，滾動頁面的操作方式比基于鍵鼠的桌面設(shè)備來的要容易的多。

不過這并不意味著所有的內(nèi)容都應(yīng)該被一股腦的呈現(xiàn)在一個頁面中，否則對用戶來說，體驗(yàn)將會變得非常糟糕——用手指拖拽頁面進(jìn)行滾屏的交互方式雖然很來感，但過于頻繁的話，則會挑戰(zhàn)用戶的耐心。我們應(yīng)該花些心思考慮一下怎樣以更巧妙的、交互性和控制性更強(qiáng)方式來進(jìn)行輸出，例如采用下拉菜單或手風(fēng)琴風(fēng)格的“展開 / 收起”列表等UI模式，通過JavaScript的配合，將內(nèi)容按照合理的優(yōu)先級組織起來。

清晰、簡潔、易跟隨的功能流程

Jakob Nielsen老師一直站在信息架構(gòu)革新的較前沿。他在2008年提出的彈性交互理論(interaction elasticity theory)對移動領(lǐng)域的用戶體驗(yàn)設(shè)計產(chǎn)生了重要的影響。

簡單的說，該理論認(rèn)為，清晰、簡潔、易跟隨的功能流程會對用戶體驗(yàn)帶來較大的優(yōu)化作用。如今，傳統(tǒng)Web用戶似乎已經(jīng)習(xí)慣了復(fù)雜的網(wǎng)站架構(gòu)、導(dǎo)航系統(tǒng)以及操作流程，但這些并不適用于移動版本站點(diǎn)或Web應(yīng)用。對于用戶體驗(yàn)設(shè)計人員來說，要在移動化產(chǎn)品的設(shè)計中時刻遵循并實(shí)踐這一理論，以保持功能流程盡量簡短，并且易于聚焦和跟隨，讓用戶快捷的獲取信息、完成目標(biāo)——這些遠(yuǎn)沒有理論本身看上去那么簡單。整個“簡化”過程也許需要很多相關(guān)部門的參與配合，尤其對于已有產(chǎn)品的移動化重設(shè)計項(xiàng)目而言。

避免功能和內(nèi)容的縮水

移動版的站點(diǎn)或應(yīng)用，絕不應(yīng)該是普通桌面版產(chǎn)品的縮水版，無論在是功能還是用戶體驗(yàn)等方面。但是我們可以在不少移動版產(chǎn)品中發(fā)現(xiàn)，為了減小文件尺寸，加快下載速度，內(nèi)容中的很多圖片、視頻、甚至文案本身都被刪除或簡化了，只剩下一些較基本的信息。

對于那些經(jīng)過認(rèn)真調(diào)研和設(shè)計的桌面版網(wǎng)站產(chǎn)品來說，有很多“非必要”的內(nèi)容或頁面元素，往往是出于增進(jìn)內(nèi)容多樣性或提升易用性等方面的原因而存在的；在移動版的產(chǎn)品中，這些元素是否有必要存在，還要視具體情況而定。更加合理的做法是基于自己的產(chǎn)品對這些內(nèi)容和視覺元素進(jìn)行優(yōu)先級判斷，并在尺寸規(guī)格、布局結(jié)構(gòu)等方面重新規(guī)劃，專門針對移動設(shè)備進(jìn)行響應(yīng)式的調(diào)整，而不是一味的將它們抹掉。

在這方面的一些具體的實(shí)施策略和方法，可以參考我們之前關(guān)于《響應(yīng)式設(shè)計的概念、組成要素、基本實(shí)現(xiàn)思路》以及《怎樣通過CSS3 Media Query實(shí)現(xiàn)響應(yīng)式Web設(shè)計》的文章。

移動化的未來

在移動領(lǐng)域，無論是用戶的數(shù)量與成熟度，還是設(shè)備本身擁有的技術(shù)和功能，都在持續(xù)快速的增長和發(fā)展。市面上出現(xiàn)了越來越多類似jQuery Mobile這樣的前端開發(fā)框架，用以幫助傳統(tǒng)Web領(lǐng)域的設(shè)計師和開發(fā)者打造與本地客戶端在UI與交互風(fēng)格上非常接近的Web應(yīng)用或混合型應(yīng)用。(相關(guān)話題，可以參考閱讀我們之前的文章，包括《前端開發(fā)者的跨平臺移動應(yīng)用開發(fā)策略及工具》和《走出移動互聯(lián)網(wǎng)的迷宮 – 網(wǎng)站移動化的方法策略》)

如今的用戶，多數(shù)已經(jīng)脫離了“我用移動設(shè)備，因?yàn)檫@很酷”的幼稚階段，他們在設(shè)備和應(yīng)用方面的見解以及對技術(shù)的了解程度越來越高，同時，對糟糕的用戶體驗(yàn)的容忍程度也越來越低。我們曾經(jīng)了解和習(xí)慣的那些用于提升傳統(tǒng)Web產(chǎn)品用戶體驗(yàn)的原則方法，有很多同樣適用于移動領(lǐng)域。對于移動版的網(wǎng)站產(chǎn)品，不可以僅僅從“移動”的角度進(jìn)行簡單而盲目的“優(yōu)化”——站在用戶體驗(yàn)的角度，移動版需要我們思考和投入的，甚至?xí)^桌面版產(chǎn)品。