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