成人午夜激情影院,小视频免费在线观看,国产精品夜夜嗨,欧美日韩精品一区二区在线播放

從網(wǎng)站到移動客戶端應(yīng)用 隨"機"應(yīng)變的用戶體驗設(shè)計

2011-11-22 19:17:08來源:為網(wǎng)而生作者:

平日的工作忙碌了些許,疲勞因素讓每晚散碎的時間顯得更加吃緊;趕上這樣稍微有點篇幅的文章,做起來就有些遲緩了,哼哼唧唧的翻譯了將近一周。

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è)備,比如智能手機、平板電腦、電子閱讀器等

mobile-app-user-experience-consideration

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
主站蜘蛛池模板: 克什克腾旗| 工布江达县| 德兴市| 绥中县| 来宾市| 卢氏县| 遵义市| 平罗县| 馆陶县| 深水埗区| 博爱县| 佛学| 三台县| 中西区| 望城县| 仲巴县| 五原县| 合水县| 定结县| 常德市| 武平县| 罗甸县| 诏安县| 万全县| 仁化县| 志丹县| 淮安市| 大厂| 阿拉尔市| 金平| 耿马| 收藏| 静海县| 平和县| 金华市| 荆州市| 平阴县| 邵东县| 丰镇市| 清流县| 镇原县|