HTML5由于其無(wú)與倫比的優(yōu)越性迅速流行起來(lái)，隨著人們審美要求的提高，一些新人學(xué)習(xí)HTML5從入門(mén)到精通必須避免幾個(gè)想當(dāng)然。然而我們?nèi)菀缀鲆暤牟皇墙?jīng)常被教導(dǎo)容易犯錯(cuò)的地方，相反往往是一些簡(jiǎn)單到極點(diǎn)的事實(shí)。

過(guò)去幾年來(lái)，用戶(hù)交互進(jìn)化如此迅速，設(shè)計(jì)師們都快跟不上了——導(dǎo)致在創(chuàng)建HTML5應(yīng)用時(shí)，從其他媒介（甚至陳舊的應(yīng)用設(shè)計(jì)）中照搬交互設(shè)計(jì)技巧。其實(shí)重要的是要記住：HTML5交互模式和設(shè)計(jì)要隨著媒介的改變而變化。這種思想的第一階段，可見(jiàn)于鼠標(biāo)鍵盤(pán)的臺(tái)式電腦過(guò)渡到觸摸屏的過(guò)程中（Apple新推出的3D Touch就是個(gè)更加精細(xì)的例子）。從全新的交互模式，到微小的交互細(xì)節(jié)和趨勢(shì)，每種新的設(shè)備、環(huán)境、模式和手勢(shì)，都帶來(lái)了機(jī)遇和陷阱。

1、想要HTML5從入門(mén)到精通首先要避免的就是用戶(hù)總是需要?jiǎng)?chuàng)建賬號(hào)

他們不需要，許多時(shí)候他們不想、也沒(méi)有必要。作為開(kāi)發(fā)者，除非將用戶(hù)固化到數(shù)據(jù)庫(kù)中，否則很容易把他們拒之門(mén)外。但從用戶(hù)的角度看，這不是光彩之舉。憑什么要先注冊(cè)，才能知道里面有什么？這個(gè)過(guò)程勞神費(fèi)力，必須得物有所值。相反，用戶(hù)數(shù)據(jù)可以離線(xiàn)儲(chǔ)存，當(dāng)用戶(hù)最終決定創(chuàng)建賬號(hào)時(shí)轉(zhuǎn)移到賬戶(hù)中?；蛘?，可以考慮使用“訪客”或“試用”模式，一旦證明了你的應(yīng)用有價(jià)值，用戶(hù)毫無(wú)疑問(wèn)會(huì)決定注冊(cè)。在那之前，就有點(diǎn)過(guò)分要求了。

2、用戶(hù)需要一套教程，告訴他們你的應(yīng)用有多棒

讓用戶(hù)使用，借此展現(xiàn)你的應(yīng)用有多棒。解釋它有多好是非常無(wú)力的。而且，用戶(hù)通常都會(huì)跳過(guò)并忘記引導(dǎo)HTML5頁(yè)面。瀏覽了所有說(shuō)明的用戶(hù)，并不太理解整個(gè)引導(dǎo)頁(yè)設(shè)計(jì)。如果你一定需要用戶(hù)使用全部注意力，一步一步瀏覽引導(dǎo)（有些應(yīng)用確實(shí)如此），那就要盡可能短，并且憑借幫助菜單來(lái)呈現(xiàn)。這就有意義多了，即使在用戶(hù)用了一段時(shí)間以后。

3、不要假設(shè)某種方式能適應(yīng)所有HTML5應(yīng)用

即使是常見(jiàn)的交互模式，也應(yīng)該根據(jù)你應(yīng)用的特定環(huán)境來(lái)評(píng)估。

有個(gè)常見(jiàn)的例子，地址輸入框里的“省份”下拉選項(xiàng)。由于省份名可以寫(xiě)作幾種不同形式，標(biāo)準(zhǔn)的預(yù)定義內(nèi)容下拉菜單有它的合理意義。在這桌面端或許是可接受的（盡管這尚存爭(zhēng)議），但對(duì)于移動(dòng)端可用性而言，下拉菜單是最糟糕的選擇。應(yīng)用的交互也是強(qiáng)調(diào)品牌的絕好機(jī)會(huì)。如今的應(yīng)用中，有些非常難忘的品牌“瞬間”。關(guān)鍵是我們不該迷信久經(jīng)考驗(yàn)的方法，那不是使我們應(yīng)用出彩的唯一方式。我們的想要HTML5從入門(mén)到精通，就必須要避免這樣做。

4、HTML5應(yīng)用設(shè)計(jì)和響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是一回事

雖然響應(yīng)式設(shè)計(jì)近似于移動(dòng)應(yīng)用設(shè)計(jì)，但為任何設(shè)備設(shè)計(jì)，與為獨(dú)立應(yīng)用設(shè)計(jì)，有天壤之別。這讓很多HTML5入門(mén)的人很不理解，用戶(hù)在HTML移動(dòng)應(yīng)用中期望特定的交互模式和界面元素。例如，在iOS應(yīng)用左上角通常有個(gè)“返回”按鈕，用來(lái)返回前一個(gè)界面。在網(wǎng)頁(yè)瀏覽器中，網(wǎng)站本身就不需要返回按鈕了；它通常都被省略掉，因?yàn)槟呛蜑g覽器本身太像了。雖然這是很基本且顯而易見(jiàn)的例子，從菜單和表單，到“彈窗”和字體大小，一切都有細(xì)微差別。我們?cè)诰W(wǎng)頁(yè)中的設(shè)計(jì)，在移動(dòng)應(yīng)用中往往顯得有點(diǎn)尷尬或粗糙——并非必定是哪里錯(cuò)了，而是它本就不同。

對(duì)于基于應(yīng)用的公司，不當(dāng)?shù)睾鲆暭?xì)節(jié)會(huì)損害應(yīng)用的接受度——甚至?xí)茐哪闩c用戶(hù)的關(guān)系。人們對(duì)應(yīng)用界面的期望更多了，標(biāo)準(zhǔn)正在水漲船高。

以上幾個(gè)想當(dāng)然還只是開(kāi)始，要學(xué)著留心和避免日常的假定。假如你想要你的HTML5從入門(mén)到精通還有更多需要深入了解的，你可以到云和學(xué)院進(jìn)行系統(tǒng)的學(xué)習(xí)，里面不僅設(shè)有專(zhuān)業(yè)的HTML5從入門(mén)到精通班還有美工培訓(xùn)班以及php培訓(xùn)班等，這是個(gè)政府扶持的大型培訓(xùn)機(jī)構(gòu)，就業(yè)口碑很不錯(cuò)的，大家可以去考察對(duì)比一下。