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

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

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

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

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

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

Josh Clark （設(shè)計(jì)師、開發(fā)人員，著有《觸動人心 - 設(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)用。別誤會，我不是在談?wù)揥eb App形式（什么是Web App？請參考我們之前關(guān)于網(wǎng)站移動化方法的文章）， 我是指所謂的“混合型應(yīng)用（hybrid apps）”，這是一種將基于HTML等前端技術(shù)實(shí)現(xiàn)的用戶界面搭載在原生客戶端上的方式，相當(dāng)于為Web App穿上了原生客戶端的外衣，并放到App Store當(dāng)中。對于希望轉(zhuǎn)型的傳統(tǒng)Web設(shè)計(jì)和開發(fā)人員，這種方式是個(gè)不錯(cuò)的起點(diǎn)。

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

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

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

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

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

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

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

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