我們已經(jīng)說(shuō)了好幾年了…“Mobile即將變得非常強(qiáng)大?!爆F(xiàn)在它做到了,只比我們所期待的晚了一兩年的時(shí)間?,F(xiàn)在智能機(jī)無(wú)處不在,app開(kāi)發(fā)人員開(kāi)發(fā)了數(shù)百萬(wàn)計(jì)的應(yīng)用,每天都有更多的人使用移動(dòng)瀏覽器在網(wǎng)上沖浪??上Т蠖鄶?shù)網(wǎng)站的移動(dòng)體驗(yàn)大失水準(zhǔn)。當(dāng)然,移動(dòng)瀏覽器可以處理一個(gè)普通網(wǎng)站,但是在這一點(diǎn)上它們做得不怎么好。
一年之前我會(huì)說(shuō)移動(dòng)設(shè)備可有可無(wú),但是現(xiàn)在情況wq變了。事實(shí)上,一些作者強(qiáng)調(diào)應(yīng)該先開(kāi)發(fā)移動(dòng)web。我不能說(shuō)我不同意,畢竟這是可靠的戰(zhàn)略。成都網(wǎng)絡(luò)公司移動(dòng)web設(shè)計(jì)聽(tīng)起來(lái)容易,然而你“只是”設(shè)計(jì)一個(gè)簡(jiǎn)化的網(wǎng)站?如果是這么簡(jiǎn)單就好了。
首先我們要考慮開(kāi)發(fā)移動(dòng)網(wǎng)站的方法,很多人都忽略了這一點(diǎn)。第二是移動(dòng)界面的用戶(hù)體驗(yàn)本質(zhì)上是不同的。我們首先來(lái)看一下設(shè)計(jì)和開(kāi)發(fā)一個(gè)網(wǎng)站的移動(dòng)版。
在我們討論設(shè)計(jì)方法之前,我們必須弄清楚移動(dòng)網(wǎng)站和移動(dòng)應(yīng)用程序之間的差異。
網(wǎng)站vs應(yīng)用程序
盡管這看上去很簡(jiǎn)單,但是很多人都混淆了移動(dòng)應(yīng)用程序和移動(dòng)網(wǎng)站的概念。兩者之間的區(qū)別是顯而易見(jiàn)的,用戶(hù)和app的交互與用戶(hù)和website的交互是不同的。應(yīng)用程序需要下載到用戶(hù)手機(jī)里,程序安裝在用戶(hù)設(shè)備上,并且可以連接聯(lián)機(jī)服務(wù)器。移動(dòng)網(wǎng)站不需要下載也不用安裝在用戶(hù)設(shè)備上。它通過(guò)瀏覽器輸入訪問(wèn)站點(diǎn)的URL來(lái)進(jìn)行訪問(wèn)。
一些設(shè)計(jì)師把他們的移動(dòng)網(wǎng)站設(shè)計(jì)成移動(dòng)應(yīng)用程序的樣子,這會(huì)讓人(尤其是用戶(hù))產(chǎn)生混淆。有某些情況,這么做是有道理的,比如說(shuō)用戶(hù)熟悉這種界面。但是大多數(shù)情況下,他們只熟悉web瀏覽。除非你確定嘗試用網(wǎng)站來(lái)模擬移動(dòng)應(yīng)用程序,不然{zh0}避免“應(yīng)用程序樣式”。
手機(jī)應(yīng)用程序的用法
手機(jī)應(yīng)用程序的用法較為復(fù)雜。用戶(hù)必須先搜索該應(yīng)用程序(或者是某一種類(lèi)型的應(yīng)用程序),下載安裝,然后了解如何使用它。在這過(guò)程中幾乎沒(méi)有任何阻礙。許多移動(dòng)apps仍然是未知的因?yàn)闆](méi)有人想到嘗試并且發(fā)現(xiàn)他們。比如說(shuō),一個(gè)以當(dāng)?shù)卦O(shè)計(jì)師的鞋店為原型開(kāi)發(fā)的購(gòu)物應(yīng)用程序很少會(huì)有人使用。
移動(dòng)網(wǎng)站的用法
移動(dòng)網(wǎng)站的使用非常簡(jiǎn)單,用戶(hù)不需要搜索,下載甚至安裝任何東西。他們只需要訪問(wèn)你的站點(diǎn)。對(duì)于用戶(hù)和公司/組織來(lái)說(shuō),毫不費(fèi)力就能上手。移動(dòng)網(wǎng)站{wy}缺點(diǎn)就是持久性太差。只要用戶(hù)不卸載app,app就一直在用戶(hù)的設(shè)備里。而當(dāng)用戶(hù)停止訪問(wèn)某個(gè)站點(diǎn),這個(gè)站點(diǎn)就從用戶(hù)的設(shè)備中消失了。
既然你理解了應(yīng)用程序和網(wǎng)站之間的區(qū)別,下面就可以仔細(xì)想一下移動(dòng)設(shè)計(jì)的方法了。
移動(dòng)網(wǎng)站設(shè)計(jì)的方法
有四種主要方法來(lái)設(shè)計(jì)移動(dòng)網(wǎng)站,每一種方法都有其的優(yōu)點(diǎn)和缺點(diǎn)。他們是:
1.有所不為
2.修改現(xiàn)有的設(shè)計(jì)(用CSS)
3.設(shè)計(jì)一個(gè)獨(dú)立的移動(dòng)網(wǎng)站
4.設(shè)計(jì)一個(gè)負(fù)責(zé)任的網(wǎng)站
下面我們依次來(lái)看一下這四種方法吧。
1.“有所不為”
正如前面所說(shuō)的,現(xiàn)在的移動(dòng)瀏覽器能夠處理大多數(shù)網(wǎng)站,大多數(shù)瀏覽器允許用戶(hù)在閱讀的時(shí)候放大頁(yè)面,在瀏覽網(wǎng)頁(yè)候縮小頁(yè)面。這樣雖然麻煩,但是用戶(hù)習(xí)慣了這種工作流。有所不為是所有選擇中花費(fèi)最小的一種方法,因?yàn)槟悴畈欢唷笆裁炊紱](méi)做”。同樣這也是zyx的方法。移動(dòng)瀏覽器的性能一定會(huì)有極大的提高。但是作為一個(gè)整體,移動(dòng)用戶(hù)的體驗(yàn)大大減少。這不會(huì)使所有移動(dòng)用戶(hù)不再訪問(wèn)你的網(wǎng)站,但是會(huì)使某些用戶(hù)對(duì)你的網(wǎng)站不再感興趣。