基于心流體驗的界面反饋

摘 要 提供即時反饋是心流體驗的重要原則。以網頁界面為研究對象將即時反饋歸納為正確、清晰、快速的反饋，讓用戶在使用過程中處于愉悅狀態，從而達到心流體驗。

關鍵詞 心流體驗 界面 反饋

中圖分類號：TP39 文獻標識碼：A

The Interface Feedback Based on Flow Experience

YANG Lin， TAO Jin

(School of Mechanical Engineering， Beijing University of Technology， Beijing 100083)

Abstract It is an important principle to provide timely feedback in flow experience. In this paper， the timely feedback will be summed up to the correct feedback， clear feedback and rapid feedback by studying the web interface.The user to make use of the product with pleasure and finally come to flow experience.

Key words flow experience; interface; feedback

0 引言

心流（flow）的概念由著名心理學家米哈里·契克森米哈Csikszentmihalyi提出。他于1960年代觀察藝術家、棋手、攀巖者及作曲家等時發現當這些人在從事他們的工作的時候幾乎是全神貫注的投入，經常忘記時間以及對周圍環境的感知，這些人參與他們的個別活動都是出于共同的樂趣，這些樂趣是來自于活動的過程，而且外在的報酬是極小或不存在的，這種由全神貫注所產生的心流體驗，米哈里?契克森米哈認為是一種最佳的體驗。①心流體驗是個體完全投入活動之中時的整體感覺，當他們完全被所做的事情深深吸引，心情非常愉悅并且感覺時間過得飛快，就達到了心流體驗狀態。心流體驗的這種愉悅的狀態也正是產品設計師期望帶給其使用者的最佳狀態。

如何滿足用戶的心流體驗呢？主要有設定清晰目標，提供即時反饋，最大化效率，允許發現②四條相對重要的原則。這其中提供即時反饋是非常重要的一部分，它可以“向用戶提供信息，使用戶知道某一操作是否已經完成以及操作所產生的結果”，③使產品與用戶的交流更加自然，讓用戶在整個操作過程中都處于愉悅的狀態，從而達到心流體驗。本文以界面為例將即時反饋大致歸納為正確的反饋、清晰地反饋、快速的反饋三點。

1 正確的反饋

反饋的出現主要是幫助輔導人們如何進行下一步的操作，正確的反饋才能夠幫助人們進行正確的操作，消除用戶使用新產品時的無助感。

1.1 正確的內容反饋

正確反映此時應該提示的內容，避免提供用戶顯而易見的信息或只是重復屏幕上的文字（圖1頁面）。避免一些模棱兩可的語言，降低用戶的判斷性，如圖2頁面，用戶被迫在“確認”和“取消” 兩個模棱兩可的選項間徘徊。

圖1 重復信息反饋頁面 圖2 郵箱申請頁面

1.2 正確的位置反饋

用戶使用新頁面時常常感到無助、茫然，反饋應該放在用戶最渴望看到或最容易看到的地方，讓用戶一目了然。正確的位置符合用戶的認知習慣，使反饋出現在用戶預料之中的地方，從而使操作能夠順利進行。圖3（a）顯示的反饋內容擋住了用戶的輸入欄，使下一步無法進行。而適當的反饋顯示如圖3（b）。

(a) (b)

圖3 輸入欄的反饋頁面

圖4 意見反饋頁面

2 清晰的反饋

清晰的反饋可以使反饋更好的為用戶服務，讓反饋更加的醒目、明確。如何做到清晰地反饋，可以概括為內容的清晰可見和外觀的一目了然。

2.1 內容清晰可見

除了正確顯示反饋信息外，反饋應該簡短易懂。經相關研究，用戶一般采取掃視而非閱讀頁面文字，平均來說，用戶只會花28%的時間在閱讀文字上，而且只有20%的文字會被閱讀。④如圖4，某網站的意見反饋頁面，文字部分冗長，用戶根本不會花時間去閱讀。

2.2 外觀的一目了然

外觀指反饋時的顏色、大小、位置等。醒目的顏色、適當的位置都可以明確的告訴使用者所處的方位，現在進行的狀態以及下一步將要去做什么。圖5為邀請編輯頁面，在默認情況下，標題正常顯示。

當鼠標懸停在標題上，標題立刻變為不同的背景顏色，告訴用戶當前區域是可編輯的并引導他們去點擊。圖6顯示的頁面則可以使用戶快速明白他們是在編輯標題。

圖5 邀請編輯頁面

圖6 題目編輯頁面

3 快速的反饋

迅速的反饋可以使用戶及時得到操作所需的信息，防止產生茫然、無助的心理，從而對產品失去信心。

3.1 設定合理的反饋顯示時間

反饋頁面的出現應及時、迅速，用戶可以對所處的狀態做出及時的判斷從而進行下一步的操作。如圖7（a）頁面顯示，鼠標點擊后會跳轉到用戶頁面，而鼠標懸停0.5秒后立即出現彈出層，顯示該按鍵的簡介。而圖7（b）頁面沒有提供反饋信息，相較于（a）圖頁面，更易讓用戶對圖標產生用途的模糊及誤導。

(a) (b)

圖7 圖標反饋頁面

3.2 顯示合理的反饋過程

過程的顯示可幫助用戶了解操作進行到什么階段，操作是否正確，還有多長時間才能結束等，避免盲目中產生的操作中斷。圖8為圖片上傳頁面，及時顯示了上傳的進度。圖9的頁面迅速告知用戶當前輸入是否正確，不用在點擊提交后再做判斷。這樣的設計減少了不必要的重復操作，降低了用戶的心理負擔。

圖8 照片上傳頁面

圖9 注冊頁面

4 結束語

產品并不能開口說話，而反饋卻能夠在產品與用戶間架起一座橋梁，成為它們之間溝通交流的工具。正確、清晰、快速的反饋可使產品的設計使用更加明確、易懂，讓用戶在使用的過程中產生安全感、愉悅感，最終使用戶在使用產品時達到心流體驗的狀態。

注釋

① Csikszentmihalyi.心流：最佳體驗的心理學[M].harper perennial，2007.

② Jim Ramsey.Designing for flow[J].A list apart， No. 250 December 4， 2007.

③ 唐納德.A.諾曼.設計心理學[M].北京:中信出版社，2003.

④ 霍克曼(Hoekman， Robert).瞬間之美:Web界面設計如何讓用戶心動[M].北京:人民郵電出版社，2009.