· 操作過程及反饋結(jié)果：

比如刪除淘寶收藏夾中的商品，該商品會在逐漸向上滑動的同時漸變消失。這個動作清楚的表示正在刪除的過程和結(jié)果，而不用再另外提示用戶刪除成功。

優(yōu)眾網(wǎng)的收藏提示，則是一段小星星的動畫。

· 視覺引導(dǎo)：在凡客誠品的客戶端中，把商品加入到購物車時的引導(dǎo)動畫，既表現(xiàn)了添加的過程及完成這一操作的反饋結(jié)果，又間接提示了購物車的位置，一舉兩得。

c 過渡動畫

當(dāng)頁面元素產(chǎn)生變化的時候，最好能有一些過渡效果。比如畫面的漸變切換、下拉列表的動態(tài)伸展、浮層的逐漸消失等等。突然的變化會給人生硬的感覺。

舉個有趣的小例子：淘寶的收藏夾，鼠標(biāo)滑過時，原先的下三角會旋轉(zhuǎn)180°成為上三角

d 360度旋轉(zhuǎn)產(chǎn)品

用戶在網(wǎng)上購物時，希望能夠盡可能多的了解商品的外觀，360°旋轉(zhuǎn)功能更好的滿足了這個需求。其實這種方式很早就有了，但是一直沒怎么普及。

頁面跳轉(zhuǎn)

頁面跳轉(zhuǎn)（無論是原頁面刷新還是新開窗口）給用戶帶來停頓感，影響用戶體驗。

a 避免頻繁翻頁

翻頁可以適當(dāng)減輕閱讀的疲勞感，增加一點點的成就感，且賦予內(nèi)容更明顯的物理位置（反復(fù)查找比較容易）。但是它畢竟在一定程度上打斷了我們的閱覽（尤其當(dāng)網(wǎng)速很抱歉的時候），這可能導(dǎo)致用戶提前離開。因此在一些內(nèi)容關(guān)聯(lián)性不強的網(wǎng)站上，可以嘗試適當(dāng)減少翻頁的次數(shù)——最簡單的方式是增加一頁的顯示數(shù)量，但要考慮用戶的承受極限（不同的產(chǎn)品情況不同，需要酌情考慮）。

比如新浪微博的頁面很長，當(dāng)滾動到底部時，會立刻加載后面的內(nèi)容（快到幾乎感覺不到）。如此反復(fù)幾次，才會看到頁面底部的翻頁組件。

一些新興的電子商務(wù)網(wǎng)站甚至沒有傳統(tǒng)的翻頁組件，整個頁面一氣呵成。比如優(yōu)眾網(wǎng)，使用滾輪或上下方向鍵就可以繼續(xù)瀏覽商品。

b 避免立即跳轉(zhuǎn)

對于一個操作流程來說，每多一個頁面，就會增加用戶的流失率。而點擊鏈接就意味著一定要刷出一個新頁面嗎？看看下面這些緩兵之計吧。

對于關(guān)聯(lián)性較弱的鏈接：

· 使用浮層：當(dāng)說明內(nèi)容不多時，可以使用浮層提示來代替在新頁面中打開鏈接。

 

每次遇到這種情況都感覺很突然。其實頁面本身并沒有改變，只是可視區(qū)域往下移了一些。但是用戶看不到移動的過程，只能看到改變的結(jié)果。

兩點問題：1. 既然這個頁面并不長，從上方移動到下方至少應(yīng)該有一個過渡效果，不然用戶不明白到底發(fā)生了什么。2. 對于類似的操作內(nèi)容使用錨點鏈接是否合適？看到“修改”這個動作，用戶可能會本能的想到彈窗，然而彈窗所能承載的信息量比較有限，且位置不好控制（一般出現(xiàn)在頁面中央，離操作觸發(fā)區(qū)域可能較遠），那么有什么其他的解決方式呢？

讓我們看看“頁面內(nèi)展開”的方法。

對于關(guān)聯(lián)性較強的操作或鏈接：

· 頁面內(nèi)展開：適合于對現(xiàn)有內(nèi)容的擴充，它能夠即時的反饋用戶的操作，帶來更自然的體驗。 優(yōu)點：所能承載的信息量比彈窗大；過渡自然；在操作區(qū)域附近顯示展開的內(nèi)容，連貫性更好。缺點：后面的內(nèi)容會隨之下移，攪亂位置感。

回到剛才當(dāng)當(dāng)網(wǎng)修改地址的例子，由于關(guān)聯(lián)性很強，因此是否可以用頁面內(nèi)展開的方式呢？

· 頁面內(nèi)展開+二次鏈接：若內(nèi)容非常多，可以在展開部分的底部再增加一次鏈接。

 

 

· 彈出窗口：適用于內(nèi)容比較簡潔，需要用戶重點關(guān)注，且頁面內(nèi)元素位置需固定的情況。但彈窗往往位于頁面中央，離觸發(fā)操作區(qū)域可能會比較遠。

當(dāng)進入列表頁時，很多用戶習(xí)慣同時點擊多條鏈接，并在新窗口打開。一是因為網(wǎng)速可能較慢，在等待新頁面打開的同時不如回到列表頁看看其他的內(nèi)容；二是因為用戶可能在列表上看到多條感興趣的內(nèi)容，因此逐一在新窗口打開，避免漏掉。而優(yōu)眾網(wǎng)是這樣處理的：

沒有多余的新開窗口，原頁面也沒有完全改頭換面，用戶不容易迷失，操作路徑更清晰。彈窗比切換頁面速度要快，但是要考慮到彈窗承載的信息量有限，且難以控制彈出的位置。

 

· 彈出子項：介于頁面內(nèi)展開和彈窗之間，適用于內(nèi)容不是很多，操作不是非常重要，且頁面內(nèi)元素位置需固定的情況。比彈窗人性化（彈窗一般位于頁面中央，而彈出子項位于操作區(qū)域附近），比頁面內(nèi)展開的方式更穩(wěn)定（頁面位置不會變化），缺點是所能承載的內(nèi)容比較有限。

 

 

提示效果

恰到好處的提示可以讓用戶產(chǎn)生正確的心理預(yù)期，防止誤操作，也使操作過程更加流暢連貫。

a 鼠標(biāo)懸停提示

在豆瓣個人首頁上，鼠標(biāo)懸停左側(cè)欄目會出現(xiàn)圖標(biāo)，這樣我們就會知道這部分區(qū)域是可以移動的。

b 操作定位

對于容易誤操作的界面（尤其是手機界面，手指會擋到操作區(qū)域），需要一個定位提示。

當(dāng)內(nèi)容離title比較遠時，也需要一個定位提示。

c 報錯提示

報錯提示最好位于操作區(qū)域附近，否則用戶的視線需要來回移動，破壞了視線、操作、思維的連貫性。

 

源地址：http://blog.sina.com.cn/u……/u/1161626144