目前，移動(dòng)互聯(lián)網(wǎng)飛速發(fā)展，越來越多的網(wǎng)站和應(yīng)用開始向移動(dòng)設(shè)備上遷移。但是，由于設(shè)備和操作方式的不同，移動(dòng)Web設(shè)計(jì)和傳統(tǒng)的Web設(shè)計(jì)之間有很多不同點(diǎn)，這就導(dǎo)致了一些錯(cuò)誤的設(shè)計(jì)理念出現(xiàn)。

? ?? ?在設(shè)計(jì)過程中我們應(yīng)該注意哪些問題呢？下面，讓我們來看看本文作者——Headscape的聯(lián)合創(chuàng)始人之一Paul Boag是怎樣看待這些問題的。

以下為文章原文：

? ?? ?我的Web開發(fā)開始于1994年，那時(shí)我們犯了很多錯(cuò)誤。但不幸的是，在2011年的移動(dòng)開發(fā)領(lǐng)域，我又開始看到了這些錯(cuò)誤的再次出現(xiàn)。

? ?? ?我不確信我是否喜歡一些人討論移動(dòng)Web的方式。就像傳統(tǒng)Web設(shè)計(jì)經(jīng)歷過青澀的青春期一樣，移動(dòng)Web設(shè)計(jì)現(xiàn)在正處于這一時(shí)期。

? ?? ?開發(fā)設(shè)計(jì)組織正開始關(guān)注移動(dòng)互聯(lián)網(wǎng)，因?yàn)樗麄兞粢獾接脩粢徊讲降亟蛹{了這一網(wǎng)絡(luò)，就像前幾年一步步接納傳統(tǒng)互聯(lián)網(wǎng)一樣。他們知道移動(dòng)互聯(lián)網(wǎng)會(huì)變得舉足輕重，但他們對(duì)其用戶基礎(chǔ)并沒有具體的考量，以用來評(píng)估是否值得大筆的投資。

? ?? ?當(dāng)我們看著Web設(shè)計(jì)師紛紛轉(zhuǎn)投移動(dòng)Web時(shí)，我們意識(shí)到其實(shí)這也和以前傳統(tǒng)印刷業(yè)設(shè)計(jì)師轉(zhuǎn)投Web是一樣的情況。

? ?? ?可這些轉(zhuǎn)行的設(shè)計(jì)師，帶來的也許有不好的建議，和一些半吊子的解決方案。

? ?? ?我曾留意到移動(dòng)Web和傳統(tǒng)Web之間有一些共同點(diǎn)。這些共同點(diǎn)主要存在于以下三個(gè)方面：

1、“我們也能進(jìn)行Web設(shè)計(jì)”

? ?? ?我還記得，在九十年代末和新世紀(jì)的頭幾年，印刷業(yè)設(shè)計(jì)師剛開始轉(zhuǎn)行做Web設(shè)計(jì)，那時(shí)狀況有多惱人！在他們的觀點(diǎn)中，互聯(lián)網(wǎng)和印刷出版物差別不大。

? ?? ?實(shí)際上，兩者的確有很多互通的技巧，但也有很多差別。Web和出版物并沒有看上去那么相似。

前天?12:31 上傳 下載附件 (49.9 KB)

?

? ?? ?移動(dòng)Web上我看到了一樣的情形。很多傳統(tǒng)Web設(shè)計(jì)者聲稱他們也能做移動(dòng)Web設(shè)計(jì)。他們?cè)囍鴮鹘y(tǒng)Web設(shè)計(jì)中的技巧運(yùn)用于移動(dòng)Web。不過，這并不總是靠譜。

? ?? ?我不是說Web設(shè)計(jì)者不應(yīng)該涉足到移動(dòng)的領(lǐng)域。我只是希望這些設(shè)計(jì)者在提出所謂“可以滿足要求”的解決方案之前，能更細(xì)心地去理解思考一下移動(dòng)Web的特點(diǎn)，而不是在對(duì)這種新形式的傳播媒介完全不夠了解時(shí)就發(fā)表見解。

? ?? ?我還想說的是，單純地載入一個(gè)適于移動(dòng)Web的樣式表，或者只進(jìn)行響應(yīng)式設(shè)計(jì)，這不可能足夠。這就涉及到一個(gè)接下來要說的，我思考了一段時(shí)間之后留意到的相同點(diǎn)。

2、“我們只需要簡單地重用……”

? ?? ?回到以前，那時(shí)Web設(shè)計(jì)的客戶正考慮“把他們的小冊(cè)子放到網(wǎng)上”。他們希望復(fù)制已有的印刷工作的內(nèi)容，一樣的文字，一樣的設(shè)計(jì)，什么都一樣。

? ?? ?讓我擔(dān)心的是，今天的Web設(shè)計(jì)者和客戶也正進(jìn)行著過去那種談話。等著把內(nèi)容“送上Web”的客戶，談?wù)摰氖前严嗤膬?nèi)容簡單搬運(yùn)到移動(dòng)設(shè)備或者桌面電腦上，也就是希望“已有的站點(diǎn)”能出現(xiàn)在移動(dòng)設(shè)備上就足夠了。設(shè)計(jì)者同樣沒有考慮，用戶是否需要兩份一樣的內(nèi)容分別出現(xiàn)在移動(dòng)Web和傳統(tǒng)Web上。

? ?? ?說到移動(dòng)Web，我認(rèn)為語境是最重要的（context is king）。我們要放到Web上的內(nèi)容應(yīng)該完全依賴于用戶所處的語境。用網(wǎng)站Headscape作例子，用戶不大可能希望在智能手機(jī)的小屏幕上瀏覽我們的選集。但是，他們可能希望在需要幫助時(shí)能聯(lián)系到我們的辦公室或者得到我們的電話。

? ?? ?移動(dòng)設(shè)備的定位和桌面電腦是不一樣的。我們不能單純照搬已有的網(wǎng)站，還認(rèn)為這就已經(jīng)足夠。

3、“這個(gè)站點(diǎn)/App只工作在……”

? ?? ?我們這些從事Web設(shè)計(jì)有一段時(shí)間的同僚有時(shí)會(huì)開玩笑地提起“瀏覽器戰(zhàn)爭”。“戰(zhàn)爭”期間，為了搶奪市場，瀏覽器制造商會(huì)發(fā)布各自特有的標(biāo)簽，提供給 Web設(shè)計(jì)者使用。這場戰(zhàn)爭的受害者最終是用戶。他們登陸一個(gè)站點(diǎn)時(shí)，經(jīng)常會(huì)看到一條通知，告知他們只能用特定瀏覽器訪問這一站點(diǎn)（通常是 Internet Explorer）。

? ?? ?Web設(shè)計(jì)者其實(shí)也是戰(zhàn)爭的受害者。有時(shí)他們不得不答應(yīng)客戶的要求，針對(duì)不同的瀏覽器重復(fù)地設(shè)計(jì)數(shù)個(gè)版本的網(wǎng)站。最后，客戶也受夠了，因?yàn)樗麄儽仨殲榛ゲ患嫒莸臑g覽器導(dǎo)致的重復(fù)工作買單。

? ?? ?我的確在現(xiàn)在移動(dòng)Web領(lǐng)域看到類似“瀏覽器戰(zhàn)爭”的事情發(fā)生著。開發(fā)者組織正在發(fā)布用于iPhone和iPad的App，用于Android的App，甚至用于Windows Mobile的App。開發(fā)者可以利用每種設(shè)備各自的特性，來為用戶創(chuàng)造不同的體驗(yàn)。

?

? ?? ?可這樣一來，大家都遭罪。用戶會(huì)因?yàn)樵谧约河玫钠脚_(tái)上，沒有另一個(gè)平臺(tái)上某個(gè)拉風(fēng)的App而抱怨。開發(fā)者更要抱怨為每一個(gè)平臺(tái)進(jìn)行重復(fù)開發(fā)。而投資開發(fā)的客戶則必須為這些重復(fù)的工作買單。

? ?? ?這個(gè)問題有一個(gè)解決辦法，那就是可以考慮開發(fā)基于Web的App，而不是基于本地設(shè)備。實(shí)際上，有很大可能我們不需要本地App。這樣，也許就能實(shí)現(xiàn)針對(duì)所有移動(dòng)設(shè)備平臺(tái)只進(jìn)行一次開發(fā)，而且可以使用漸進(jìn)式增強(qiáng)的方式來在各種設(shè)備上提供最出色的用戶體驗(yàn)。

從云到設(shè)備，再從設(shè)備到云

? ?? ?現(xiàn)在，基于Web的移動(dòng)App最大缺點(diǎn)是運(yùn)行速度和連接的可靠性。相比本地App，基于Web的移動(dòng)App總是慢一拍。更麻煩的是很多場合根本就沒有條件接入Web。至少現(xiàn)在，本地App更像是比較好的選擇，不過我們都應(yīng)該為它潛在的衰退做準(zhǔn)備。

? ?? ?也就是說，我認(rèn)為移動(dòng)Web正顯示著Web演化的方向。過去，軟件在本地機(jī)器上運(yùn)行。但是，最近我們看到了一個(gè)基于Web方向的流動(dòng)。這可以歸結(jié)于網(wǎng)絡(luò)帶寬的提升。可靠的高速連接是基于云的應(yīng)用程序大規(guī)模井噴的前提。當(dāng)移動(dòng)Web應(yīng)用轉(zhuǎn)移向本地設(shè)備時(shí)，桌面應(yīng)用卻轉(zhuǎn)向云。我懷疑，當(dāng)移動(dòng)設(shè)備的可靠高速連接得到保證時(shí)，我們將會(huì)看到本地移動(dòng)App重新回到云端。因?yàn)檫@將會(huì)更加節(jié)省開發(fā)資源，而且更利于重復(fù)編碼之外不同種設(shè)備的互通。

?

? ?? ?當(dāng)然，這些都只是猜測。但是，當(dāng)討論移動(dòng)Web市場的發(fā)展時(shí)，我確信它的未來是充滿希望的。我想我們能從Web過去發(fā)展遇到的問題中學(xué)習(xí)，從而另辟蹊徑，開發(fā)設(shè)計(jì)出便宜、高效而且易用的移動(dòng)站點(diǎn)，而絕不僅僅是現(xiàn)有站點(diǎn)一個(gè)格式重排后的版本。

結(jié)語

? ?? ?關(guān)于移動(dòng)Web是傳統(tǒng)Web一個(gè)簡單擴(kuò)展的論調(diào)，我看來是錯(cuò)誤的。然而，我也完全不認(rèn)同本地App將一統(tǒng)天下的觀點(diǎn)。我認(rèn)為，未來應(yīng)該是定制設(shè)計(jì)的基于云的移動(dòng)站點(diǎn)。不過，我也相信要等到移動(dòng)網(wǎng)絡(luò)能提供更好的全局連接時(shí)，我們才能跨過本地App這一步。

轉(zhuǎn)載于:https://www.cnblogs.com/mainet/archive/2012/04/04/2431747.html

總結(jié)

以上是生活随笔為你收集整理的移动 Web 设计中的一些错误理念的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。