我想說(shuō)的是,我相信在多數(shù)情況下,無(wú)論移動(dòng)應(yīng)用還是所謂的移動(dòng)版頁(yè)面,它們都應(yīng)該與桌面版的網(wǎng)站及產(chǎn)品具有相似的內(nèi)容與功能。當(dāng)然,正如我們?cè)谇懊嫣岬降模诔尸F(xiàn)及交互方式等方面,它們需要基于設(shè)備自身的特點(diǎn)而區(qū)別對(duì)待,但在內(nèi)容方面應(yīng)當(dāng)盡可能保持一致。有些時(shí)候,移動(dòng)應(yīng)用甚至需要做的更多,拿亞馬遜(Amazon)舉例子,他們的移動(dòng)客戶端應(yīng)用還具有條碼掃描功能;這是充分利用移動(dòng)設(shè)備特有功能的典型案例。
從網(wǎng)站移動(dòng)化這個(gè)角度來(lái)說(shuō),作為Web設(shè)計(jì)和開(kāi)發(fā)人員,需要把思路鍛煉的更加具有彈性。在過(guò)去超過(guò)15年的時(shí)間里,我們只是為桌面瀏覽器設(shè)計(jì)網(wǎng)站。真正的Web設(shè)計(jì)不該是這樣的,它應(yīng)該中立于平臺(tái)之間的差異,在任何設(shè)備、任何尺寸的屏幕中都保證可訪問(wèn)性及可用性。
當(dāng)然,在移動(dòng)設(shè)備大規(guī)模普及之前,我們確實(shí)很難看到這一點(diǎn);現(xiàn)在,我們開(kāi)始了解到自己的網(wǎng)站和產(chǎn)品會(huì)被各種類(lèi)型的設(shè)備訪問(wèn)及使用。這并不是說(shuō)我們要為所有類(lèi)型的設(shè)備都單獨(dú)打造一個(gè)版本——真正需要的是讓網(wǎng)站有足夠的適應(yīng)性和響應(yīng)性。
Robin Nixon (Web開(kāi)發(fā)人員、科技文章作者,著有一書(shū))
在我看來(lái),對(duì)于傳統(tǒng)Web設(shè)計(jì)及開(kāi)發(fā)人員來(lái)說(shuō),進(jìn)行擴(kuò)展或轉(zhuǎn)型的最佳入門(mén)方式,就是保持手頭技術(shù)的先進(jìn)性,包括HTML(5)、CSS(3)和JavaScript;目前,將Web App整合成為原生客戶端應(yīng)用的解決方案正在日趨成熟,要實(shí)現(xiàn)產(chǎn)品的移動(dòng)應(yīng)用化,我們并不一定需要花時(shí)間學(xué)會(huì)那些復(fù)雜的編程語(yǔ)言,比如面向?qū)ο驝語(yǔ)言、JAVA、.NET等。只要你擁有足夠扎實(shí)的前端設(shè)計(jì)和開(kāi)發(fā)能力,你就可以很輕松的創(chuàng)建Web App。
Aaron Maxwell (Mobile Web Up創(chuàng)始人)
從設(shè)計(jì)的角度講,多數(shù)概念和技能依然適用。作為一名設(shè)計(jì)師,你要清楚自己希望用戶在使用移動(dòng)應(yīng)用的過(guò)程中做出怎樣的行為,你希望自己的產(chǎn)品能夠提供怎樣的用戶體驗(yàn)。這種說(shuō)法雖然有些務(wù)虛,但是將注意力集中在這些問(wèn)題上并延伸思考下去,確實(shí)是一個(gè)良好的開(kāi)端。
菜單是一種可以帶來(lái)高效率的UI組件,除非你提供的菜單項(xiàng)過(guò)多。試著以逐層滑入作為呈現(xiàn)方式,將菜單項(xiàng)以合理的繼承關(guān)系組織起來(lái),確保每層里面的菜單項(xiàng)不要過(guò)多。另外,標(biāo)簽(tab)形式的導(dǎo)航也是移動(dòng)應(yīng)用中的重要元素。
和傳統(tǒng)Web頁(yè)面一樣,移動(dòng)應(yīng)用界面中的留白也是一門(mén)學(xué)問(wèn)。怎樣使用留白來(lái)表達(dá)視覺(jué)元素之間的關(guān)聯(lián)及分組關(guān)系,是需要認(rèn)真琢磨和嘗試的。尤其受移動(dòng)設(shè)備屏幕的可視區(qū)域尺寸所限,在對(duì)元素之間距離的控制方面,我們并沒(méi)有太多像素可用,所以對(duì)像素級(jí)細(xì)節(jié)的把握能力就顯得越發(fā)重要了。
要記得在適當(dāng)?shù)臅r(shí)候舍棄一些元素。比如,在設(shè)置菜單中,每添加一個(gè)菜單項(xiàng)都會(huì)增加操作的復(fù)雜度,使用戶多花費(fèi)一份時(shí)間和注意力在他們未必需要的功能里面。對(duì)于你的產(chǎn)品所涉及到的使用場(chǎng)景,要做到充分的了解,并在此基礎(chǔ)上判斷功能元素的優(yōu)先級(jí),做好取舍。
Sarah Lynn (Web設(shè)計(jì)師、創(chuàng)意設(shè)計(jì)師)
在向移動(dòng)領(lǐng)域轉(zhuǎn)型這方面,我個(gè)人認(rèn)為最棒的、最切實(shí)可行的入門(mén)方式,就是研究學(xué)習(xí)市面上的各種移動(dòng)應(yīng)用。觀察它們,分析它們的功能,學(xué)習(xí)它們對(duì)原生控件的利用方式;去實(shí)際使用這些應(yīng)用,熟悉并理解各種控件的交互方式,并將不同的應(yīng)用加以對(duì)比。另外,不少公司和團(tuán)隊(duì)都做過(guò)大范圍的用戶研究,你可以通過(guò)他們的研究報(bào)告學(xué)到很多東西,尤其是在用戶體驗(yàn)等方面。
另外,有些不錯(cuò)的書(shū)也可以幫助你入門(mén)。我最推薦的一本,是Suzanne Ginsburg的(iPhone應(yīng)用的用戶體驗(yàn)設(shè)計(jì))。
有些工作需要花時(shí)間和心思去執(zhí)行,比如,要學(xué)會(huì)獲取用戶的反饋,另外一點(diǎn)是在進(jìn)入實(shí)際設(shè)計(jì)開(kāi)發(fā)流程之前,做好充分的計(jì)劃工作;在初期可以制作紙質(zhì)原型,并盡早與用戶或有經(jīng)驗(yàn)的移動(dòng)應(yīng)用設(shè)計(jì)開(kāi)發(fā)人員進(jìn)行交流。
|