Aaron Maxwell (Mobile Web Up創始人)
從設計的角度講,多數概念和技能依然適用。作為一名設計師,你要清楚自己希望用戶在使用移動應用的過程中做出怎樣的行為,你希望自己的產品能夠提供怎樣的用戶體驗。這種說法雖然有些務虛,但是將注意力集中在這些問題上并延伸思考下去,確實是一個良好的開端。
菜單是一種可以帶來高效率的UI組件,除非你提供的菜單項過多。試著以逐層滑入作為呈現方式,將菜單項以合理的繼承關系組織起來,確保每層里面的菜單項不要過多。另外,標簽(tab)形式的導航也是移動應用中的重要元素。
和傳統Web頁面一樣,移動應用界面中的留白也是一門學問。怎樣使用留白來表達視覺元素之間的關聯及分組關系,是需要認真琢磨和嘗試的。尤其受移動設備屏幕的可視區域尺寸所限,在對元素之間距離的控制方面,我們并沒有太多像素可用,所以對像素級細節的把握能力就顯得越發重要了。
要記得在適當的時候舍棄一些元素。比如,在設置菜單中,每添加一個菜單項都會增加操作的復雜度,使用戶多花費一份時間和注意力在他們未必需要的功能里面。對于你的產品所涉及到的使用場景,要做到充分的了解,并在此基礎上判斷功能元素的優先級,做好取舍。
Sarah Lynn (Web設計師、創意設計師)
在向移動領域轉型這方面,我個人認為最棒的、最切實可行的入門方式,就是研究學習市面上的各種移動應用。觀察它們,分析它們的功能,學習它們對原生控件的利用方式;去實際使用這些應用,熟悉并理解各種控件的交互方式,并將不同的應用加以對比。另外,不少公司和團隊都做過大范圍的用戶研究,你可以通過他們的研究報告學到很多東西,尤其是在用戶體驗等方面。
另外,有些不錯的書也可以幫助你入門。我最推薦的一本,是Suzanne Ginsburg的Designing the iPhone User Experience(iPhone應用的用戶體驗設計)。
有些工作需要花時間和心思去執行,比如,要學會獲取用戶的反饋,另外一點是在進入實際設計開發流程之前,做好充分的計劃工作;在初期可以制作紙質原型,并盡早與用戶或有經驗的移動應用設計開發人員進行交流。
從設計的角度講,移動客戶端應用與傳統網站頁面之間的主要區別在哪里?
Sarah Lynn
我認為最大的區別還是在于交互設計方面。
比起傳統的Web設計,你要考慮的東西有很多不同,比如移動設備的屏幕尺寸、不同系統平臺之間的差異、使用場景和用戶習慣等。移動應用的使用場景其實有很多,包括最常見的在“移動”中使用;另外一個常見的但是往往被忽視的場景,就是用戶身處穩定的環境中,但因為沒有條件或懶于使用臺式機或筆記本,所以使用移動設備應用代替執行。所以,要清楚你的應用最適宜的使用場景,針對這些場景中的用戶習慣進行相應的設計。以目標用戶為中心,這個原則無論對移動應用設計還是網站頁面設計,都是必須貫徹的。
從傳統Web向移動應用轉型的過程里,怎樣很自然的把設計對象想的更小更彈性,這是個不小的挑戰。屏幕定向也是必須考慮的問題,你必須讓你的應用在橫豎兩種模式下都可以很好的工作,并充分發揮每種定向方式的優勢。
在入門階段,建議首先選定一個平臺,把它的優點和缺點都吃透,對該平臺的設備可以提供的原生功能做到充分了解。做選擇時需要考慮的因素是多方面的,包括對自己的應用所需提供的功能的充分規劃,以及對目標用戶群的研究等。
怎樣提升移動客戶端應用的用戶體驗?設計師需要特別注意哪些?
Mike Gualtieri (精算分析師,報告書Mobile App Design Best Practices的作者)
相比于普通的Web站點,用戶對移動應用的期望值更高。蘋果的iPhone等產品為移動應用樹立了很高的威望,尤其是在設計方面;多點觸摸和手勢等功能為移動應用帶來了全新的革命性的交互方式。想要在移動應用中實現優秀的用戶體驗設計,你必須對用戶有充分的了解,甚至超過他們對自身的了解。傳統的用戶研究方式仍可以有效的幫助我們創建人物角色,了解他們的實際需求、對應用的使用場景等。
通常情況下,對于移動應用,設計師要盡量考慮到以下5點因素,以指導交互和視覺設計流程:
- 地點:用戶會在任何地方使用移動應用。
- 移動:用戶會在移動的狀態下使用應用,比如走路、慢跑,或是在汽車等交通工具里。
- 即時:用戶會隨時拿出設備使用應用。
- 偏好:有條件的情況下,用戶會根據不同的需求使用不同的移動設備;有些用戶會對設備產生數碼依賴感,有些則是根據實際需求偶爾使用,情況因人而異。
- 設備:移動設備只是個籠統的概念,對于某些應用,必須全面的考慮到各種設備,比如智能手機、平板電腦、電子閱讀器等。
J.D.Biersdorfer (科技產品記者,著有Best iPhone Apps)
在寫Best iPhone Apps的過程里,我觀察并嘗試了400到500種iPhone應用,總結下來,我認為,能夠帶來很好的用戶體驗的,多數是那些針對移動設備特性而在視覺與交互方式等方面專門進行打造的應用。而那些很明顯在沿用傳統Web設計思路的、對屏幕尺寸和觸控操作方式都缺乏考慮的應用,無論是元素的視覺風格,還是布局的組織、空間的控制等方面,多數會產生不盡如人意,甚至是很糟的體驗。
翻譯原文:http://beforweb.com/node/14英文原文:http://www.webdesignerdepot.com/2011/09/mobile-app-design-considerations-for-web-designers