DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 關於移動化產品在用戶體驗設計方面需要注意的問題
關於移動化產品在用戶體驗設計方面需要注意的問題
編輯:關於網頁技巧     

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

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

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

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

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

了解用戶的實際需求

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

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

了解設備的功能特性

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

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

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

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

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

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

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

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

避免功能和內容的縮水

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

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

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

移動化的未來

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved