1、冒泡浮層
當(dāng)用戶需要?jiǎng)h除圖片時(shí),點(diǎn)擊了“刪除按鈕”,即出現(xiàn)冒泡浮層提示用戶確定刪除,用戶只需將視覺焦點(diǎn)放在圖片上,減輕了視覺負(fù)擔(dān),而鼠標(biāo)也無需移動(dòng)很長距離去點(diǎn)擊確定按鈕,這樣減少了用戶操作的體力負(fù)擔(dān);相比彈出模態(tài)窗口,用戶關(guān)注的視覺范圍縮小了、思維切換更近了、鼠標(biāo)移動(dòng)的距離也縮短了。
類似的還有ipad里刪除照片操作:
冒泡浮層,縮短了視覺、思維、體力操作的距離。
2、Google+ 圈子分組 一些事
在google+里,想要關(guān)注別人并加入圈子時(shí),只需將鼠標(biāo)移動(dòng)到“關(guān)注”按鈕上,再點(diǎn)擊一下即可完成所有操作;如果需要?jiǎng)?chuàng)建新的圈子,也只需在同一個(gè)浮層完成,整個(gè)操作體驗(yàn)很流暢。用戶視覺關(guān)注和操作都在一個(gè)很小的區(qū)域內(nèi)完成。
而新浪微博的關(guān)注需要,先點(diǎn)擊“加關(guān)注”按鈕——填寫“備注名稱”——“選擇分組”——點(diǎn)擊“保存”按鈕才能完成整個(gè)關(guān)注流程;無論哪里點(diǎn)擊的“加關(guān)注”按鈕,都需將視覺焦點(diǎn)切換到屏幕中央的彈出窗口,這樣就使得用戶的視覺焦點(diǎn)和鼠標(biāo)都需要移動(dòng)很長一段距離:
3、google的即搜即顯 yixieshi
在看下google的搜索,在輸入內(nèi)容時(shí),輸入框下面的浮層會(huì)顯示相關(guān)的關(guān)鍵詞,用戶可以直接進(jìn)行關(guān)鍵詞選擇,而無需輸入完整的詞組;同時(shí)下面邊的搜索結(jié)果會(huì)聯(lián)動(dòng)更新(暫時(shí)只支持英文版),無需再點(diǎn)擊“Enter”回車鍵。這種快速便捷的搜索體驗(yàn),縮短了用戶操作流程和搜索結(jié)果的時(shí)間。
4、對(duì)稱交互
google+里的用戶評(píng)論,展開評(píng)論和隱藏評(píng)論被放置在同一個(gè)位置,方便用戶的展開收起;在評(píng)論底部同樣給了一個(gè)隱藏評(píng)論的圖標(biāo)操作;從相同地方展開收起,更易被用戶發(fā)現(xiàn)和認(rèn)知,也符合用戶的心理預(yù)期。yixies
youtube的全屏和退出全屏操作都被放置在播放器右下角,從哪里進(jìn)入全屏,即可從哪里退出全屏,這樣更容易被理解:
對(duì)稱性交互可以簡(jiǎn)單的理解為“從哪里進(jìn)入(或輸入),即可從哪里退出(或輸出)”
;對(duì)稱性交互很容易理解和學(xué)習(xí),加速用戶的辨識(shí)與認(rèn)知,提高易發(fā)現(xiàn)性和易操作性。
5、flick 的圖片編輯(行內(nèi)編輯,所見即所得) 互聯(lián)網(wǎng)的一些事
在Flick里進(jìn)行圖片編輯時(shí),只需在文件名處點(diǎn)擊下,即可在原來的位置進(jìn)行重命名和添加圖片描述;在行內(nèi)進(jìn)行編輯,所見即所得,縮短了用戶操作和體驗(yàn)的距離。 yixieshi
6、skype正在輸入和qq的對(duì)比(及時(shí)有效的反饋)
skype聊天,當(dāng)好友正在輸入時(shí),會(huì)有一個(gè)動(dòng)畫小鉛筆在書寫;當(dāng)好友輸入錯(cuò)誤或刪除內(nèi)容時(shí),就會(huì)變成倒過來的小鉛筆,去擦掉內(nèi)容;這種即時(shí)有效的反饋,給用戶帶來更好的體驗(yàn)。這個(gè)很小的細(xì)節(jié)設(shè)計(jì),模擬了用戶使用鉛筆書寫場(chǎng)景,拉近了網(wǎng)絡(luò)和現(xiàn)實(shí)生活的距離。
而QQ在這塊的體驗(yàn)就沒有那么好了,當(dāng)好友輸入時(shí),它會(huì)在窗口上面的區(qū)域給出反饋,不易被發(fā)現(xiàn);而此時(shí)用戶關(guān)注的焦點(diǎn)是下面的聊天內(nèi)容區(qū),用戶的視線也就不得不來回轉(zhuǎn)移: 一些事