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

J.D.Biersdorfer (科技產(chǎn)品記者,著有Best iPhone Apps)
在寫B(tài)est iPhone Apps的過程里,我觀察并嘗試了400到500種iPhone應(yīng)用,總結(jié)下來,我認(rèn)為,能夠帶來很好的用戶體驗的,多數(shù)是那些針對移動設(shè)備特性而在視覺與交互方式等方面專門進行打造的應(yīng)用。而那些很明顯在沿用傳統(tǒng)Web設(shè)計思路的、對屏幕尺寸和觸控操作方式都缺乏考慮的應(yīng)用,無論是元素的視覺風(fēng)格,還是布局的組織、空間的控制等方面,多數(shù)會產(chǎn)生不盡如人意,甚至是很糟的體驗。
翻譯原文:http://beforweb.com/node/14英文原文:http://www.webdesignerdepot.com/2011/09/mobile-app-design-considerations-for-web-designers

