電子商務(wù)網(wǎng)站設(shè)計(jì)分析(4)
7.動(dòng)畫吸引用戶視線
在網(wǎng)站用戶體驗(yàn)比較流暢的基礎(chǔ)上,在首屏中可以適當(dāng)?shù)募尤胍恍┦髽?biāo)互動(dòng)效果,或是Flash動(dòng)畫效果會(huì)讓頁(yè)面看起來(lái)更加生動(dòng)有趣,這種做法也能增加一定數(shù)量的點(diǎn)擊,并且吸引用戶的注意力。但這些效果只能作為點(diǎn)綴,大面積的使用反而會(huì)適得其反。
淘寶網(wǎng)在右上角有一個(gè)小小的鼠標(biāo)交互效果,點(diǎn)擊后進(jìn)入的是一個(gè)活動(dòng)專區(qū),翻頁(yè)效果在心理學(xué)上被認(rèn)為更容易觸發(fā)用戶想要點(diǎn)擊的沖動(dòng)。
8.符合視覺(jué)習(xí)慣的圖文混排
大片單一的文字或圖片會(huì)讓用戶產(chǎn)生厭倦感,而圖文混排很好的彌補(bǔ)了這一點(diǎn)。圖文混排的方式有很多,比如色彩上的對(duì)比、文字或圖片的放大等等,在布局上盡量做到錯(cuò)落有致,讓用戶的視線順暢的轉(zhuǎn)移。無(wú)論用哪一種形式,都必須確保的是主要內(nèi)容的可讀性。
一淘網(wǎng)的首屏不太符合大多數(shù)人的使用習(xí)慣。當(dāng)用戶進(jìn)入一個(gè)電商網(wǎng)站,首先一定會(huì)被圖片吸引,很少有人會(huì)愿意逐字逐句的看完大段文字,所以詳細(xì)的描述并不適合放在首屏的位置。
聚美優(yōu)品首屏的圖文搭配恰如其分,簡(jiǎn)單的大圖和一些短句,兩者之間相輔相成,圖片便于用戶理解,文字很精簡(jiǎn),重點(diǎn)分明。
總結(jié):
AnyForWeb認(rèn)為,首屏是吸引用戶至關(guān)重要的通道,很多網(wǎng)站因?yàn)閷?duì)首屏的忽視,從而產(chǎn)生了一些用戶體驗(yàn)上的問(wèn)題。電商網(wǎng)站相比較普通的官方網(wǎng)站在性質(zhì)上更特殊一些,電商首屏應(yīng)該帶著商家的目的性去迎合用戶的常規(guī)使用習(xí)慣,而不是漫無(wú)目的地把首屏變成布告欄。
設(shè)計(jì)師在做一個(gè)設(shè)計(jì)項(xiàng)目之前,不妨多從用戶的角度思考,也許會(huì)有意想不到的收獲。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 設(shè)計(jì)教程
- 原創(chuàng)
- Flash
- 自譯教程
- WEB
學(xué)習(xí) · 提示
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
相關(guān)教程