|
我想說的是，我相信在多數(shù)情況下，無論移動應(yīng)用還是所謂的移動版頁面，它們都應(yīng)該與桌面版的網(wǎng)站及產(chǎn)品具有相似的內(nèi)容與功能。當(dāng)然，正如我們在前面提到的，在呈現(xiàn)及交互方式等方面，它們需要基于設(shè)備自身的特點而區(qū)別對待，但在內(nèi)容方面應(yīng)當(dāng)盡可能保持一致。有些時候，移動應(yīng)用甚至需要做的更多，拿亞馬遜 (Amazon)舉例子，他們的移動客戶端應(yīng)用還具有條碼掃描功能；這是充分利用移動設(shè)備特有功能的典型案例。
從網(wǎng)站移動化這個角度來說，作為Web設(shè)計和開發(fā)人員，需要把思路鍛煉的更加具有彈性。在過去超過15年的時間里，我們只是為桌面瀏覽器設(shè)計網(wǎng)站。真正的Web設(shè)計不該是這樣的，它應(yīng)該中立于平臺之間的差異，在任何設(shè)備、任何尺寸的屏幕中都保證可訪問性及可用性。
當(dāng)然，在移動設(shè)備大規(guī)模普及之前，我們確實很難看到這一點；現(xiàn)在，我們開始了解到自己的網(wǎng)站和產(chǎn)品會被各種類型的設(shè)備訪問及使用。這并不是說我們要為所有類型的設(shè)備都單獨打造一個版本——真正需要的是讓網(wǎng)站有足夠的適應(yīng)性和響應(yīng)性。
關(guān)于響應(yīng)式Web設(shè)計，可以參考我們之前的兩篇文章：“什么是響應(yīng)式Web設(shè)計？怎樣進行？” 以及 “通過CSS3 Media Query實現(xiàn)響應(yīng)式Web設(shè)計”。
Robin Nixon (Web開發(fā)人員、科技文章作者，著有HTML5 for iOS and Android: A beginner's Guide一書)
在我看來，對于傳統(tǒng)Web設(shè)計及開發(fā)人員來說，進行擴展或轉(zhuǎn)型的最佳入門方式，就是保持手頭技術(shù)的先進性，包括HTML(5)、CSS(3)和 JavaScript；目前，將Web App整合成為原生客戶端應(yīng)用的解決方案正在日趨成熟，要實現(xiàn)產(chǎn)品的移動應(yīng)用化，我們并不一定需要花時間學(xué)會那些復(fù)雜的編程語言，比如面向?qū)ο驝語言、 JAVA、.NET等。只要你擁有足夠扎實的前端設(shè)計和開發(fā)能力，你就可以很輕松的創(chuàng)建Web App。
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é)問。怎樣使用留白來表達視覺元素之間的關(guān)聯(lián)及分組關(guān)系，是需要認真琢磨和嘗試的。尤其受移動設(shè)備屏幕的可視區(qū)域尺寸所限，在對元素之間距離的控制方面，我們并沒有太多像素可用，所以對像素級細節(jié)的把握能力就顯得越發(fā)重要了。
要記得在適當(dāng)?shù)臅r候舍棄一些元素。比如，在設(shè)置菜單中，每添加一個菜單項都會增加操作的復(fù)雜度，使用戶多花費一份時間和注意力在他們未必需要的功能里面。對于你的產(chǎn)品所涉及到的使用場景，要做到充分的了解，并在此基礎(chǔ)上判斷功能元素的優(yōu)先級，做好取舍。
Sarah Lynn (Web設(shè)計師、創(chuàng)意設(shè)計師)
在向移動領(lǐng)域轉(zhuǎ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ā)人員進行交流。
出處：Be For Web
責(zé)任編輯：bluehearts
上一頁 從網(wǎng)站到移動客戶端應(yīng)用 [1] 下一頁 從網(wǎng)站到移動客戶端應(yīng)用 [3]
|
第 1 頁 
第 2 頁 從網(wǎng)站到移動客戶端應(yīng)用 [2]
