HTML5由于其無與倫比的優(yōu)越性迅速流行起來,隨著人們審美要求的提高,一些新人學(xué)習(xí)HTML5從入門到精通必須避免幾個(gè)想當(dāng)然。然而我們?nèi)菀缀鲆暤牟皇墙?jīng)常被教導(dǎo)容易犯錯(cuò)的地方,相反往往是一些簡單到極點(diǎn)的事實(shí)。
過去幾年來,用戶交互進(jìn)化如此迅速,設(shè)計(jì)師們都快跟不上了——導(dǎo)致在創(chuàng)建HTML5應(yīng)用時(shí),從其他媒介(甚至陳舊的應(yīng)用設(shè)計(jì))中照搬交互設(shè)計(jì)技巧。其實(shí)重要的是要記住:HTML5交互模式和設(shè)計(jì)要隨著媒介的改變而變化。這種思想的第一階段,可見于鼠標(biāo)鍵盤的臺(tái)式電腦過渡到觸摸屏的過程中(Apple新推出的3D Touch就是個(gè)更加精細(xì)的例子)。從全新的交互模式,到微小的交互細(xì)節(jié)和趨勢,每種新的設(shè)備、環(huán)境、模式和手勢,都帶來了機(jī)遇和陷阱。
1、想要HTML5從入門到精通首先要避免的就是用戶總是需要?jiǎng)?chuàng)建賬號(hào)
他們不需要,許多時(shí)候他們不想、也沒有必要。作為開發(fā)者,除非將用戶固化到數(shù)據(jù)庫中,否則很容易把他們拒之門外。但從用戶的角度看,這不是光彩之舉。憑什么要先注冊,才能知道里面有什么?這個(gè)過程勞神費(fèi)力,必須得物有所值。相反,用戶數(shù)據(jù)可以離線儲(chǔ)存,當(dāng)用戶最終決定創(chuàng)建賬號(hào)時(shí)轉(zhuǎn)移到賬戶中。或者,可以考慮使用“訪客”或“試用”模式,一旦證明了你的應(yīng)用有價(jià)值,用戶毫無疑問會(huì)決定注冊。在那之前,就有點(diǎn)過分要求了。
2、用戶需要一套教程,告訴他們你的應(yīng)用有多棒
讓用戶使用,借此展現(xiàn)你的應(yīng)用有多棒。解釋它有多好是非常無力的。而且,用戶通常都會(huì)跳過并忘記引導(dǎo)HTML5頁面。瀏覽了所有說明的用戶,并不太理解整個(gè)引導(dǎo)頁設(shè)計(jì)。如果你一定需要用戶使用全部注意力,一步一步瀏覽引導(dǎo)(有些應(yīng)用確實(shí)如此),那就要盡可能短,并且憑借幫助菜單來呈現(xiàn)。這就有意義多了,即使在用戶用了一段時(shí)間以后。
3、不要假設(shè)某種方式能適應(yīng)所有HTML5應(yīng)用
即使是常見的交互模式,也應(yīng)該根據(jù)你應(yīng)用的特定環(huán)境來評(píng)估。
有個(gè)常見的例子,地址輸入框里的“省份”下拉選項(xiàng)。由于省份名可以寫作幾種不同形式,標(biāo)準(zhǔn)的預(yù)定義內(nèi)容下拉菜單有它的合理意義。在這桌面端或許是可接受的(盡管這尚存爭議),但對于移動(dòng)端可用性而言,下拉菜單是最糟糕的選擇。應(yīng)用的交互也是強(qiáng)調(diào)品牌的絕好機(jī)會(huì)。如今的應(yīng)用中,有些非常難忘的品牌“瞬間”。關(guān)鍵是我們不該迷信久經(jīng)考驗(yàn)的方法,那不是使我們應(yīng)用出彩的唯一方式。我們的想要HTML5從入門到精通,就必須要避免這樣做。
4、HTML5應(yīng)用設(shè)計(jì)和響應(yīng)式網(wǎng)頁設(shè)計(jì)是一回事
雖然響應(yīng)式設(shè)計(jì)近似于移動(dòng)應(yīng)用設(shè)計(jì),但為任何設(shè)備設(shè)計(jì),與為獨(dú)立應(yīng)用設(shè)計(jì),有天壤之別。這讓很多HTML5入門的人很不理解,用戶在HTML移動(dòng)應(yīng)用中期望特定的交互模式和界面元素。例如,在iOS應(yīng)用左上角通常有個(gè)“返回”按鈕,用來返回前一個(gè)界面。在網(wǎng)頁瀏覽器中,網(wǎng)站本身就不需要返回按鈕了;它通常都被省略掉,因?yàn)槟呛蜑g覽器本身太像了。雖然這是很基本且顯而易見的例子,從菜單和表單,到“彈窗”和字體大小,一切都有細(xì)微差別。我們在網(wǎng)頁中的設(shè)計(jì),在移動(dòng)應(yīng)用中往往顯得有點(diǎn)尷尬或粗糙——并非必定是哪里錯(cuò)了,而是它本就不同。
對于基于應(yīng)用的公司,不當(dāng)?shù)睾鲆暭?xì)節(jié)會(huì)損害應(yīng)用的接受度——甚至?xí)茐哪闩c用戶的關(guān)系。人們對應(yīng)用界面的期望更多了,標(biāo)準(zhǔn)正在水漲船高。
以上幾個(gè)想當(dāng)然還只是開始,要學(xué)著留心和避免日常的假定。假如你想要你的HTML5從入門到精通還有更多需要深入了解的,你可以到云和學(xué)院進(jìn)行系統(tǒng)的學(xué)習(xí),里面不僅設(shè)有專業(yè)的HTML5從入門到精通班還有美工培訓(xùn)班以及php培訓(xùn)班等,這是個(gè)政府扶持的大型培訓(xùn)機(jī)構(gòu),就業(yè)口碑很不錯(cuò)的,大家可以去考察對比一下。