深圳深達品牌網(wǎng)站建設公司于2005年創(chuàng)立,
以高端網(wǎng)站建設、品牌網(wǎng)站設計、集團網(wǎng)站制作、響應式網(wǎng)站建設、外貿(mào)型網(wǎng)站設計、營銷型網(wǎng)站建設、手機網(wǎng)站制作、微信網(wǎng)站建設、H5網(wǎng)站制作、電子商務網(wǎng)站設計制作、品牌設計、平面設計、網(wǎng)絡服務、品牌整合傳播策劃為核心業(yè)務,
致力于高端市場,專注于品牌服務、提升企業(yè)形象!咨詢電話:0755-83769155

深圳網(wǎng)站建設、深圳網(wǎng)站設計、深圳網(wǎng)站制作、網(wǎng)頁設計、深圳網(wǎng)絡公司、品牌設計

2006版 | 咨詢電話:0755-83769155

設計觀點

細節(jié)提升用戶滿意度
2011-08-26     文章來源: 深達設計
Tags: 細節(jié),用戶,滿意度,鼠標

      

       在第一個瞬間,也就是當一位瀏覽者剛剛打開我們網(wǎng)站的時候,他最先可能是想看看這個網(wǎng)站的名字及其功能; 而下一個瞬間可能就開始移動手中的小鼠標到自已感興趣的東西上點點。再然后則可能是尋找從哪里注冊等等。然而在這些瞬間中怎么樣才能讓瀏覽者找到快感,提升他的滿意度呢?

1、按鈕的鼠標按下狀態(tài)
我們知道按鈕有未動作、鼠標經(jīng)過、鼠標按下、彈起四種狀態(tài),但是現(xiàn)在大多數(shù)網(wǎng)站的按鈕都只設計了未動作、鼠標經(jīng)過這兩種狀態(tài),其中更有不管你小鼠標怎么蹂躪它都只有一種狀態(tài)者。這里我不是說這些做法不好,只是覺得如果我們在設計的時候加上鼠標按下狀態(tài)會提升瀏覽者的滿意度,讓他們在點擊之中獲得快感。就像我們平常進行的開關燈操作一樣,當手指放在開關面板上按下,伴隨著“啪”這個輕脆聲音,開關被按下,燈亮了。
上圖中百度一下的鼠標按下狀態(tài)加深了顏色,google搜索則直接將底色置灰,從視覺上給了瀏覽者最直觀的感受這個按鈕我按下了。
2、鼠標經(jīng)過也可以這樣
我們在設計的時候,為了讓瀏覽者更好的理解文字表述的含義或當前所處的狀態(tài)都會給文字配上相應的一個icon,當鼠標經(jīng)過的時候通常的做法就是直接改變顏色和改變一下方向。但是淘寶首頁處理極具創(chuàng)新,原來鼠標經(jīng)過也可以這樣。
ps:以上效果用Firefox 或 chrome 查看
上圖中搜索后面的小三角在未動作的是指向下方的,當鼠標經(jīng)過的時候小三角順時鐘旋轉(zhuǎn)180度指向下方,鼠標離開后逆時針旋轉(zhuǎn)180回到原位;淘寶天下前面的icon在鼠標經(jīng)過的時候順時針旋轉(zhuǎn)35度,鼠標離開后逆時針旋轉(zhuǎn)35度回到原位。這種處理方式讓瀏覽者擺脫了枯燥的瀏覽,這個瞬間心情愉悅。
3、彈出層也有新花樣
彈出層是我們?yōu)g覽網(wǎng)頁時經(jīng)常會遇到的東東,它的好處我就不說了,這里我提出來是想說說它們出現(xiàn)和消失的方式。通常的作法是當瀏覽者觸發(fā)之后給一個半透明遮罩層,彈出層與之一同出現(xiàn)。迅雷7就來了一個新花樣。
上圖中當我們點擊皮膚設置(黃色小衣服)按鈕之后,會看到時皮膚主題這個彈出層以180度水平旋轉(zhuǎn)這個“高難度動作”登場,當我們點擊關閉按鈕時,它又以放大加漸隱“風騷”離去。和平常彈出層直來直往的方式相比,讓我們在那一瞬間感受到愉快、興奮。當然并不是所有的彈窗加上這樣的效果就會提升滿意度,效果的加強伴隨而來的是過程時間的增加,在這里需要處理好的是平衡性的問題,在枯燥的一系列操作中,動態(tài)效果的點綴會使人眼前一亮,頻繁的濫用只會產(chǎn)生視覺疲勞。
除了上面所說的按鈕、鼠標經(jīng)過的狀態(tài)、彈出層還有很多細節(jié)比如:下拉菜單出現(xiàn)的方式可以由淺變深、由小變大等等,我這里就不一一列舉了。每一個細節(jié),每一個瞬間都有可能加強也可能摧毀瀏覽者對某個產(chǎn)品或公司的信心。我們在工作中應該注重每一個交互細節(jié),它們對于完整的用戶體驗來說,都是不可或缺的一部分。只有不斷的改進創(chuàng)新,才能提升用戶的滿意度。
最后借用書上的一句話“良好的用戶體驗,全在于那些完美的瞬間。” 以上表達了我個人對細節(jié)提升用戶滿意度方面的一些理解,水平有限,不足處,歡迎指正。
 
 
深達觀點
OUR VIEW