1、冒泡浮層
當(dāng)用戶需要刪除圖片時,點擊了“刪除按鈕”,即出現(xiàn)冒泡浮層提示用戶確定刪除,用戶只需將視覺焦點放在圖片上,減輕了視覺負(fù)擔(dān),而鼠標(biāo)也無需移動很長距離去點擊確定按鈕,這樣減少了用戶操作的體力負(fù)擔(dān);相比彈出模態(tài)窗口,用戶關(guān)注的視覺范圍縮小了、思維切換更近了、鼠標(biāo)移動的距離也縮短了。
類似的還有ipad里刪除照片操作:

冒泡浮層,縮短了視覺、思維、體力操作的距離。
2、Google+ 圈子分組 一些事


在google+里,想要關(guān)注別人并加入圈子時,只需將鼠標(biāo)移動到“關(guān)注”按鈕上,再點擊一下即可完成所有操作;如果需要創(chuàng)建新的圈子,也只需在同一個浮層完成,整個操作體驗很流暢。用戶視覺關(guān)注和操作都在一個很小的區(qū)域內(nèi)完成。
而新浪微博的關(guān)注需要,先點擊“加關(guān)注”按鈕——填寫“備注名稱”——“選擇分組”——點擊“保存”按鈕才能完成整個關(guān)注流程;無論哪里點擊的“加關(guān)注”按鈕,都需將視覺焦點切換到屏幕中央的彈出窗口,這樣就使得用戶的視覺焦點和鼠標(biāo)都需要移動很長一段距離:

3、google的即搜即顯 yixieshi

在看下google的搜索,在輸入內(nèi)容時,輸入框下面的浮層會顯示相關(guān)的關(guān)鍵詞,用戶可以直接進行關(guān)鍵詞選擇,而無需輸入完整的詞組;同時下面邊的搜索結(jié)果會聯(lián)動更新(暫時只支持英文版),無需再點擊“Enter”回車鍵。這種快速便捷的搜索體驗,縮短了用戶操作流程和搜索結(jié)果的時間。
4、對稱交互


google+里的用戶評論,展開評論和隱藏評論被放置在同一個位置,方便用戶的展開收起;在評論底部同樣給了一個隱藏評論的圖標(biāo)操作;從相同地方展開收起,更易被用戶發(fā)現(xiàn)和認(rèn)知,也符合用戶的心理預(yù)期。yixies
youtube的全屏和退出全屏操作都被放置在播放器右下角,從哪里進入全屏,即可從哪里退出全屏,這樣更容易被理解:


對稱性交互可以簡單的理解為“從哪里進入(或輸入),即可從哪里退出(或輸出)”
;對稱性交互很容易理解和學(xué)習(xí),加速用戶的辨識與認(rèn)知,提高易發(fā)現(xiàn)性和易操作性。
5、flick 的圖片編輯(行內(nèi)編輯,所見即所得) 互聯(lián)網(wǎng)的一些事

在Flick里進行圖片編輯時,只需在文件名處點擊下,即可在原來的位置進行重命名和添加圖片描述;在行內(nèi)進行編輯,所見即所得,縮短了用戶操作和體驗的距離。 yixieshi
6、skype正在輸入和qq的對比(及時有效的反饋)

skype聊天,當(dāng)好友正在輸入時,會有一個動畫小鉛筆在書寫;當(dāng)好友輸入錯誤或刪除內(nèi)容時,就會變成倒過來的小鉛筆,去擦掉內(nèi)容;這種即時有效的反饋,給用戶帶來更好的體驗。這個很小的細節(jié)設(shè)計,模擬了用戶使用鉛筆書寫場景,拉近了網(wǎng)絡(luò)和現(xiàn)實生活的距離。
而QQ在這塊的體驗就沒有那么好了,當(dāng)好友輸入時,它會在窗口上面的區(qū)域給出反饋,不易被發(fā)現(xiàn);而此時用戶關(guān)注的焦點是下面的聊天內(nèi)容區(qū),用戶的視線也就不得不來回轉(zhuǎn)移: 一些事
