|
版權聲明：轉載時請以超鏈接形式標明文章原始出處和作者信息及本聲明
http://lilong4174.blogbus.com/logs/39063960.html
反饋這個詞兒其實是控制論的基本概念，泛指發(fā)出的事物返回發(fā)出的起始點并產(chǎn)生影響。在信息交互過程（輸入輸出）中，它是一種界面輸出物，用以提醒信息輸入者他的操作結果。它有很多種形式，包括界面元素、聲音、影像變化和物理位移（如震動）等。
我們這里討論的反饋僅特指用戶對網(wǎng)頁表單元素進行操作所得到的可視化的輸出信息，為了加強區(qū)分避免歧義，我們這里姑且稱之為反饋提示（如圖）。這里分幾個方面對其設計中應注意的事項加以簡要說明。
位置：
頁面上的反饋提示作為一種信息輸出，最重要的屬性要求就是迅速明確的被信息輸入者所知曉，這也是對設計師來說最重要的設計原則。執(zhí)行起來，可以參照兩條具體標準：
1.當前頁面：反饋提示應該放在操作發(fā)生地的附近。
根據(jù)心理學的注意力分配模型，不熟悉或十分關注的操作都會占據(jù)人腦相當多的注意力資源，若任務有延時反饋，則操作完成后注意力發(fā)生聚焦，投射在行為發(fā)生地附近，以關注產(chǎn)生的結果。簡單點說就是，我在輸入框中輸入內(nèi)容，若有任何問題，我希望反饋就在這個輸入框旁邊發(fā)生。這是再正常不過的交互與反饋了。
這條原則對于有同理心的設計師們可以說是共識，他們普遍爭議的是另一個問題，反饋與表單元素的相對位置究竟該怎樣安排才最合理？實戰(zhàn)派的主張“左右”，理論派的則倡導“上下”… … 但其實這一點并不需要太糾結，一般來說，如果寬度足夠或不希望表單過長（想在一屏內(nèi)解決戰(zhàn)斗）、過于跳躍的話，那么把反饋提示放在表單元素右側是可行的，例如淘寶的注冊頁：
如果對象是有嚴格邏輯順序（如縱向）的系列操作，那么反饋提示放在操作流向途中（對應的表單元素下面）則比較合理，并能達到更好的提示效果，例如淘寶的訂單頁：
所以，上下左右并不像想象中有那么大的關系，只要在發(fā)生地附近，用戶都是可以注意到的，只是程度不同而已。倒是怎樣清晰明確地表達反饋與對發(fā)生地之間的關聯(lián)、不讓用戶產(chǎn)生迷惑顯得更為關鍵，關于這一點，jQuery Validation 所提供的 Plugin Demo里給出了一個比較好的思路，設計師們可以考慮通過一些樣式的改變來制造一些聯(lián)系。
現(xiàn)在facebook采用的也正是這樣的一種方式，它通過加粗的邊線與箭頭更強的表達這種關聯(lián)性：
出處：李小帥
責任編輯：bluehearts
上一頁 下一頁 關于"反饋提示"的交互設計 [2]
|
第 1 頁 關于"反饋提示"的交互設計 [1]
第 2 頁 
