關於移動化產品在使用者體驗設計方面需要注意的問題

來源:互聯網
上載者:User

文章描述:網站產品移動化的使用者體驗設計思路淺析.

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

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

對於移動化產品(移動版本的網站、Web應用等)的使用者體驗設計,我們會習慣性的將更多注意力放在“動”的方面。回想一下自己是否經常會幻想這樣的情景:使用者正走在上下班的路上,或是在等車,或是擠在地鐵上。..他們掏出手機很匆忙的上上網或是擺弄擺弄app,然後繼續奔波。

現實中,使用者對移動產品的使用情景以及體驗需求,其實早已超出簡單的“動”的範疇;隨著平板電腦的普及,需求的種類也在不斷的擴大和發展。作為使用者體驗設計相關人員,我們會發現,曾經慣用的一些小伎倆,比如簡單的縮放功能或是更容易觸控的大按鈕等,已經無法滿足使用者更深層次的體驗需求了。

行動裝置、應用及移動互連網的發展腳步仍在日益加快,在這種局面中,我們怎樣才能讓自己的Web產品在移動化方面的表現更好的滿足使用者的訴求與期望呢?

瞭解使用者的實際需求

不能否認,設想使用者在一種繁忙的狀態下盡量抽時間訪問網站或使用應用的做法並不是沒有意義的;“高效”和“易用”仍然是移動產品的重要成功要素。不過,“動”只是一個方面;一種越發明顯的趨勢是,使用者會越來越多的像使用台式機或筆記本那樣,在家中或是其他相對安靜穩定的環境中使用行動裝置。隨著移動互連網和行動裝置 App在功能、設計、體驗等方面的日漸成熟和易用,人們會越發習慣於使用行動裝置完成目標,解決需求。

從應用軟體,到使用者需求,到市場發展,整個移動領域已經打破了幾年前那種單調乏味的束縛。移動產品的使用者體驗設計工作的重要程度已經和傳統電腦裝置領域中的不分伯仲;我們勢必要更加用心的瞭解使用者,理解他們在不同情景中的行為習慣,以及對應的多種方面的需求。

瞭解裝置的功能特性

在進行移動產品相關的使用者體驗設計工作時,我們需要時刻牢記在頭腦中的,就是用來運行該應用的裝置平台本身的功能特性。通常,螢幕類型是第一個需要關注的方面;通過使用者調研,我們可以事先對產品的目標使用者群的裝置使用方式做到預估。舉例說,黑莓使用者更習慣滑鼠風格的控制方式,對於這種互動方式來說,按鈕或連結的懸停狀態樣式是有意義的,而iPhone類的觸屏手機則不然。

裝置的效能與速度也是與使用者體驗相關的重要功能要素。大家都知道,在傳統的Web行業中,頁面載入速度會在很大程度上影響產品的使用者體驗與SEO;對於行動裝置來說,這方面的因素變的更加重要,因為使用者對於行動裝置的效能與速度的敏感度要高於電腦裝置。如果一個移動版網站或是Web應用的載入和響應速度過於遲緩,使用者會很容易“武斷”的認為該產品根本無法正常的工作,或是歸罪於自己的網路連結方面的問題而放棄。頁面或應用介面中過於豐滿的內容和功能會導致裝置在記憶體等方面的資源吃緊,載入時間也會相應增加。然而,這些顯而易見的問題往往會在實際的產品設計過程中被忽視或擱置。

對內容結構和頁面長度的控制

傳統案頭版的網站,絕大多數仍是通過不同的頁面來體現網站結構。相比之下,行動裝置則比較歡迎內容更集中、頁面更少更長的結構與呈現方式;尤其是對於觸屏手機來說,滾動頁面的操作方式比基於鍵鼠的電腦裝置來的要容易的多。

不過這並不意味著所有的內容都應該被一股腦的呈現在一個頁面中,否則對使用者來說,體驗將會變得非常糟糕——用手指拖拽頁面進行滾屏的互動方式雖然很來感,但過於頻繁的話,則會挑戰使用者的耐心。我們應該花些心思考慮一下怎樣以更巧妙的、互動性和控制性更強方式來進行輸出,例如採用下拉式功能表或手風琴風格的“展開 / 收合”列表等UI模式,通過JavaScript的配合,將內容按照合理的優先順序組織起來。

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

Jakob Nielsen老師一直站在資訊架構革新的最前沿。他在2008年提出的彈性互動理論(interaction elasticity theory)對移動領域的使用者體驗設計產生了重要的影響。

簡單的說,該理論認為,清晰、簡潔、易跟隨的功能流程會對使用者體驗帶來最大的最佳化作用。如今,傳統Web使用者似乎已經習慣了複雜的網站架構、導航系統以及操作流程,但這些並不適用於移動版本網站或Web應用。對於使用者體驗設計人員來說,要在移動化產品的設計中時刻遵循並實踐這一理論,以保持功能流程盡量簡短,並且易於聚焦和跟隨,讓使用者快捷的擷取資訊、完成目標——這些遠沒有理論本身看上去那麼簡單。整個“簡化”過程也許需要很多相關部門的參與配合,尤其對於已有產品的移動化重設計項目而言。

避免功能和內容的縮水

移動版的網站或應用,絕不應該是普通案頭版產品的縮水版,無論在是功能還是使用者體驗等方面。但是我們可以在不少移動版產品中發現,為了減小檔案尺寸,加快下載速度,內容中的很多圖片、視頻、甚至文案本身都被刪除或簡化了,只剩下一些最基本的資訊。

對於那些經過認真調研和設計的案頭版網站產品來說,有很多“非必要”的內容或頁面元素,往往是出於增進內容多樣性或提升易用性等方面的原因而存在的;在移動版的產品中,這些元素是否有必要存在,還要視具體情況而定。更加合理的做法是基於自己的產品對這些內容和視覺元素進行優先順序判斷,並在尺寸規格、布局結構等方面重新規劃,專門針對行動裝置進行響應式的調整,而不是一味的將它們抹掉。

在這方面的一些具體的實施策略和方法,可以參考我們之前關於響應式設計的概念、組成要素、基本實現思路以及怎樣通過CSS3 Media Query實現響應式Web設計的文章。

移動化的未來

在移動領域,無論是使用者的數量與成熟度等級,還是裝置本身擁有的技術和功能,都在持續快速的增長和發展。市面上出現了越來越多類似jQuery Mobile這樣的前端開發架構,用以協助傳統Web領域的設計師和開發人員打造與本地用戶端在UI與互動風格上非常接近的Web應用或混合型應用。(相關話題,可以參考閱讀我們之前的文章,包括前端開發人員的跨平台行動裝置 App開發策略及工具和走出移動互連網的迷宮 - 網站移動化的方法策略)

如今的使用者,多數已經脫離了“我用行動裝置,因為這很酷”的幼稚階段,他們在裝置和應用方面的見解以及對技術的瞭解程度越來越高,同時,對糟糕的使用者體驗的容忍程度也越來越低。我們曾經瞭解和習慣的那些用於提升傳統Web產品使用者體驗的原則方法,有很多同樣適用於移動領域。對於移動版的網站產品,不可以僅僅從“移動”的角度進行簡單而盲目的“最佳化”——站在使用者體驗的角度,移動版需要我們思考和投入的,甚至會超過案頭版產品。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。