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

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


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

3、google的即搜即顯 yixieshi

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


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


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

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

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