移動設計開發(fā)沉思錄
譯文【2012年1月28日 51CTO外電頭條】移動領(lǐng)域依然是很新的領(lǐng)域－－我們依然不斷在學習中（也會經(jīng)常犯錯）。因為這樣，我們需要拋棄傳統(tǒng)根深蒂固的思維模式，下面我們來反思下移動設計開發(fā)中的若干環(huán)節(jié)中存在的誤區(qū)。
誤區(qū)１：移動世界早已定義有序
一種廣為接受的觀點是“移動化”指的是數(shù)以百計的移動設備，它們都是易于使用和運行的，如用它們?yōu)g覽網(wǎng)頁或者用作其他用途。根據(jù)這樣的推斷，那么象遠程控制或者MP3播放器也屬于潛在的移動設備,但它們真的是么?
Barbara Ballard,《移動用戶設計體驗》一書的作者,對移動設備這個詞作了很精辟的解析:
| “從根本上來說,’移動’指的是對于用戶,而不是設備或者應用本身” |
移動性是跟用戶和用戶所在的場景緊密相連的,而不單單指的是用戶使用的設備。這可以很容易讓我們得出結(jié)論，那就是真正關(guān)注的應該是場景而不是設備本身。一些移動領(lǐng)域的知名人士指出場景的作用被過分夸大。事實上，這樣的說法很容易導致許多不恰當?shù)慕Y(jié)論和假設，并將影響最終的產(chǎn)品。
正如移動領(lǐng)域?qū)＜襃eremy Keith，《HTML 5 for Web Designers》一書作者說的：
| “我們已經(jīng)再次創(chuàng)造了一個公認的幻覺。我們?yōu)橛脩羯闪艘粋€神奇般的用戶桌面,為用戶提供完美的視圖，快速響應的連接和無數(shù)值得關(guān)注的的東西，我們已經(jīng)令到用戶擁有了單一的目標，他們并沒有分散注意力。” |
如果將移動設備僅僅定義為一組設備,那么我們將陷入一概而論的危險境地。我們分析報告和用戶個案，會發(fā)現(xiàn)移動交互的世界遠遠沒我們所想像那么簡單。
研究表明 ，超過70％的美國人是在浴室里使用手機。在一些國家，僅通過手機上網(wǎng)的人的比例就超過50％。根據(jù)ComScore的報告指出 ，F(xiàn)acebook的移動應用程序占據(jù)其總流量的80％。這些事實證明，如果短時間的關(guān)注和過于簡單的接口，不是解決問題的辦法。
人們傾向于在家中坐在沙發(fā)上，或在咖啡館里使用自己的手機或平板電腦。更重要的是，他們愿意實際上花錢去處理一些復雜的任務。與其去猜測用戶會在移動設備上實現(xiàn)什么功能，倒不如應該假定他們需要使用移動設備去實現(xiàn)所有的一切，并應該嘗試更好地了解每種設備的限制。我們應該關(guān)注服務的內(nèi)容，同時銘記用戶使用移動設備的場景是時刻變化的。
作為開發(fā)人員，我們需要拋棄過往的以桌面為中心的指導思想。舊的思想教導我們，必須在特定條件下建立原型，然后再設計更靈活的內(nèi)容。我們應該創(chuàng)建可重復使用的內(nèi)容，而且能在多個場景下使用。
誤區(qū)2：移動世界以iOS為代表？
我們已經(jīng)建立了移動的世界，移動市場是巨大的且多元化。然而，它仍然有時被很多人誤認為，移動世界等同于iOS設備的世界。
無可厚非的是，蘋果公司的產(chǎn)品具有很高的知名度。他們旗下的品牌從各方面來說，都高度一致相似，并容易被識別。但iOS占據(jù)移動市場的一半不到。所以任何只偏向于IOS（或單單偏向任何一個平臺）可能會給用戶較差的印象。
在美國， 谷歌擁有大約53％的智能手機市場 。這表明Android設備數(shù)量是異常龐大的。
我們來仔細看報表，部分如下圖：
可以看到，Android和iOS都在增長，而其他平臺正在慢慢失去越來越多的用戶。
這些數(shù)字意味著我們有數(shù)以千計的移動設備，包括早期的Wap接入方式的Nokia（640×200像素），到最新的三星Galaxy S3（1280×720像素）。雖然有一些已停產(chǎn)的機型，但它仍然帶給我們這樣的信息：移動市場的多樣性。
在談到屏幕尺寸的時候，必須提到pixel density(像素密度)。當蘋果推出了iPhone 4的Retina顯示屏，意味著高像素的移動設備顯示屏的時代開始了。但是，這對我們意味著什么？我們需要考慮這個因素，因為我們需要比以往在一個像素英寸的單位中顯示更多的像素，需要提供更高分辨率的圖形，這可以依靠SVG或其他手段實現(xiàn)。
我們不僅需要考慮的移動設備的多樣性，還需要考慮操作系統(tǒng)和屏幕以及眾多的瀏覽器，下面是一些常用的移動設備瀏覽器：
- Opera Mobile,
- Opera Mini,
- Safari,
- Chrome,
- Dolphin,
- Internet Explorer Mobile,
- Blackberry,
- webOS browser.
上面列表中有些是由移動設備提供商提供的默認的瀏覽器，有些是用戶安裝的。這些瀏覽器只不過是現(xiàn)有的瀏覽器中的小部分 ，它們都有一個渲染引擎 ，通常是建立在WebKit上的,這給我們開發(fā)者帶來一個全新的跨瀏覽器的問題。
這需要我們思考一些新的因素：設備類型，如智能手機，平板電腦，PDA等;分辨率;方向和像素密度，以及帶渲染引擎的瀏覽器。所有這些限制都必須納入移動開發(fā)和設計的考慮范圍。
誤區(qū)3 移動應用就意味著精簡功能？
想象一下，當你使用移動設備，正在瀏覽你最喜歡的美式餐廳的菜單，想訂購了一份牛排。你可能會驚訝地發(fā)現(xiàn)，它的菜單上可能沒有你所需要的。你可能在吃牛排之前，親自去了趟餐廳，所以你想知道為什么你在移動設備上沒有看到它的菜單。
有人武斷地認為，美國人有不良的飲食習慣，如果他們都不愿意來餐廳充分體驗就餐的樂趣，那么他們可能會坐在家中電視機前的沙發(fā)上去用餐，甚至今后很少再到餐廳就餐。
當你這樣思考這個情景的時候，你很可能就陷入跟日常開發(fā)人員和設計人員的慣性思維當中。
移動應用中有太多的功能可能是有害的，在上圖中，是在手機中瀏覽《紐約時報》網(wǎng)站時的樣子
作為開發(fā)者，必須決定什么功能和互動對于一次完美的用戶體驗來說是必要的。尤其重要的是在移動設備上，當你試圖削減功能，盡可能方便跟用戶互動的時候，都必須基于用戶的角度去假設和決策。沒有比任何東西比用戶的決策被剝奪而令人感到沮喪。
成功的產(chǎn)品的關(guān)鍵在于首先將用戶的需求放在首位。如果移動應用一開始就縮減功能，用戶就有可能拋棄你的產(chǎn)品。人們使用移動設備去做各種不同的事情。 25％的手機用戶通過他們的手機和平板電腦進行網(wǎng)上購物。你有沒有想過，每三分鐘（在英國）就有一輛汽車通過使用eBay的移動應用進行交易。Tiffany公司還指出，在推出他們的移動應用交易程序后，銷售和訪問流量都有顯著上升 。
問題的重點應該在你應該為用戶在移動設備上，提供能跟桌面一樣的用戶體驗，而不是限制這些功能。雖然有些功能是不必要的，但你不能想當然地在沒有經(jīng)過適當?shù)臏y試和用戶的試驗后，就認為某些功能是多余的。正如一位著名開發(fā)者曾指出的那樣 ：
| “如果你并沒參與設計的產(chǎn)品的過程，那么你其實就不是在設計，你只是在假設美好的藍圖。” |
誤區(qū)之4：移動應用的內(nèi)容并不重要
Stephen Hay 曾經(jīng)在微博上說:
| “根本就不存在什么移動互聯(lián)網(wǎng)，只有互聯(lián)網(wǎng)，只不過它表現(xiàn)為不同的形式而已，也沒有什么桌面端的網(wǎng)絡，平板上的網(wǎng)絡” |
移動應用不是孤立存在的，它是我們所創(chuàng)造的一種用戶體驗。我們不可能在移動應用中兼容目前的所有移動設備。理想的情況是應該根據(jù)不同的設備，有一個品牌統(tǒng)一的用戶體驗和服務。
這一切都歸結(jié)到Web設計中的最關(guān)鍵的部分內(nèi)容。設計者或開發(fā)者必須非常清楚正在努力實現(xiàn)的目標，并充分利用內(nèi)容策略去創(chuàng)建兼容各種方式的用戶體驗。雖然我們嘗試為自認為在移動世界中是重要的信息去進行篩選和處理，我們可能再次將自己陷入一種錯誤的假設中：錯誤判斷用戶需要的信息，最終減少了移動應用中的功能。
這就是為什么我們應該考慮設計的內(nèi)容 。從一開始就集中在內(nèi)容將有助于不讓設計和開發(fā)者在各種各樣的移動設備中迷失方向，并可以做到不管所設計的移動應用是服務于什么平臺，都具備高可用性。
誤區(qū)5 移動應用等于App
有幾個方法能為移動設備提供內(nèi)容。其中之一就是大家普遍熟悉的App。App僅僅是一個我們一直提供移動資訊內(nèi)容的容器。雖然一些移動App帶給我們愉快的體驗（如Solar或Instagram的 ），但我們不大可能為每一個網(wǎng)站去創(chuàng)建一個App應用程序，尤其是如果我們打算在這些App中增加一些桌面應用的功能特性時。
| “你看，你的產(chǎn)品是不是真的產(chǎn)品。你的產(chǎn)品應該稱為內(nèi)容或者服務。” |
什么是移動App，這個答案有很多種。但正如Josh Clark上面的這段話說的，移動App的本質(zhì)是為用戶提供內(nèi)容和服務。目前，蘋果的App Store和Google Play提供超過700000種App下載。它們都是有用的么？不一定，它們都能為用戶提供所需要的內(nèi)容？不一定。
圖為知名品牌公司Tiffany的交互響應式移動App
既然不一定要走使用移動App這個路子 ，那么該何去何從？一個很好的選擇是HTML5響應交互式的設計。這是一個在過去幾個月十分熱門的主題。當然，使用media查詢（注：HTML 5 CSS3中的一種針對媒體類型的處理方式）總比編寫原生的iOS應用或者使用PhoneGap來的簡單。它給用戶的印象是能在不同的平臺間無縫切換，能讓開發(fā)者一次開發(fā)，就能在多個平臺運行，這就是HTML 5的魔力所在。
因此，建議在當開發(fā)者創(chuàng)建一個移動App前，先考慮清楚，是否會將自己限制在所選擇的操作系統(tǒng)平臺中，并且嘗試去思考一種能減少在開發(fā)中多余的工作的策略。
總結(jié)
移動Web開發(fā)是令人十分興奮的。我們不得不重新思考我們正在創(chuàng)建的網(wǎng)站或移動應用程序的目的。我們沒有能力去預測未來會發(fā)生什么，未來的移動設備將會是什么樣子。最重要需要關(guān)心的，依然是后端的數(shù)據(jù)及內(nèi)容，不應該只關(guān)注前端展示層的東西。 這一切都歸結(jié)結(jié)底需要知道用戶的需求和所處的場景。我們承認移動平臺對設計在開發(fā)上有嚴格的限制，但我們確信可以從任何的設備中隨時隨地去訪問需要的數(shù)據(jù)。
