設(shè)計(jì)和交互作為網(wǎng)站建設(shè)中的兩大重要元素,前者直接關(guān)系到用戶認(rèn)知和企業(yè)形象的展示,后者的靈動(dòng)性與巧妙得體則關(guān)系到網(wǎng)站的營(yíng)銷轉(zhuǎn)化。但是網(wǎng)頁(yè)交互效果的運(yùn)用并不是一件簡(jiǎn)單的事,應(yīng)用不當(dāng)反而會(huì)給用戶體驗(yàn)帶來(lái)負(fù)面影響。以下是我們?cè)谶\(yùn)用交互效果時(shí)的一些注意事項(xiàng)。
設(shè)計(jì)和交互作為網(wǎng)站建設(shè)中的兩大重要元素,前者直接關(guān)系到用戶認(rèn)知和企業(yè)形象的展示,后者的靈動(dòng)性與巧妙得體則關(guān)系到網(wǎng)站的營(yíng)銷轉(zhuǎn)化。但是網(wǎng)頁(yè)交互效果的運(yùn)用并不是一件簡(jiǎn)單的事,應(yīng)用不當(dāng)反而會(huì)給用戶體驗(yàn)帶來(lái)負(fù)面影響。以下是我們?cè)谶\(yùn)用交互效果時(shí)的一些注意事項(xiàng)。
一、交互效果并非越多越好
也許是大家主觀上以為,炫動(dòng)的頁(yè)面可以讓網(wǎng)站的直觀感覺(jué)很棒。很多網(wǎng)站前端交互人員,總喜歡把交互效果制作的很復(fù)雜。但其實(shí)從用戶感受體驗(yàn)而言,這或許并非最佳選擇。內(nèi)容是一個(gè)網(wǎng)站的核心,但是密密麻麻的文字內(nèi)容用戶不怎么愿意閱讀。美術(shù)設(shè)計(jì)的目的,就是為了讓用戶在賞心悅目的同時(shí)理解網(wǎng)站內(nèi)容。那么交互效果呢?交互效果的目的,一方面是讓網(wǎng)站頁(yè)面更生動(dòng),另一方面是為了讓重點(diǎn)內(nèi)容更突出。試想一下就知道,通篇的靜態(tài)頁(yè)面下,只有重點(diǎn)內(nèi)容和重點(diǎn)元素是動(dòng)的,自然可以給用留下深刻印象。但是如果網(wǎng)站的整個(gè)頁(yè)面到處都在變色、都在動(dòng),反而讓網(wǎng)站內(nèi)容無(wú)法重點(diǎn)突出,給人眼花繚亂的感覺(jué)。
二、頁(yè)面交互配合營(yíng)銷轉(zhuǎn)化
好的人機(jī)交互,總能恰到好處的給用戶帶來(lái)賞心悅目的感受,越是讓網(wǎng)站頁(yè)面用戶體驗(yàn)加分的有效做法。同樣的,網(wǎng)站本身的價(jià)值需要通過(guò)用戶瀏覽轉(zhuǎn)化,一個(gè)網(wǎng)站上重點(diǎn)內(nèi)容重點(diǎn)突出通過(guò)交互效果,一樣可以呈現(xiàn)的非常精彩。比如頁(yè)面上的在線客服圖標(biāo),可以做成gif動(dòng)畫格式,也可以通過(guò)JavaScript代碼讓其更加生動(dòng)活潑。一些網(wǎng)站的產(chǎn)品介紹中的產(chǎn)品爆炸圖,充分運(yùn)用html5技術(shù),在普及產(chǎn)品知識(shí)的同時(shí)也給用戶留下了深刻印象。單純的網(wǎng)站頁(yè)面人機(jī)交互沒(méi)有實(shí)際意義,而配合網(wǎng)站及公司的營(yíng)銷需求,將需要傳遞給用戶的元素重點(diǎn)突出,網(wǎng)站的價(jià)值才能得到最大發(fā)揮。當(dāng)然,營(yíng)銷需要把握尺度,那種類似頻繁彈出咨詢窗口的騷擾用戶行為,雖然也屬于人機(jī)交互范疇,但是還是少用或者不用為好。
三、優(yōu)化程序提高加載速度
基于B/S技術(shù)的網(wǎng)站,其一定是需要預(yù)先加載到客戶端計(jì)算機(jī)才能運(yùn)行的。無(wú)疑的,網(wǎng)站頁(yè)面上的每一個(gè)效果,其都需要通過(guò)代碼通過(guò)客戶端瀏覽器解釋后才能執(zhí)行。越是復(fù)雜的人機(jī)交互效果,其越是需要很多行代碼配合實(shí)現(xiàn)。代碼的解釋執(zhí)行,是需要消耗時(shí)間和
服務(wù)器資源的,與此對(duì)應(yīng)的是人機(jī)交互效果復(fù)雜的網(wǎng)站,其加載速度和消耗的計(jì)算資源就越多,反應(yīng)給用戶的感受就是網(wǎng)站打開(kāi)慢運(yùn)行慢。而網(wǎng)站慢顯然與用戶體驗(yàn)的極致追求是違背的。所以伊思諾小編認(rèn)為在
網(wǎng)站制作時(shí),一方面要通過(guò)合并JavaScript代碼、CSS樣式代碼等形式避免資源加載堵塞。另一方面,也要控制好圖片及素材大小,并盡可能的讓網(wǎng)站代碼足夠簡(jiǎn)潔。當(dāng)然,正如本文第一點(diǎn)所強(qiáng)調(diào)的,避免網(wǎng)站頁(yè)面交互效果的過(guò)度使用,也是提高網(wǎng)站加載速度的有效方式。
人機(jī)交互的巧妙得體非常有利于網(wǎng)站的營(yíng)銷轉(zhuǎn)化。每一次滑動(dòng)鼠標(biāo)、每一次點(diǎn)擊總給用戶帶來(lái)不一樣的感受,恰如其分的突出網(wǎng)站重點(diǎn),不正是用戶所需要和期待的嗎?因此我們?cè)谶\(yùn)用人際交互時(shí)要避免一些常規(guī)誤區(qū),最大程度上實(shí)現(xiàn)人機(jī)交互的靈活性,促進(jìn)網(wǎng)站的營(yíng)銷推廣。