網頁設計理論:注意力和流

來源:互聯網
上載者:User

我們創造了網站和軟體用以向人們展示資訊,資訊可以是任何東西 :一個公司的產品清單,旅行度假的照片或者朋友們的即時資訊,此時此刻,展現給你的資訊比曆史上任何時候都要多.

所有這些資訊有許多積極的效果,但是也帶來了挑戰."資訊的成本顯而易見,它消耗了資訊接收者的注意力...資訊的富有帶來了注意力的稀缺"(西蒙1971 年)當注意力成為一種稀缺資源,如何明智的投資它就變得非常重要,資訊架構師和設計師在確保設計提供給使用者的產品具有良好回報中扮演著關鍵的角色.

心理學家米哈裡csikszentmihalyi ( 1990 )將集中注意力描述為“心理能量” ,像傳統意義的能源一樣,沒有能源任何工作無法進行,能源通過工作得以消耗.我們大多數人都經曆過這種心理/情緒狀態:所有的注意力(或精力)完全集中投 入於一項活動,csikszentmihalyi ( 1990年)基於他的研究的參與者的體驗描述將之稱之為"流".

在這中情緒狀態下, 人們常常能感受到精神高度緊張,伴隨著愉悅的感受和巔峰的工作狀態.小時就像分鐘一樣很快過去.人們往往在很少受到打擾,集中全部精力面對面前挑戰且相信 通過現有的技能能力能夠解決問題時進入這個狀態.反饋是即時的,所以我們總能知道離達到我們得目標還有多遠.任務的重要程度將會影響我們對任務困難程度的 察覺認知和動力大小.

注意力和流

與這個"流"狀態有關的要素可以歸納為三個方面: 1.流的起因 2.流的特徵 3.流的結果 (Novak, Hoffman and Yung, 1999)

1.流的起因

清晰的目標

達到目標過程中嘗試成功的即時反饋

你有信心解決掉的困難和挑戰

2.流的特點

全部集中注意力

通過互動的控制感

對新事物的開放迎合

進一步的的探索行為

進一步的學習

積極的感受

3.流的結果

自我意識的喪失

對時間的感知扭曲

活動被視為內在獎勵

作為設計師,我們專註於領先流和引起流的因素.使用者帶著之前確定的目標瀏覽網站(比如尋找一個產品的資訊),這些目標不斷演化,當使用者完成這個任務,他的注意力又被其他的資訊所吸引.設計師可以控制的主要元素是:

提供即時的反饋

平衡困難認知和使用者能力

設計流

為了設計流你不需要上門課程或者學習新的軟體,實際上,你已經在做了.通過考慮每一步互動的使用者期望結果從而移除那些分散使用者精力不利於完成期望結果的一切因素.

移除一些幹擾和有可能的阻礙,對自然和的互動的產品來說,這意味著要移去一切會引起使用者情感反應的(比如沮喪和身體不適,情感需求和分散注意力)不論是外部 的(比如環境)還是內部的(焦慮,痛苦等)分心事物.對使用者的所有行為提供即時的反饋以減少使用者的焦慮. 頁面配置,資訊設計,排版,互動設計和資訊架構的有效運用都有助於平衡使用者的困難感知與能力水平.資訊應該被細分為不會淹沒使用者認知體系的塊.

當談到使用者的困難認知,這樣去考慮:太少技巧遇到太大困難會引起焦慮;太多技巧遇到太少困難會感覺無聊.

流發生在無聊和焦慮之間,把它想象成二者間的河流(圖一)

流的概念

圖1 :焦慮,無聊和流( csikszentmihalyi , 1990年)

隨著面對的挑戰的增加,我們的焦慮逐漸增加並且偏離了流,重新回到流涉及到掌握更多的技巧以應付那些挑戰,減少我們的焦慮;當我們的技巧增加我們會覺得無聊,會尋找更大的挑戰以匹配我們的能力技巧.

要明白理解我們如何減少分心,讓我們再回過頭來看一下各個因素是如何應用到使用者體驗當中去的.流的起因對網站和應用設計有著最大的影響.

1.明確的目標

使用者要完成一個任務,比如尋找某些特定話題資訊或者娛樂衝浪,這是一個動態演變的目標,依賴於提供給使用者的選項和合理的資訊體繫結構,直觀的導航,有效路徑和明確的操作選項(比如資訊線索導向,麵包屑導航,某種含義的標籤.清楚的網頁標題)的輔助.

2. 達到目標過程中成功嘗試的即時反饋

以視覺轉化和來自連結,按鈕,菜單和其他導航的聲音來給使用者及時的可感知的反饋.

3. 展現出這個困難挑戰你能應付處理

動的機會是與使用者的能力平衡的, 在一個較低的水平,這是通過提供完整的頁面和消除不必要的資訊來減輕使用者的認知負載;隨著使用者能力的不斷增加,互動的複雜程度也要隨著增加,適應性的互動技術允許使用者調整控制互動的複雜程度來滿足他們不斷增強能力水平.

流和情感

流的發生往往在使用者的能力和面對的挑戰水平比較高的階段, 如果挑戰太低,而使用者水平太高,那樣使用者就不會有動力去做任何事情.這種程度的刺激或“激勵”在人體內是生理(即身體)方面的情感。激勵的程度會影響我們 對特定情感的強烈程度的感知,還有情感對注意力需求的強烈程度.在進化階段,很容易看出其中原由:你的祖先對捕食者關注越多,越有可能活下來繁衍子孫,把 自己的基因代代相傳.

愉快和不愉快的產品和體驗都能夠增加刺激程度,沮喪和興奮都可以,所以要用大的映像,亮麗的顏色和高對比,所以加大映像尺寸和把其中內容儘可能的排列緊密能夠加強刺激.

人際間的距離和激勵

圖2 :人際距離和激勵

左右相比,給你的感覺有何不同?

平衡刺激的關鍵在於使認知挑戰與使用者的能力水平相統一, 使用者的能力水平隨著任務的發展和不同而有所不同,應該提供簡單友好的介面但應該提供給那些專家級使用者適合他們能力水平的更困難的挑戰.這些挑戰可以是視覺 上的和內容方面的互動.簡單來說,一個網站的一切,包括內容,資訊架構,互動設計和視覺設計都能對流有所協助.

目標導向VS經驗性使用

使用一個網站不同的動機應該採用不同的設計以方便流,新使用者往往以比較娛樂的方式看待網路,而有經驗的使用者往往比較現實.這導致了目標導向和經驗性使用的差別.流經常發生在目標導向過程中,因為有更高的挑戰存在.

新使用者-經驗性使用

更少的挑戰

更多的發現探索

娛樂導向

有經驗使用者-傾向於目標導向

更多的挑戰

更少的探索發現

與任務緊密相連(搜尋,工作,購物)

較低等級的挑戰是在一個娛樂為導向的網站,使用者使用過程中伴隨著的是較低程度的焦慮,較少憂慮的使用者適合於以創造性的思維來決定如何瀏覽網站和忽視小的問 題.這裡的動力是通過視覺元素,亮麗的顏色和高對比所帶來的潛意識所驅動.經驗性使用的網站應該使用更多的視覺元素來吸引更多的注意力從而達到流的體驗.

圖3 : disturbia電影網站

一個例子,一個視覺豐富,娛樂為主的網站很少或根本沒有涉及的挑戰。

完成任務的難度越大越會給用使用者更多的激勵,焦慮會讓使用者遭遇困難時更少的去創造性的思考.一個產品如果在一個壓力環境下使用,比如醫院的手術室,可用性就 變的至關重要.所有的相關資訊應該唾手可得而且所有的反饋都應該是即時的和明確的.一個目標導向的網站應該使用更少的視覺元素,使用者已經焦慮的考慮是否能 完成任務,不會被這些視覺元素所淹沒.

圖4 :雅虎

當任務特別的不愉快,我們通常很難有足夠的動力去完成它,這個時候,通過故事性的描述通常能提高激勵水平.探戈稅務網站使用類似於電影海報的高對比的故事性視覺元素來增加激勵.軟體也經常用故事性元素"我們VS他們"來增加激勵.

圖5 :探戈稅務網站

結論-促進流的網站特徵

如何應用這些想法取決於你的目標受眾,包括他們的內在和外在的使用背景;考慮你的使用者的可能的情感狀態,使用者環境周圍是否有噪音,人群,明亮顏色的物體去分散她的注意力?

下面是一些促進流的網站的特徵:

清晰的導航:讓使用者很輕鬆的知道她現在在哪,去過哪,可以去哪,通過使用路牌標誌比如:麵包屑,頁面標題,點擊過的連結提示即時的反饋資訊:確保所有導航,比如連結,按鈕,菜單等提供清晰有效即時的反饋.對使用者的所有行為提供反饋,當這一點不能實現時,提供其他的暗示來吸引住使用者的注意力(比如進度條)

平衡使用者面對的困難和自身能力:由於使用者能力水平不同,所以平衡視覺設計的複雜性和使用者完成任務的數目和使用的特徵功能就取決於你,考慮他們是要經驗性的娛 樂使用還是要完成重要的任務,根據不同的使用者使用情境度身設計你的網站:更多的視覺因素給娛樂性經驗使用,更少的給目標導向的使用.

適應性強的互動介面允許使用者選擇展示的細節的多少來增減感知困難,簡單化對新使用者和老使用者來說都可以減少憂慮,這一點在高度緊張的環境中至關重要.對老使用者 來說提供豐富資訊化的展示可以降低困難.記住,設計流並不需要專門的軟體或者技能,只是另外一種思維方式,在設計和挑戰之間找到合適的平衡點能夠讓使用者集 中注意力並製造流,這將可以創造投入和沉浸的使用者體驗.



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。