如果你一直以來從事著相對(duì)傳統(tǒng)的交互、視覺等方面的Web設(shè)計(jì)工作，而如今開始打算擴(kuò)展視野、提升技能、隨“機(jī)”應(yīng)變，做一名移動(dòng)互聯(lián)網(wǎng)的弄潮兒。那么本文很適合你閱讀。相關(guān)領(lǐng)域中的幾位牛人會(huì)在接下來的時(shí)間里帶給我們一些很實(shí)在的經(jīng)驗(yàn)之談。全文大致分為三個(gè)主題：

• Web設(shè)計(jì)師需要學(xué)習(xí)哪些知識(shí)和技能，才能進(jìn)入移動(dòng)應(yīng)用的設(shè)計(jì)和開發(fā)領(lǐng)域？
• 從設(shè)計(jì)的角度講，移動(dòng)客戶端應(yīng)用與傳統(tǒng)網(wǎng)站頁(yè)面之間的主要區(qū)別在哪里？
• 怎樣提升移動(dòng)客戶端應(yīng)用的用戶體驗(yàn)？設(shè)計(jì)師需要特別注意哪些？

開始進(jìn)入正題。現(xiàn)如今，到處都有人在談?wù)撘苿?dòng)應(yīng)用方面的話題，從視覺外觀到交互體驗(yàn)，這個(gè)那個(gè)的不亦樂乎。實(shí)際的統(tǒng)計(jì)數(shù)字也是蠻驚人的。最近，一份來自Flurry的研究報(bào)告顯示，用戶（美國(guó)地區(qū)）每天使用移動(dòng)應(yīng)用的時(shí)間，平均下來是81分鐘，已經(jīng)超過了平均74分鐘的上網(wǎng)時(shí)間。

在這個(gè)世道里，身為用戶體驗(yàn)設(shè)計(jì)相關(guān)從業(yè)人員的你，無論一直以來的主攻方向是交互、視覺還是前端，也許現(xiàn)在都已經(jīng)開始琢磨著探索移動(dòng)應(yīng)用的相關(guān)領(lǐng)域了。

本文中，我們將從三個(gè)主要問題入手，與幾位業(yè)內(nèi)專家進(jìn)行探討，看看他們?cè)?ldquo;轉(zhuǎn)型”方面有哪些看法和建議。

Web設(shè)計(jì)師需要學(xué)習(xí)哪些知識(shí)和技能，才能進(jìn)入移動(dòng)應(yīng)用的設(shè)計(jì)和開發(fā)領(lǐng)域？

Josh Clark （設(shè)計(jì)師、開發(fā)人員，著有《觸動(dòng)人心 - 設(shè)計(jì)優(yōu)秀的iPhone應(yīng)用》一書，譯者老包）

說到正經(jīng)八本的設(shè)計(jì)技術(shù)能力，在入門階段其實(shí)沒太多新東西需要學(xué)。我們完全可以使用已經(jīng)輕車熟路的HTML、CSS和 JavaScript創(chuàng)建出用戶界面非常優(yōu)秀的客戶端應(yīng)用。別誤會(huì)，我不是在談?wù)揥eb App形式（什么是Web App？請(qǐng)參考我們之前關(guān)于網(wǎng)站移動(dòng)化方法的文章）， 我是指所謂的“混合型應(yīng)用（hybrid apps）”，這是一種將基于HTML等前端技術(shù)實(shí)現(xiàn)的用戶界面搭載在原生客戶端上的方式，相當(dāng)于為Web App穿上了原生客戶端的外衣，并放到App Store當(dāng)中。對(duì)于希望轉(zhuǎn)型的傳統(tǒng)Web設(shè)計(jì)和開發(fā)人員，這種方式是個(gè)不錯(cuò)的起點(diǎn)。

關(guān)于“混合型應(yīng)用”，Jonathan Stark寫了兩本很棒的書，分別是《構(gòu)建iPhone企業(yè)級(jí)應(yīng)用—基于HTML， CSS 和JavaScript》以及《使用HTML、CSS和JavaScript開發(fā)Android程序》，書中展示了怎樣使用開源框架PhoneGap創(chuàng)建這種混合形式的客戶端應(yīng)用。

作 為入門是不錯(cuò)，但混合型應(yīng)用在太多方面無法與原生客戶端應(yīng)用相提并論。如果你想打造在視覺及動(dòng)畫效果等方面都更加原汁原味的、特別是需要發(fā)揮設(shè)備硬件本身 各種功能的應(yīng)用的話，原生客戶端應(yīng)用仍然是不二之選。這就意味著你需要學(xué)習(xí)使用面向?qū)ο驝語(yǔ)言（Objective-C）去寫iOS應(yīng)用，或是使用 JAVA來打造Android版本。這些都是實(shí)實(shí)在在的編程語(yǔ)言，對(duì)于我們這樣的Web設(shè)計(jì)相關(guān)人員來說，學(xué)習(xí)的難度會(huì)驟增；通常，我們可以與經(jīng)驗(yàn)豐富的 開發(fā)人員搭檔，由他們將設(shè)計(jì)思路和方案通過代碼實(shí)現(xiàn)出來。

即使這樣，我們也無需扔掉HTML、CSS、JavaScript或是相關(guān)的Web App前端開發(fā)框架——這些工具可以幫助我們?cè)陂_發(fā)原生應(yīng)用的過程中創(chuàng)建快速原型——無論視覺還是交互方面都相當(dāng)高保真的快速原型。

說到設(shè)計(jì)工作本身，特別在用戶體驗(yàn)方面，移動(dòng)應(yīng)用與傳統(tǒng)網(wǎng)頁(yè)之間還是有著顯著差異的。有兩點(diǎn)需要特別注意：人機(jī)交互方式與使用場(chǎng)景。

• 對(duì)于移動(dòng)設(shè)備來說，你需要面對(duì)和解決的交互設(shè)計(jì)方面的問題會(huì)有很多，和以往不同，你現(xiàn)在是在為手指做設(shè)計(jì)。你必須考慮的一個(gè)問題是，怎樣的頁(yè)面元素布局可 以讓拇指自由的操作并充分的休息。另外，當(dāng)用戶在進(jìn)行操作時(shí)，界面的一部分必然會(huì)被拇指遮擋住，所以要盡量保證控制元件的布局不會(huì)干擾到實(shí)際內(nèi)容。類似這 樣的問題還有很多，多數(shù)可以歸納到“舒適度”與“可視性”這兩方面。這也是多數(shù)觸屏智能手機(jī)會(huì)將主要控制元件或?qū)Ш揭活惙旁谄聊坏撞康脑��?mdash;—而這些與傳 統(tǒng)Web設(shè)計(jì)的習(xí)慣正好相反。
• 你需要知道用戶多數(shù)會(huì)在怎樣的環(huán)境下以怎樣的方式使用客戶端應(yīng)用。對(duì)于這個(gè)問題，我們通常有個(gè)誤解，就是覺得用戶都會(huì)在很忙很趕、無法集中注意力的情況下 使用應(yīng)用。其實(shí)這只是實(shí)際情況的一部分，“移動(dòng)應(yīng)用”并非只在移動(dòng)的狀態(tài)下被使用；很多時(shí)候，人們會(huì)在沙發(fā)上、在廚房中、在機(jī)場(chǎng)候機(jī)時(shí)進(jìn)行操作。在這些場(chǎng) 景里，用戶擁有足夠多的操作時(shí)間，注意力也可以非常集中。另外，移動(dòng)設(shè)備在很多方面的功能是超越桌面計(jì)算機(jī)的，譬如GPS、內(nèi)置麥克風(fēng)及攝像頭、觸控、陀 螺儀、羅盤等；基于這些功能打造的不同類型的客戶端應(yīng)用，它們所對(duì)應(yīng)的使用場(chǎng)景也各有不同。

不 要過于自信的假設(shè)用戶的意圖。移動(dòng)應(yīng)用未必代表功能的簡(jiǎn)化，當(dāng)你告訴自己“用戶并不需要在移動(dòng)版本中使用這個(gè)功能”時(shí)，你也許是錯(cuò)的�；貞浺幌履闶欠裼羞@ 樣的經(jīng)歷：在移動(dòng)設(shè)備的瀏覽器中打開一個(gè)你所熟悉的網(wǎng)站，卻發(fā)現(xiàn)頁(yè)面跳轉(zhuǎn)到了所謂的移動(dòng)版本，不僅在視覺和操作上與你的習(xí)慣不符，更糟的是也許它所簡(jiǎn)化掉 的功能正是你所需要的。雖然用戶正在使用小屏幕設(shè)備，但這不代表他們需要獲取的信息、需要使用的功能變少了。

標(biāo)簽： 網(wǎng)站 突Ф

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。