淺談“心流理論”在產(chǎn)品交互設(shè)計中的應用

前言

契克森米哈在其著作《流:最優(yōu)體驗的心理學》中首先提出了心流的概念:個體完全投入某種活動的整體感覺,當個體處于心流體驗的過程中,會對周邊干擾視而不見,過程非常愉快且會覺得時間過得很快。

我們可以說,處于心流狀態(tài)下的人,其工作效率是非常高的,其心內(nèi)狀態(tài)是非常愉悅的。所以心流狀態(tài)的產(chǎn)生,可以一定程度提高用戶的購買意愿等指標,因此在互聯(lián)網(wǎng)產(chǎn)品設(shè)計中,通過交互設(shè)計,促進和提升用戶心流的產(chǎn)生是非常重要的。

這里需要簡單探討一下,眼下很火的許多短視頻類產(chǎn)品,抖音等等,用戶在使用這些產(chǎn)品進行放松娛樂的時候,也非常容易陷入一種“覺得時間過得很快”、“愉悅”的感覺,但這種模式并非向用戶提供一個學習、生產(chǎn)、創(chuàng)作的工具或環(huán)境,所以常規(guī)情況下我們認為該模式下的用戶狀態(tài)是一種“行為成癮”,與今天我們要探討的“心流狀態(tài)”有很大聯(lián)系,但有一定區(qū)別。

細說如何讓用戶保持“心流狀態(tài)”

書中提到了很多觀點,本文簡述其中與移動互聯(lián)網(wǎng)時代產(chǎn)品關(guān)系較緊密的5點


“透明”

在討論如何通過交互設(shè)計增加心流狀態(tài)的產(chǎn)生之前,我們應該明確一個前提,即:用戶目標與用戶界面并沒有直接聯(lián)系。書中舉例,如果一個優(yōu)秀的小說作家,讀者在閱讀其作品時,能夠清晰的看到故事和人物,而看不到作者的寫作技巧,同理如果一個產(chǎn)品和交互體驗做的很好,用戶會清晰直接的看到他的目標,而會忽略軟件、產(chǎn)品本身的設(shè)計。

“少即是多”

用戶使用產(chǎn)品一定會存在必不可少的目的,因此在保留必要的產(chǎn)品功能情況下,努力減少用戶界面的元素,進而減少界面對用戶的干擾是非常必要的。書中提到,經(jīng)典著作《Designing Visual Interfaces》中討論了優(yōu)雅的概念,可以認為優(yōu)雅是用新穎、簡單、經(jīng)濟、優(yōu)美的方式解決設(shè)計問題。一個交互產(chǎn)品中內(nèi)部的邏輯可能非常復雜,而重視優(yōu)雅和簡單更為重要。要讓技術(shù)有效的為用戶的需求服務。

書中提到一個例子,文本輸入工具iA Writer,這里對比一下該工具與傳統(tǒng)文本工具word的節(jié)目區(qū)別。

雖然word的強大功能及不斷優(yōu)化的體驗,讓其在文本編輯工作中始終占據(jù)著及其重要的地位,但iA Writer這類工具通過極簡設(shè)計帶來的交互體驗上的差異化,還是俘獲了很大一批用戶。

“提供無模態(tài)反饋”

保持用戶的心流狀態(tài)其中很重要的一點是保證用戶當前的操作不被干擾或阻斷,因此產(chǎn)品可以通過提供無模態(tài)反饋,讓用戶操作流程不被打斷。通俗來說,無模態(tài)的反饋就是利用非彈窗性、中斷性的通知來向用戶反饋信息的方式。

Facebook的浮層設(shè)置,就是一種為了保持用戶閱讀心流狀態(tài)的交互設(shè)計。

浮層從屏幕下方出現(xiàn),并停留在屏幕中間部分,能夠讓用戶看到對應信息的同時,還能意識到自己始終在閱讀的流內(nèi),而不是被新頁面中斷。

書中還提到一個有趣的例子,噴氣式戰(zhàn)斗機有平視顯示器(HUD),將關(guān)鍵儀表的讀數(shù)投射在駕駛艙前端的平視玻璃上,這樣駕駛員就可以盯著敵機的同時還能讀到重要的儀表信息。如今高德地圖也有了HUD功能,夜間駕車行駛時看到HUD投屏也能讓司機在認真駕駛的同時留意到導航信息。不過受限于夜間街道的燈光情況和不同車型擋風玻璃的傾斜角度,地圖產(chǎn)品的HUD實際效果往往并不理想。

“區(qū)別命令和設(shè)置”

在桌面端工具類產(chǎn)品中,用戶在使用大量參數(shù)調(diào)用功能時會經(jīng)常出現(xiàn)一個問題,如果用戶希望快速執(zhí)行某項功能,產(chǎn)品應該提供快速通道直接采用合理的默認設(shè)置或上次操作配置,而不是只能詳細設(shè)置后才能執(zhí)行。其原因是產(chǎn)品沒有對“功能”和“功能的配置”進行區(qū)分。書中舉例,word同時提供了打印命令和打印設(shè)置,用戶點擊快速打印后可以直接使用默認設(shè)置直接進行打印。

再對應到當前移動端產(chǎn)品的設(shè)計中來,同樣我們也應該考慮用戶在使用產(chǎn)品的流程中,對點擊各種操作對應的預期是什么。即刻APP中為了使用戶發(fā)帖內(nèi)容與話題強關(guān)聯(lián),在點擊“發(fā)布內(nèi)容”按鈕后,始終用一整個中間頁面攔截用戶,告知關(guān)聯(lián)話題的“好處”,然而這樣的攔截,勢必在一定程度下違背了用戶點擊“發(fā)布”的預期,可能會讓用戶產(chǎn)生困惑并帶來流失。

“動畫、時間與過渡”

隨著iPhone的降臨,動作和動畫逐漸成為數(shù)字產(chǎn)品體驗中不可或缺的關(guān)鍵部分。動畫過渡可以讓產(chǎn)品提供更加沉浸式的體驗,有助于用戶保持心流狀態(tài)。

書中摘錄了《微交互》中提到的動畫可以為產(chǎn)品體驗帶來的優(yōu)勢,同時也是動畫設(shè)置需要注意的要點:

-讓用戶的注意力集中在合適的地方

-展示對象及其動作之間的關(guān)系

-在視圖或者對象狀態(tài)之間的轉(zhuǎn)換中保持場景不變

-讓用戶感受到交互的進度

-創(chuàng)造虛擬空間,然后用戶對下一步操作有明確的理解和預期


“毫不費力”

最后用書中的一段總結(jié)作為結(jié)尾:創(chuàng)建一個成功的產(chǎn)品需要的不只是實現(xiàn)實用的功能,也必須考慮如何編配*不同的功能性元素,讓用戶執(zhí)行任務像流水一樣感覺不到阻礙。最好的界面通常不會讓用戶驚嘆它有多漂亮,而是因為能夠幾乎不會被人注意,毫不費力的使用。


*文中提到的【編配Orchestration】,借用音樂中的概念,意為一種音樂創(chuàng)作中將不同樂器、音色加以合理的組合、呼應、排列等手法營造出一個聽感交融、平衡的藝術(shù)

感謝閱讀,請大家多多批評指教!可以一起更深入的探討一下“心流理論”在產(chǎn)品設(shè)計中的應用。


如果你也想每天學點兒互聯(lián)網(wǎng)

關(guān)注微信公眾號“高三零班”

加入學習群

明天比今天更專業(yè)!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容