您的位置: 首頁 > 資訊 > 設計

從網站到移動客戶端應用 - 隨"機"應變的用戶體驗設計

藝術中國 | 時間: 2011-11-22 10:08:47 | 文章來源: beforweb.com

我想説的是,我相信在多數情況下,無論移動應用還是所謂的移動版頁面,它們都應該與桌面版的網站及産品具有相似的內容與功能。當然,正如我們在前面提到的,在呈現及交互方式等方面,它們需要基於設備自身的特點而區別對待,但在內容方面應當盡可能保持一致。有些時候,移動應用甚至需要做的更多,拿亞馬遜(Amazon)舉例子,他們的移動客戶端應用還具有條碼掃描功能;這是充分利用移動設備特有功能的典型案例。

從網站移動化這個角度來説,作為Web設計和開發人員,需要把思路鍛鍊的更加具有彈性。在過去超過15年的時間裏,我們只是為桌面瀏覽器設計網站。真正的Web設計不該是這樣的,它應該中立於平臺之間的差異,在任何設備、任何尺寸的螢幕中都保證可訪問性及可用性。

當然,在移動設備大規模普及之前,我們確實很難看到這一點;現在,我們開始了解到自己的網站和産品會被各種類型的設備訪問及使用。這並不是説我們要為所有類型的設備都單獨打造一個版本——真正需要的是讓網站有足夠的適應性和響應性。

Robin Nixon (Web開發人員、科技文章作者,著有一書)
在我看來,對於傳統Web設計及開發人員來説,進行擴展或轉型的最佳入門方式,就是保持手頭技術的先進性,包括HTML(5)、CSS(3)和JavaScript;目前,將Web App整合成為原生客戶端應用的解決方案正在日趨成熟,要實現産品的移動應用化,我們並不一定需要花時間學會那些複雜的編程語言,比如面向對象C語言、JAVA、.NET等。只要你擁有足夠紮實的前端設計和開發能力,你就可以很輕鬆的創建Web App。

Aaron Maxwell (Mobile Web Up創始人)
從設計的角度講,多數概念和技能依然適用。作為一名設計師,你要清楚自己希望用戶在使用移動應用的過程中做出怎樣的行為,你希望自己的産品能夠提供怎樣的用戶體驗。這種説法雖然有些務虛,但是將注意力集中在這些問題上並延伸思考下去,確實是一個良好的開端。

功能表是一種可以帶來高效率的UI組件,除非你提供的功能表項過多。試著以逐層滑入作為呈現方式,將功能表項以合理的繼承關係組織起來,確保每層裏面的功能表項不要過多。另外,標簽(tab)形式的導航也是移動應用中的重要元素。

和傳統Web頁面一樣,移動應用界面中的留白也是一門學問。怎樣使用留白來表達視覺元素之間的關聯及分組關係,是需要認真琢磨和嘗試的。尤其受移動設備螢幕的可視區域尺寸所限,在對元素之間距離的控制方面,我們並沒有太多像素可用,所以對像素級細節的把握能力就顯得越發重要了。

要記得在適當的時候捨棄一些元素。比如,在設置功能表中,每添加一個功能表項都會增加操作的複雜度,使用戶多花費一份時間和注意力在他們未必需要的功能裏面。對於你的産品所涉及到的使用場景,要做到充分的了解,並在此基礎上判斷功能元素的優先級,做好取捨。

Sarah Lynn (Web設計師、創意設計師)
在向移動領域轉型這方面,我個人認為最棒的、最切實可行的入門方式,就是研究學習市面上的各種移動應用。觀察它們,分析它們的功能,學習它們對原生控件的利用方式;去實際使用這些應用,熟悉並理解各種控件的交互方式,並將不同的應用加以對比。另外,不少公司和團隊都做過大範圍的用戶研究,你可以通過他們的研究報告學到很多東西,尤其是在用戶體驗等方面。

另外,有些不錯的書也可以幫助你入門。我最推薦的一本,是Suzanne Ginsburg的(iPhone應用的用戶體驗設計)。

有些工作需要花時間和心思去執行,比如,要學會獲取用戶的反饋,另外一點是在進入實際設計開發流程之前,做好充分的計劃工作;在初期可以製作紙質原型,並儘早與用戶或有經驗的移動應用設計開發人員進行交流。

   上一頁   1   2   3   下一頁  


 

凡註明 “藝術中國” 字樣的視頻、圖片或文字內容均屬於本網站專稿,如需轉載圖片請保留 “藝術中國” 浮水印,轉載文字內容請註明來源藝術中國,否則本網站將依據《資訊網路傳播權保護條例》維護網路智慧財産權。

列印文章    收 藏    歡迎訪問藝術中國論壇 >>
發表評論
用戶名   密碼    

留言須知

 
 
延伸閱讀