鴻影：心流，指的是人們?nèi)硇耐度肽呈碌囊环N心理狀態(tài)，心流產(chǎn)生時(shí)會(huì)有高度的興奮及充實(shí)感，在「心流」?fàn)顟B(tài)下，人們精力集中、全神貫注，這也往往意味著可以有持續(xù)、高質(zhì)量的學(xué)習(xí)或產(chǎn)出。

而在產(chǎn)品設(shè)計(jì)中，讓用戶進(jìn)入「心流」?fàn)顟B(tài)，也可以帶來(lái)各種各樣的好處。以我目前在推動(dòng)優(yōu)化的一個(gè)業(yè)務(wù)場(chǎng)景為例，它涉及到對(duì)用戶的培訓(xùn)（學(xué)習(xí)掌握完成任務(wù)需要的背景知識(shí)和要求）、考試（檢驗(yàn)用戶培訓(xùn)后是否達(dá)到要求）以及用戶達(dá)到要求后的任務(wù)分發(fā)執(zhí)行，如果能激發(fā)用戶的「心流」?fàn)顟B(tài)，對(duì)于培訓(xùn)效率、考試通過(guò)率以及最終任務(wù)執(zhí)行的結(jié)果質(zhì)量，都可以起到積極促進(jìn)作用。

那么，怎么通過(guò)產(chǎn)品設(shè)計(jì)的手段幫用戶進(jìn)入「心流」?fàn)顟B(tài)呢？《消費(fèi)者行為學(xué)》中提到，「心流」體驗(yàn)具有以下特征：樂(lè)趣的感覺(jué)；控制的感覺(jué)；專心致志與高度集中的注意力；由于活動(dòng)本身而得到的精神享受；扭曲的時(shí)間感；所面對(duì)的挑戰(zhàn)與個(gè)人技能間的匹配。而對(duì)于樂(lè)趣感、控制感、注意力，有許多熟悉的設(shè)計(jì)方法都可以幫我們達(dá)到目的。

樂(lè)趣感：游戲化包裝 & 情感化細(xì)節(jié)

玩游戲的過(guò)程被視為最典型的心流體驗(yàn)，而游戲化的包裝手段，可以將原本枯燥的事物變得更加有趣，吸引用戶主動(dòng)持續(xù)地參與。Walkup 就是這方面的典型案例，將簡(jiǎn)單的走路變成環(huán)游世界解鎖各種美景成就的故事。

一個(gè)叫 Memrise 的背單詞應(yīng)用也用了類似的手段，將簡(jiǎn)單的背單詞任務(wù)列表包裝成了一段太空冒險(xiǎn)的經(jīng)歷。

實(shí)際的游戲化設(shè)計(jì)手段非常豐富，以上說(shuō)的只是冰山一角。而有趣的情感化細(xì)節(jié)融入，可以對(duì)用戶情緒進(jìn)行更好地管理，好的狀態(tài)可以受到激勵(lì)和保持，遇到障礙時(shí)則能被有效安撫，比如以下有道口語(yǔ)大師的案例：

控制感：符合直覺(jué) & 位置感知

「控制感」指的是個(gè)體對(duì)能夠控制自身的個(gè)人意愿的覺(jué)知，能清楚地預(yù)知和掌控接下來(lái)發(fā)生的事情。而在產(chǎn)品設(shè)計(jì)中，我們應(yīng)該做的則是尊重用戶的直覺(jué)/心智模型，提升功能可供性（Affordance）。移動(dòng)場(chǎng)景下常見(jiàn)的滑動(dòng)、捏合縮放、旋轉(zhuǎn)等自然觸控手勢(shì)交互就是符合直覺(jué)、不需要太多學(xué)習(xí)成本的典型案例，不少 GTD 產(chǎn)品里都有出色的經(jīng)典運(yùn)用。

除了功能操作本身之外，也要關(guān)注用戶對(duì)當(dāng)前所在位置的感知，比如涉及大量信息瀏覽的場(chǎng)景，平鋪直敘會(huì)讓人感到過(guò)于冗長(zhǎng)、易失去耐心，而結(jié)構(gòu)化的信息呈現(xiàn)方式 + 清晰的進(jìn)度外化，則可以加強(qiáng)用戶瀏覽過(guò)程的控制感、提升瀏覽完成的信心。

注意力：強(qiáng)化內(nèi)容 & 避免中斷 & 音效

高度集中的注意力，意味著對(duì)當(dāng)前內(nèi)容/操作本身的關(guān)注，而不受到其他無(wú)關(guān)元素的干擾。在內(nèi)容呈現(xiàn)方式上，可以通過(guò)精簡(jiǎn)不必要的信息、沉浸式瀏覽、設(shè)計(jì)風(fēng)格輕量留白等手段，引導(dǎo)用戶將注意力集中在內(nèi)容本身；在操作路徑上，則需保證盡可能的順暢，集中在當(dāng)前主要操作上，即使有提醒也使用更輕量的方式，而不是用粗暴的模態(tài)彈框等方式干擾中斷。

除此之外，我覺(jué)得音效也是提升注意力的手段之一，就像我們工作中會(huì)通過(guò)聽(tīng)歌來(lái)幫助自己進(jìn)入狀態(tài)一樣，合適的背景音樂(lè)也可以幫助用戶沉浸在當(dāng)前場(chǎng)景中，效率類應(yīng)用 Sway 就是一個(gè)不錯(cuò)的案例。

當(dāng)然，以上只是不完全的總結(jié)，我相信還有很多方法和案例是有助于實(shí)現(xiàn)「心流」特征（樂(lè)趣的感覺(jué)；控制的感覺(jué)；專心致志與高度集中的注意力；由于活動(dòng)本身而得到的精神享受；扭曲的時(shí)間感；所面對(duì)的挑戰(zhàn)與個(gè)人技能間的匹配）的，歡迎交流補(bǔ)充啦~

歡迎關(guān)注阿里CCOUX團(tuán)隊(duì)的微信公眾號(hào)：

「如何做出打動(dòng)人心的設(shè)計(jì)」

1. 《進(jìn)階好文！如何從3個(gè)層面做出打動(dòng)人心的設(shè)計(jì)？》
2. 《如何做出讓競(jìng)爭(zhēng)對(duì)手難以復(fù)制的設(shè)計(jì)創(chuàng)新方案？》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹(shù)專欄。開(kāi)啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺(jué)效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com