基于無意識設(shè)計的圖形化用戶界面應(yīng)用研究

早期發(fā)表的論文一篇——《美術(shù)界》

交互設(shè)計缤言,它是一種以用戶和活動為中心的設(shè)計欺抗。用戶體驗是交互設(shè)計領(lǐng)域的常用理論,強調(diào)用戶為核心的設(shè)計理念恕沫,特別是用戶群體的無意識表現(xiàn)监憎,更多是提醒設(shè)計師在設(shè)計中以無意識設(shè)計為主線,通過對人性化意識的內(nèi)涵婶溯、特征分析鲸阔,以“人無意識的習(xí)慣”為角度,分析無意識設(shè)計在交互設(shè)計中的應(yīng)用迄委,并從圖形化用戶界面設(shè)計找出交互設(shè)計與無意識設(shè)計的平衡點褐筛。

一、無意識設(shè)計

“無意識設(shè)計”(Without?Thought)又稱“直覺設(shè)計”叙身,即:“將無意識的行動轉(zhuǎn)化為可見之物”渔扎。如人的閱讀通常是從上至下,從左至右信轿。又如人們通常打開房門后會把鑰匙放在進門的鞋柜上晃痴,這種無意識的行為就被稱為無意識行為,這種行為時常出現(xiàn)在人們的日常生活中财忽,成為一種行為習(xí)慣倘核,進而轉(zhuǎn)化成為生活經(jīng)驗。在弗洛伊德的精神分析理論中他將人的精神意識分為意識即彪、潛意識紧唱、無意識三層。無意識成份是指那些在通常情況下根本不會進入意識層面的東西隶校,如內(nèi)心深處被壓抑的情感漏益、秘密的想法和恐懼等。所以無意識具有能動作用深胳,它主動地對人的性格和行為施加壓力和影響绰疤。如果設(shè)計出的產(chǎn)品能變成人們的一種生活習(xí)慣或方式,在使用過程中無需特定意識就能夠操作和使用稠屠,這便是無意識設(shè)計所追求的目標了峦睡。同樣,在圖形化用戶界面設(shè)計中权埠,也可以通過無意識設(shè)計理論的運用榨了,關(guān)注影響用戶行為和習(xí)慣的各種因素的設(shè)計,從而賦予它情感攘蔽。

1龙屉、圖形化用戶界面

界面設(shè)計(Graphical?User?Interface),即人機交互圖形化用戶界面設(shè)計满俗。簡單來說转捕,圖形化用戶界面設(shè)計就是屏幕產(chǎn)品的視覺體驗和互動操作,是用戶與應(yīng)用軟件之間相互作用和相互施加影響的區(qū)域唆垃,在此區(qū)域五芝,兩者發(fā)生各種信息交流和控制活動。圖形化用戶界面設(shè)計是計算機科學(xué)辕万、認知心理學(xué)與設(shè)計學(xué)相結(jié)合的產(chǎn)物枢步,也涉及語言學(xué)、人工智能和社會學(xué)等學(xué)科渐尿。圖形化用戶界面設(shè)計不是單純的美術(shù)繪畫醉途,它需要定位使用者、使用環(huán)境砖茸、使用方式并為用戶設(shè)計隘擎,是純粹的科學(xué)性藝術(shù)設(shè)計。檢驗界面設(shè)計的標準不是項目開發(fā)組領(lǐng)導(dǎo)的意見凉夯,也不是項目成員投票的結(jié)果货葬,而是用戶的感受,所以圖形化用戶界面設(shè)計要與用戶研究緊密結(jié)合劲够,是一個不斷為用戶設(shè)計滿意視覺效果的過程宝惰。本文研究的主要對象即是網(wǎng)站界面的圖形化界面設(shè)計。

二再沧、無意識設(shè)計在圖形化界面設(shè)計中的應(yīng)用

圖形化用戶界面的基本構(gòu)成主要有五項:窗口(windows),圖標(icon),菜單(menus),聲音(voice)尼夺,動畫(animation),窗口又細分為圖形炒瘸、圖像和文字兩部分淤堵。下面將基于騰訊QQ的用戶使用界面進行具體的分析。

1顷扩、窗口

通常窗口是屏幕中的獨立區(qū)域拐邪。由于微軟操作系統(tǒng)的普及,人們大都習(xí)慣了一種固定的窗口模式隘截,如窗口上部是各操作選項扎阶,右上角是關(guān)閉汹胃、縮小,窗口右邊是滾動條东臀。這種布局方式已形成一種思維模式着饥,形成了用戶操作的習(xí)慣,所以界面設(shè)計中惰赋,就要將已形成的動作和習(xí)慣考慮在內(nèi)宰掉,而在QQ界面設(shè)計中設(shè)計師把整體界面分為三部分,上部是個人的基本信息也是QQ界面的主功能圖標區(qū)赁濒。中間是主顯示區(qū)域轨奄,是主功能區(qū),體現(xiàn)QQ軟件最基本的功能——供人們進行交流溝通拒炎,它既是操作中心也是視覺中心挪拟。下部是程序管理和次功能圖標區(qū)。騰訊QQ界面不僅保留了人們操作界面的習(xí)慣击你,也體現(xiàn)了無意識設(shè)計在界面中的具體運用舞丛。

(1)圖形、圖像

圖形果漾、圖像有別于文字球切、語言等傳播形式,它具有信息傳播直觀形象绒障,視覺效果豐富等特點吨凑。它的傳播范圍更廣,表現(xiàn)方式更自由户辱。

(2)文字

文字是信息傳達的主要部分鸵钝,它是界面的重要載體。字體的種類與排版設(shè)計也會影響到界面的視覺效果和實際運行庐镐。

2恩商、圖標

圖標是特殊的語義符號,有多種形式必逆,可以是寫實或是抽象的怠堪,或是任意符號,但以用戶能理解識別為前提名眉。其功能性在于建立起虛擬世界與真實世界的一種隱喻或映射關(guān)系粟矿,用戶需要透過這種隱喻去理解圖標背后的意義,依據(jù)自己的知識儲備對圖標做出相應(yīng)的理解损拢。例如QQ界面右上角有三個圖標陌粹,使用者可以很直觀地從圖標看出它的作用,如更改外觀的圖標是日常生活中衣服的簡略樣式福压。最小化是一個橫條掏秩,給人感覺就是東西被壓縮或舞、壓扁。關(guān)閉則是生活中常見的“X”圖形蒙幻。這些圖標都能直觀地將自身功能作用表達出來映凳,用戶無需閱讀任何使用手冊便可理解其涵義,這都是無意識設(shè)計在圖標中的具體應(yīng)用杆煞。

3魏宽、色彩

人從外界接受信息的90%是由視覺傳入大腦的腐泻,視覺的第一印象就是色彩决乎,色彩影響著人的感覺、情緒和選擇派桩,產(chǎn)生美的同時构诚,也產(chǎn)生功能。色彩的視覺效果會引發(fā)和激勵用戶的感覺并引起情感共鳴铆惑。QQ界面中最明顯的具體應(yīng)用就是好友在線提示范嘱,在線好友頭像是彩色的,不在線時則變成灰色员魏。這是很直觀的感受:人在的時候是有色彩的丑蛤,不在的時候則變成灰色。這符合我們?nèi)粘I钪袑ι实那楦杏∠笏貉郑瑹o需言語解釋也能明白色彩的無意識設(shè)計意義受裹。

4、聲音

聽覺是僅次于視覺的重要感官虏束。聲音可以使界面變得更生動棉饶、更富于情感。聲音的其中一個重要作用在于對用戶的操作行為給予反饋镇匀。QQ里好友上線開門的聲音照藻,來信息時“滴滴”的提示音,這些聲音已經(jīng)在人潛意識里形成相對應(yīng)的符號汗侵,這是QQ與用戶之間的一種無意識交流的體現(xiàn)幸缕。

5、動畫

動畫可以完整直觀的傳達信息晰韵,表現(xiàn)力強冀值,靜態(tài)頁面中適當加入動畫,可以達到“動靜相宜”的視覺效果宫屠。就QQ界面來說列疗,QQ登錄界面就加入了可以隨著時間的變化而改變的動畫,早上的時候是太陽初升浪蹂,中午則變成晴空萬里抵栈,動畫與用戶所處的時間段相關(guān)聯(lián)告材,加強了產(chǎn)品與用戶之間的溝通和聯(lián)系,這無疑進一步增進了產(chǎn)品與用戶之間的情感交流古劲,用戶和產(chǎn)品之間的距離被拉近了斥赋,彼此不再陌生。

三产艾、結(jié)束語

設(shè)計以人為本疤剑,它是為了滿足人們對產(chǎn)品及其非產(chǎn)品需求的產(chǎn)物,設(shè)計的出發(fā)點和歸宿也正是不斷滿足人們?nèi)找嬖鲩L的物質(zhì)闷堡、精神的需求隘膘,所以人需求的滿足才是無意識設(shè)計的根本。無意識行為通常存在于交互設(shè)計的目標用戶群的生活中杠览,這類無意識行為同時也成了用戶的一種行為經(jīng)驗弯菊。所以本文首先通過對無意識設(shè)計的內(nèi)涵、特征的研究踱阿,在論文的核心部分根據(jù)提出的無意識理念管钳,以騰訊QQ為例,剖析了窗口软舌、圖標才漆、色彩、聲音佛点、動畫在QQ界面的無意識設(shè)計中起到的作用及其發(fā)展的根本動力醇滥,即如何合理的利用這類無意識的行為經(jīng)驗去滿足用戶自身的潛在需求,也就是說在界面設(shè)計中需要設(shè)計師通過有意識的設(shè)計恋脚,豐富交互產(chǎn)品的個性腺办,實現(xiàn)無意識行為的價值。通過“無意識設(shè)計”糟描,把消費者的無意識行為物化怀喉,給大眾一種“似曾相識”的親切感,使得界面不再是冰冷的功能性物件船响,而是注重用戶界面和情感的結(jié)合躬拢,能夠使人自覺地依靠習(xí)慣性的行為方式完成界面的操作,滿足用戶對用戶界面的功能需求和情感的交流见间,在交互的環(huán)境中延伸人的能力聊闯。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市米诉,隨后出現(xiàn)的幾起案子菱蔬,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拴泌,死亡現(xiàn)場離奇詭異魏身,居然都是意外死亡,警方通過查閱死者的電腦和手機蚪腐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門箭昵,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人回季,你說我怎么就攤上這事家制。” “怎么了泡一?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵颤殴,是天一觀的道長。 經(jīng)常有香客問我瘾杭,道長诅病,這世上最難降的妖魔是什么哪亿? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任粥烁,我火速辦了婚禮,結(jié)果婚禮上蝇棉,老公的妹妹穿的比我還像新娘讨阻。我一直安慰自己,他們只是感情好篡殷,可當我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布钝吮。 她就那樣靜靜地躺著,像睡著了一般板辽。 火紅的嫁衣襯著肌膚如雪奇瘦。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天劲弦,我揣著相機與錄音耳标,去河邊找鬼。 笑死邑跪,一個胖子當著我的面吹牛次坡,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播画畅,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼砸琅,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了轴踱?” 一聲冷哼從身側(cè)響起症脂,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后诱篷,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體沸版,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年兴蒸,在試婚紗的時候發(fā)現(xiàn)自己被綠了视粮。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡橙凳,死狀恐怖蕾殴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情岛啸,我是刑警寧澤钓觉,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站坚踩,受9級特大地震影響荡灾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瞬铸,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一批幌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧嗓节,春花似錦荧缘、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至鸵隧,卻和暖如春绸罗,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背豆瘫。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工珊蟀, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人靡羡。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓系洛,卻偏偏與公主長得像,于是被迫代替她去往敵國和親略步。 傳聞我的和親對象是個殘疾皇子描扯,可洞房花燭夜當晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容