網(wǎng)站產(chǎn)品移動(dòng)化的用戶(hù)體驗(yàn)設(shè)計(jì)思路淺析
對(duì)于移動(dòng)化產(chǎn)品(移動(dòng)版本的站點(diǎn)、Web應(yīng)用等)的用戶(hù)體驗(yàn)設(shè)計(jì)，我們會(huì)習(xí)慣性的將更多注意力放在“動(dòng)”的方面。回想一下自己是否經(jīng)常會(huì)幻想這樣的情景：用戶(hù)正走在上下班的路上，或是在等車(chē)，或是擠在地鐵上…他們掏出手機(jī)很匆忙的上上網(wǎng)或是擺弄擺弄App，然后繼續(xù)奔波。
現(xiàn)實(shí)中，用戶(hù)對(duì)移動(dòng)產(chǎn)品的使用情景以及體驗(yàn)需求，其實(shí)早已超出簡(jiǎn)單的“動(dòng)”的范疇;另外，隨著平板電腦的普及，需求的種類(lèi)也在不斷的擴(kuò)大和發(fā)展。作為用戶(hù)體驗(yàn)設(shè)計(jì)相關(guān)人員，我們會(huì)發(fā)現(xiàn)，曾經(jīng)慣用的一些小伎倆，比如簡(jiǎn)單的縮放功能或是更容易觸控的大按鈕等，已經(jīng)無(wú)法滿(mǎn)足用戶(hù)更深層次的體驗(yàn)需求了。
移動(dòng)設(shè)備、應(yīng)用及移動(dòng)互聯(lián)網(wǎng)的發(fā)展腳步仍在日益加快，在這種局面中，我們?cè)鯓硬拍茏屪约旱腤eb產(chǎn)品在移動(dòng)化方面的表現(xiàn)更好的滿(mǎn)足用戶(hù)的訴求與期望呢?
了解用戶(hù)的實(shí)際需求
不能否認(rèn)，設(shè)想用戶(hù)在一種繁忙的狀態(tài)下盡量抽時(shí)間訪(fǎng)問(wèn)網(wǎng)站或使用應(yīng)用的做法并不是沒(méi)有意義的;“高效”和“易用”仍然是移動(dòng)產(chǎn)品的重要成功要素。不過(guò)，“動(dòng)”只是一個(gè)方面;一個(gè)越發(fā)明顯的趨勢(shì)是，用戶(hù)會(huì)越來(lái)越多的像使用臺(tái)式機(jī)或筆記本那樣，在家中或是其他相對(duì)安靜穩(wěn)定的環(huán)境中使用移動(dòng)設(shè)備。隨著移動(dòng)互聯(lián)網(wǎng)和移動(dòng)應(yīng)用在功能、設(shè)計(jì)、體驗(yàn)等方面的日漸成熟和易用，人們會(huì)越發(fā)習(xí)慣于使用移動(dòng)設(shè)備完成目標(biāo)，解決需求。
從應(yīng)用軟件，到用戶(hù)需求，到市場(chǎng)發(fā)展，整個(gè)移動(dòng)領(lǐng)域已經(jīng)打破了幾年前那種單調(diào)乏味的束縛。移動(dòng)產(chǎn)品的用戶(hù)體驗(yàn)設(shè)計(jì)工作的重要程度已經(jīng)和傳統(tǒng)桌面設(shè)備領(lǐng)域中的不分伯仲;我們勢(shì)必要更加用心的了解用戶(hù)，理解他們?cè)诓煌榫爸械男袨榱?xí)慣，以及對(duì)應(yīng)的多種方面的需求。
了解設(shè)備的功能特性
在進(jìn)行移動(dòng)產(chǎn)品相關(guān)的用戶(hù)體驗(yàn)設(shè)計(jì)工作時(shí)，我們需要時(shí)刻牢記在頭腦中的，就是用來(lái)運(yùn)行該應(yīng)用的設(shè)備平臺(tái)本身的功能特性。通常，屏幕類(lèi)型是第一個(gè)需要關(guān)注的方面;通過(guò)用戶(hù)調(diào)研，我們可以事先對(duì)產(chǎn)品的目標(biāo)用戶(hù)群的設(shè)備使用情況做到預(yù)估。舉例說(shuō)，黑莓用戶(hù)更習(xí)慣鼠標(biāo)風(fēng)格的控制方式，對(duì)于這種交互方式來(lái)說(shuō)，按鈕或鏈接的懸停狀態(tài)樣式是有意義的，而iPhone類(lèi)的觸屏手機(jī)則不然。
設(shè)備的性能與速度也是與用戶(hù)體驗(yàn)相關(guān)的重要功能要素。大家都知道，在傳統(tǒng)的Web行業(yè)中，頁(yè)面加載速度會(huì)在很大程度上影響產(chǎn)品的用戶(hù)體驗(yàn)與SEO;對(duì)于移動(dòng)設(shè)備來(lái)說(shuō)，這方面的因素變的更加重要，因?yàn)橛脩?hù)對(duì)于移動(dòng)設(shè)備的性能與速度的敏感度要高于桌面設(shè)備。如果一個(gè)移動(dòng)版站點(diǎn)或是Web應(yīng)用的加載和響應(yīng)速度過(guò)于遲緩，用戶(hù)會(huì)很容易“武斷”的認(rèn)為該產(chǎn)品根本無(wú)法正常的工作，或是歸罪于自己的網(wǎng)絡(luò)鏈接方面的問(wèn)題而放棄。頁(yè)面或應(yīng)用界面中過(guò)于豐滿(mǎn)的內(nèi)容和功能會(huì)導(dǎo)致設(shè)備在內(nèi)存等方面的資源吃緊，加載時(shí)間也會(huì)相應(yīng)增加。然而，這些顯而易見(jiàn)的問(wèn)題往往會(huì)在實(shí)際的產(chǎn)品設(shè)計(jì)過(guò)程中被忽視或擱置。
對(duì)內(nèi)容結(jié)構(gòu)和頁(yè)面長(zhǎng)度的控制
傳統(tǒng)桌面版的網(wǎng)站，絕大多數(shù)仍是通過(guò)不同的頁(yè)面來(lái)體現(xiàn)網(wǎng)站結(jié)構(gòu)。相比之下，移動(dòng)設(shè)備則比較歡迎內(nèi)容更集中、頁(yè)面更少更長(zhǎng)的結(jié)構(gòu)與呈現(xiàn)方式;尤其是對(duì)于觸屏手機(jī)來(lái)說(shuō)，滾動(dòng)頁(yè)面的操作方式比基于鍵鼠的桌面設(shè)備來(lái)的要容易的多。
不過(guò)這并不意味著所有的內(nèi)容都應(yīng)該被一股腦的呈現(xiàn)在一個(gè)頁(yè)面中，否則對(duì)用戶(hù)來(lái)說(shuō)，體驗(yàn)將會(huì)變得非常糟糕——用手指拖拽頁(yè)面進(jìn)行滾屏的交互方式雖然很來(lái)感，但過(guò)于頻繁的話(huà)，則會(huì)挑戰(zhàn)用戶(hù)的耐心。我們應(yīng)該花些心思考慮一下怎樣以更巧妙的、交互性和控制性更強(qiáng)方式來(lái)進(jìn)行輸出，例如采用下拉菜單或手風(fēng)琴風(fēng)格的“展開(kāi)/收起”列表等UI模式，通過(guò)JavaScript的配合，將內(nèi)容按照合理的優(yōu)先級(jí)組織起來(lái)。
清晰、簡(jiǎn)潔、易跟隨的功能流程
Jakob Nielsen老師一直站在信息架構(gòu)革新的最前沿。他在2008年提出的彈性交互理論(interaction elasticity theory)對(duì)移動(dòng)領(lǐng)域的用戶(hù)體驗(yàn)設(shè)計(jì)產(chǎn)生了重要的影響。
簡(jiǎn)單的說(shuō)，該理論認(rèn)為，清晰、簡(jiǎn)潔、易跟隨的功能流程會(huì)對(duì)用戶(hù)體驗(yàn)帶來(lái)最大的優(yōu)化作用。如今，傳統(tǒng)Web用戶(hù)似乎已經(jīng)習(xí)慣了復(fù)雜的網(wǎng)站架構(gòu)、導(dǎo)航系統(tǒng)以及操作流程，但這些并不適用于移動(dòng)版本站點(diǎn)或Web應(yīng)用。對(duì)于用戶(hù)體驗(yàn)設(shè)計(jì)人員來(lái)說(shuō)，要在移動(dòng)化產(chǎn)品的設(shè)計(jì)中時(shí)刻遵循并實(shí)踐這一理論，以保持功能流程盡量簡(jiǎn)短，并且易于聚焦和跟隨，讓用戶(hù)快捷的獲取信息、完成目標(biāo)——這些遠(yuǎn)沒(méi)有理論本身看上去那么簡(jiǎn)單。整個(gè)“簡(jiǎn)化”過(guò)程也許需要很多相關(guān)部門(mén)的參與配合，尤其對(duì)于已有產(chǎn)品的移動(dòng)化重設(shè)計(jì)項(xiàng)目而言。
避免功能和內(nèi)容的縮水
移動(dòng)版的站點(diǎn)或應(yīng)用，絕不應(yīng)該是普通桌面版產(chǎn)品的縮水版，無(wú)論在是功能還是用戶(hù)體驗(yàn)等方面。但是我們可以在不少移動(dòng)版產(chǎn)品中發(fā)現(xiàn)，為了減小文件尺寸，加快下載速度，內(nèi)容中的很多圖片、視頻、甚至文案本身都被刪除或簡(jiǎn)化了，只剩下一些最基本的信息。
對(duì)于那些經(jīng)過(guò)認(rèn)真調(diào)研和設(shè)計(jì)的桌面版網(wǎng)站產(chǎn)品來(lái)說(shuō)，有很多“非必要”的內(nèi)容或頁(yè)面元素，往往是出于增進(jìn)內(nèi)容多樣性或提升易用性等方面的原因而存在的;在移動(dòng)版的產(chǎn)品中，這些元素是否有必要存在，還要視具體情況而定。更加合理的做法是基于自己的產(chǎn)品對(duì)這些內(nèi)容和視覺(jué)元素進(jìn)行優(yōu)先級(jí)判斷，并在尺寸規(guī)格、布局結(jié)構(gòu)等方面重新規(guī)劃，專(zhuān)門(mén)針對(duì)移動(dòng)設(shè)備進(jìn)行響應(yīng)式的調(diào)整，而不是一味的將它們抹掉。
移動(dòng)化的未來(lái)
在移動(dòng)領(lǐng)域，無(wú)論是用戶(hù)的數(shù)量與成熟度，還是設(shè)備本身?yè)碛械募夹g(shù)和功能，都在持續(xù)快速的增長(zhǎng)和發(fā)展。市面上出現(xiàn)了越來(lái)越多類(lèi)似jQuery Mobile這樣的前端開(kāi)發(fā)框架，用以幫助傳統(tǒng)Web領(lǐng)域的設(shè)計(jì)師和開(kāi)發(fā)者打造與本地客戶(hù)端在UI與交互風(fēng)格上非常接近的Web應(yīng)用或混合型應(yīng)用。(相關(guān)話(huà)題，可以參考閱讀前端開(kāi)發(fā)者的跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)策略及工具和走出移動(dòng)互聯(lián)網(wǎng)的迷宮 – 網(wǎng)站移動(dòng)化的方法策略)
如今的用戶(hù)，多數(shù)已經(jīng)脫離了“我用移動(dòng)設(shè)備，因?yàn)檫@很酷”的幼稚階段，他們?cè)谠O(shè)備和應(yīng)用方面的見(jiàn)解以及對(duì)技術(shù)的了解程度越來(lái)越高，同時(shí)，對(duì)糟糕的用戶(hù)體驗(yàn)的容忍程度也越來(lái)越低。我們?cè)?jīng)了解和習(xí)慣的那些用于提升傳統(tǒng)Web產(chǎn)品用戶(hù)體驗(yàn)的原則方法，有很多同樣適用于移動(dòng)領(lǐng)域。對(duì)于移動(dòng)版的網(wǎng)站產(chǎn)品，不可以?xún)H僅從“移動(dòng)”的角度進(jìn)行簡(jiǎn)單而盲目的“優(yōu)化”——站在用戶(hù)體驗(yàn)的角度，移動(dòng)版需要我們思考和投入的，甚至?xí)^(guò)桌面版產(chǎn)品。
【編輯推薦】
