又是到處流淌著陽光的周末。讓人忙碌和揪心的一件件事依然在繼續(xù)。想到之前在微博上看到的一句話，大致是這么說的：“最終一切都會好的；如果還沒好起來，那就是還沒有到最后。”。今天的內(nèi)容發(fā)掉之后，繼續(xù)收拾家當；最好呢，這兩天可以再抽時間搞些字出來，接下來的幾篇候選文章還是不錯的樣子。大約10天之后搬家，所以下個周末能否如期更新就看前面幾天的造化了。

說正事兒，今天的小譯文相對務(wù)虛，原文作者淺談了一些關(guān)于移動化產(chǎn)品在用戶體驗設(shè)計方面需要注意的問題，值得思考和借鑒；話題中有待深入探討的空間還不小，全當拋磚引玉，強烈歡迎各位朋友通過評論提出您的看法。走著。

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

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

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

了解用戶的實際需求

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

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

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

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

設(shè)備的性能與速度也是與用戶體驗相關(guān)的重要功能要素。大家都知道，在傳統(tǒng)的Web行業(yè)中，頁面加載速度會在很大程度上影響產(chǎn)品的用戶體驗與SEO；對于移動設(shè)備來說，這方面的因素變的更加重要，因為用戶對于移動設(shè)備的性能與速度的敏感度要高于桌面設(shè)備。如果一個移動版站點或是Web應(yīng)用的加載和響應(yīng)速度過于遲緩，用戶會很容易“武斷”的認為該產(chǎn)品根本無法正常的工作，或是歸罪于自己的網(wǎng)絡(luò)鏈接方面的問題而放棄。頁面或應(yīng)用界面中過于豐滿的內(nèi)容和功能會導(dǎo)致設(shè)備在內(nèi)存等方面的資源吃緊，加載時間也會相應(yīng)增加。然而，這些顯而易見的問題往往會在實際的產(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)方式；尤其是對于觸屏手機來說，滾動頁面的操作方式比基于鍵鼠的桌面設(shè)備來的要容易的多。

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

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

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

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

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

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

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

在這方面的一些具體的實施策略和方法，可以參考我們之前關(guān)于響應(yīng)式設(shè)計的概念、組成要素、基本實現(xiàn)思路以及怎樣通過CSS3 Media Query實現(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è)備，因為這很酷”的幼稚階段，他們在設(shè)備和應(yīng)用方面的見解以及對技術(shù)的了解程度越來越高，同時，對糟糕的用戶體驗的容忍程度也越來越低。我們曾經(jīng)了解和習(xí)慣的那些用于提升傳統(tǒng)Web產(chǎn)品用戶體驗的原則方法，有很多同樣適用于移動領(lǐng)域。對于移動版的網(wǎng)站產(chǎn)品，不可以僅僅從“移動”的角度進行簡單而盲目的“優(yōu)化”——站在用戶體驗的角度，移動版需要我們思考和投入的，甚至?xí)�超過桌面版產(chǎn)品。

作者：C7210

文章來源：beforweb.com

標簽： 網(wǎng)站移動化 用戶體驗 設(shè)計思路 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。