|
設(shè)計(jì)師應(yīng)如何應(yīng)對(duì)HTML5？
在了解了HTML5技術(shù)的優(yōu)勢(shì)、效果以及實(shí)現(xiàn)進(jìn)度之后，設(shè)計(jì)師應(yīng)該考慮自己接下來需要做些什么了。HTML5是互聯(lián)網(wǎng)研發(fā)的必然趨勢(shì)之一， 具有提高產(chǎn)品品質(zhì)的巨大潛力。設(shè)計(jì)師唯有順應(yīng)這一潮流的發(fā)展，積極投身到HTML5的試驗(yàn)研發(fā)中，才能在時(shí)代的大潮中握有先機(jī)。那，我們應(yīng)當(dāng)怎么做抑或做些什么呢？筆者有幾個(gè)淺薄的建議分享給大家：
形成企業(yè)的一致風(fēng)格，增強(qiáng)識(shí)別性
現(xiàn)在的native app 都需要經(jīng)過嚴(yán)厲的審核才能上架“應(yīng)用商店”，即使如此，應(yīng)用程序已經(jīng)開始數(shù)量激增，找到一個(gè)滿意的應(yīng)用談何容易。如果web app的時(shí)代到來，用戶只需要通過瀏覽器就可以輕松使用某個(gè)應(yīng)用程序，沒有了“應(yīng)用商店”的限制，應(yīng)用程序產(chǎn)品的數(shù)量將難以估計(jì)。這個(gè)時(shí)候我們需要擔(dān)心我們的產(chǎn)品會(huì)不會(huì)被淹沒在其中。為了避免這樣的悲劇，一個(gè)有效的辦法是使同一個(gè)公司的產(chǎn)品具有一致風(fēng)格，并且鮮明有特點(diǎn)，這樣可以更有效的抓去用戶的注意力，增強(qiáng)產(chǎn)品的識(shí)別性。
開始注重特定瀏覽器的適配
為特定用戶而設(shè)計(jì)，也就需要為用戶所使用的特定瀏覽器而設(shè)計(jì)。只有當(dāng)我們控制了使用環(huán)境，我們才能控制確保用戶角度的產(chǎn)品效果更好。也許HTML5的時(shí)代不需要再頻繁的鋪平臺(tái)，但為特定的瀏覽器設(shè)計(jì)特定的效果是進(jìn)一步提高用戶體驗(yàn)的重要舉措。
Google Wave是一個(gè)不錯(cuò)的例子。Google Wave試圖把博客、郵箱、即時(shí)通訊以及wikis結(jié)合起來，成為一款強(qiáng)大的網(wǎng)絡(luò)交流服務(wù)。它是由HTML5編寫的，并不支持在所有瀏覽器上使用。雖然因?yàn)殛P(guān)注度不高被Google停止服務(wù)，但Google Wave作為一次嘗試，已經(jīng)在HTML5的發(fā)展道路上走了很遠(yuǎn)很遠(yuǎn)。
打破思維定勢(shì)，注重運(yùn)用技巧
這一建議來源于實(shí)際的工作，針對(duì)的也是實(shí)際工作中會(huì)遇到的情況。Web app 的設(shè)計(jì)工作中，所需要應(yīng)用的HTML5技術(shù)效果往往沒有那么多；即使有，團(tuán)隊(duì)中的RD也未必全都做得出來。其實(shí)用戶不關(guān)心這個(gè)效果是使用什么編程語言完成的，用戶關(guān)心的是交互是否順暢、視覺感官上是否有品味。因此設(shè)計(jì)師需要在細(xì)節(jié)上注重提升web app的品質(zhì)感，比如邊框的設(shè)計(jì)，比如翻頁的設(shè)計(jì)，比如子產(chǎn)品列表的設(shè)計(jì)等等。甚至可以嘗試做一些“偽app效果”。這方面m.naver.com做得非常棒，布局設(shè)計(jì)、功能按鈕的設(shè)計(jì)都酷似native app, 子產(chǎn)品的列表全部做成高品質(zhì)的icon樣式；其實(shí) 不過是一個(gè)圖標(biāo)加一個(gè)鏈接那么簡(jiǎn)單。
重視移動(dòng)互聯(lián)網(wǎng)
HTML5在移動(dòng)互聯(lián)網(wǎng)中的需求最旺盛，潛力也最大。適配碎片化嚴(yán)重的移動(dòng)終端從長遠(yuǎn)看不是理想的辦法，但現(xiàn)階段還擺脫不了這一現(xiàn)實(shí)。現(xiàn)在我們所擁有的最好的移動(dòng)實(shí)驗(yàn)平臺(tái)是iphone，它的適配比例已經(jīng)足夠高了。如果做Html5新產(chǎn)品的API支持測(cè)試，建議還是使用iPhone.
總結(jié)
HTML5技術(shù)正引領(lǐng)互聯(lián)網(wǎng)朝web app方向發(fā)展，這是互聯(lián)網(wǎng)發(fā)展的必然趨勢(shì)之一。Web app將越來越多的走到用戶面前。設(shè)計(jì)師在面對(duì)HTML5技術(shù)的時(shí)候，既需要了解當(dāng)前該技術(shù)可以實(shí)現(xiàn)的效果，又需要在實(shí)際的工作中不斷摸索和總結(jié)設(shè)計(jì)技巧和策略。緊跟web app的發(fā)展，不斷嘗試，對(duì)設(shè)計(jì)師來說既是一次冒險(xiǎn)，也是一次難得的機(jī)遇！
原文：http://uedc.163.com/6860.html
本文鏈接：http://www.95time.cn/tech/web/2011/8535.asp 
出處：網(wǎng)易用戶體驗(yàn)設(shè)計(jì)中心
責(zé)任編輯：bluehearts
上一頁 當(dāng)設(shè)計(jì)師遭遇HTML5 [5] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 6 頁 當(dāng)設(shè)計(jì)師遭遇HTML5 [6]
