心流理論和設(shè)計(jì)_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:如何控制頁(yè)面內(nèi)容的加載順序轉(zhuǎn)載http://bbl456.blog.sohu.com/72162079.html目前網(wǎng)站之間相互調(diào)用的情況越來(lái)越多,比如需要調(diào)用某個(gè)第三方提供的一些接口(天氣預(yù)告),或者是第三方提
Jim Ramsey(Movable Type 的設(shè)計(jì)師)在 ALA 上發(fā)表了一篇名為 Designing For Flow 的文章。只看標(biāo)題的時(shí)候我也以為是講設(shè)計(jì)流程、信息架構(gòu)之類(lèi)的文章,細(xì)看之下原來(lái)是心理學(xué)上的“心流(Flow)”概念。
Mihaly Csikszentmihalyi 首次從心理學(xué)角度提出了這個(gè)“心流”的概念(1975年): 忘我、忘記時(shí)間、忘記其他所有不相關(guān)的東西,完全沉靜在某項(xiàng)事物或情境中。就像是自己極端的專(zhuān)注于做某件喜歡做的事,完全沒(méi)有因?yàn)槊曰�、重�?fù)、繁雜的任務(wù)而引起的煩躁或無(wú)聊。
關(guān)于心流理論,以下摘抄一部分網(wǎng)上的信息:
--
心流體驗(yàn)(Flow Experience)是消費(fèi)體驗(yàn)理論中引用最多的概念之一。Csikszentmihalyi 將心流體驗(yàn)定義為個(gè)體完全投入某種活動(dòng)的整體感覺(jué),當(dāng)個(gè)體處于心流體驗(yàn)狀態(tài)時(shí),他們完全被所做的事深深吸引,心情非常愉快并且感覺(jué)時(shí)間過(guò)得很快。
Csikszentmihalyi(1997) 根據(jù)技巧和挑戰(zhàn)兩個(gè)細(xì)分變量對(duì)體驗(yàn)進(jìn)行區(qū)分,而心流體驗(yàn)具有最豐富的心靈能量,發(fā)生在當(dāng)技巧及挑戰(zhàn)都最高的時(shí)候。心流體驗(yàn)是最佳體驗(yàn),也是最值得的體驗(yàn)。當(dāng)人們?cè)谶M(jìn)行活動(dòng)時(shí),假如完全地投入到情境當(dāng)中,集中注重力,并且過(guò)濾掉所有不相關(guān)的知覺(jué),即是進(jìn)入一種心流的狀態(tài)。心流是一種暫時(shí)性的、主觀的體驗(yàn),也是人們?yōu)槭裁丛敢饫^續(xù)再?gòu)氖履撤N活動(dòng)的原因。如持續(xù)玩網(wǎng)絡(luò)游戲。
Csikszentmihalyi(1997) 概括了心流體驗(yàn)的九個(gè)特征:清楚的目標(biāo)、即時(shí)反應(yīng)、技能與挑戰(zhàn)相匹配、行動(dòng)與知覺(jué)的融合、專(zhuān)注于所做的事情、潛在的控制感、失去自我意識(shí)、時(shí)間感的變化和自身有目的的體驗(yàn)。
Novak 和 Michel(2000) 依據(jù)心流體驗(yàn)產(chǎn)生的過(guò)程又將這九個(gè)特征歸納為三類(lèi)因素:
--
Jim 根據(jù) Csikszentmihalyi 的著作《心流:最佳體驗(yàn)的心理學(xué)》總結(jié)了四條相對(duì)重要的原則,可以幫助設(shè)計(jì)師培養(yǎng)用戶的心流體驗(yàn)。詳情請(qǐng)閱讀原文:Designing For Flow,以下節(jié)選部分(非完全翻譯):
設(shè)定清楚目標(biāo)
第一步就是為用戶設(shè)定清楚的目標(biāo),設(shè)定清楚目標(biāo)意思是告訴用戶產(chǎn)品能夠完成什么事。市場(chǎng)部分的描述實(shí)際上比大部分設(shè)計(jì)師所想的要重要的多,比如說(shuō) 37signals 對(duì) Campfire 的描述:“類(lèi)似于 IM,它為團(tuán)隊(duì)使用提供了便利的功能,尤其能夠幫助遠(yuǎn)程協(xié)作的團(tuán)隊(duì)�!边@樣的描述能夠讓訪客一下子明白產(chǎn)品的特色。又比如 37signals 的另一個(gè)產(chǎn)品 Backpack,他們提供了一系列的使用實(shí)例,可以幫助用戶了解和熟悉具體的應(yīng)用,比如計(jì)劃和組織信息。
提供即時(shí)反饋
一旦用戶知道他們能夠做什么,能夠完成什么任務(wù),他們會(huì)馬上希望實(shí)現(xiàn)。怎么實(shí)現(xiàn)?網(wǎng)站必須一步步引導(dǎo)用戶,讓用戶能夠感覺(jué)到目標(biāo)的完成程度,以及能感覺(jué)到離目標(biāo)還有多遠(yuǎn)。比如 Wufoo是一個(gè)在線表單制作網(wǎng)站,它給用戶提供了類(lèi)似于下一步、下一步的操作方式,并且能夠給出實(shí)時(shí)地預(yù)覽,減少了用戶在使用過(guò)程中的焦慮感。又比如 Flickr 的基于 Flash 的圖片上傳,可以讓用戶看到每張圖片的上傳過(guò)程。
最大化效率
一旦用戶由初級(jí)用戶升級(jí)到中級(jí)、專(zhuān)家用戶,他們會(huì)希望能夠更有效的使用產(chǎn)品。比如 Google Reader 就具有不少這方面的特性,最佳的例子就是“無(wú)止境的往下滾動(dòng)”,沒(méi)有翻頁(yè)。還有就是對(duì)文章的 Email 分享,利用 Ajax 技術(shù)完成,非常高效,不用離開(kāi)當(dāng)前頁(yè)面。Google 通過(guò)減少用戶行為的心理負(fù)擔(dān),來(lái)降低心流狀態(tài)被打斷的幾率。
Backpack 也有一項(xiàng)非常出色的地方,在提醒那里,用戶不需要去選擇“年月日分秒”,而是“今天晚些時(shí)候”“兩周內(nèi)”之類(lèi)的選項(xiàng)。Backpack 讓這些細(xì)節(jié)部分更符合用戶的心智模型,而不是去考慮程序如何實(shí)現(xiàn)、數(shù)據(jù)何存儲(chǔ)到數(shù)據(jù)庫(kù)之類(lèi)的問(wèn)題。
答應(yīng)發(fā)現(xiàn)
當(dāng)用戶開(kāi)始以最高效率工作的時(shí)候,他們的參與感會(huì)降低,枯燥感會(huì)上升。為了避免這些情況,就需要藏匿一些內(nèi)容、功能、特性,等待他們的發(fā)現(xiàn)。讓用戶能夠有繼續(xù)學(xué)習(xí)、提高的可能性,讓他們知道總有新的東西。原文中的例子是 New York Times 和 Ebay。
--
心流理論可以為很多體驗(yàn)設(shè)計(jì)作理論支持。Jim Ramsey 的 Blog 似乎也專(zhuān)注于設(shè)計(jì)與心流的結(jié)合,值得關(guān)注,但似乎更新的并不頻繁,訂閱地址是:http://feeds.feedburner.com/jimramsey
分享:富媒體廣告設(shè)計(jì)之銳智MOTO RAZR V8黃金典藏版點(diǎn)擊欣賞該廣告廣告制作:互動(dòng)通www.hdtworld.com廣告背景:2007年5月,摩托羅拉正式推出內(nèi)存為2GB的新版V8系列,其中“黃金甲附體”的黃金典藏版,更被譽(yù)
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬(wàn)部iPhone遭蘋(píng)果退貨 損失10億元
網(wǎng)頁(yè)設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)設(shè)計(jì)教程推薦
猜你也喜歡看這些
- 盒模型bug的解決方法
- 符合WEB標(biāo)準(zhǔn)的導(dǎo)航菜單
- 第11天:不用表格的菜單
- 無(wú)延遲翻滾的圖形/CSS混合風(fēng)格的按鈕
- 最窄770px最寬1024px經(jīng)典布局
- 深入CSS結(jié)構(gòu):合理運(yùn)用div和span
- 從GMail認(rèn)識(shí)的W3C網(wǎng)頁(yè)標(biāo)準(zhǔn)和Ajax
- HTML4標(biāo)簽的默認(rèn)樣式列表
- 深入CSS結(jié)構(gòu):div再議以及對(duì)span的迷惑
- 一個(gè)簡(jiǎn)單又不簡(jiǎn)單的Css設(shè)計(jì)實(shí)例
- 相關(guān)鏈接:
- 教程說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程-心流理論和設(shè)計(jì)
。