建站常識(shí)
兼容心理模型和系統(tǒng)模型的交互設(shè)計(jì)
2010-11-25 08:34:00
提到心理模型和系統(tǒng)模型就意味著需要用到《設(shè)計(jì)心理學(xué)》中提出的那三個(gè)模型的概念。一直以來(lái),從事設(shè)計(jì)工作的朋友們不管是在產(chǎn)品原型設(shè)計(jì)還是視覺(jué)設(shè)計(jì)上都盡量的使系統(tǒng)模型能夠跟心理模型更加的接近。因?yàn)閷?duì)于一款產(chǎn)品而言其系統(tǒng)模型與用戶心理模型越接近,產(chǎn)品的用戶體驗(yàn)越好,用戶學(xué)習(xí)起來(lái)也越快。但是一個(gè)復(fù)雜的產(chǎn)品要使得用戶直接從表現(xiàn)上理解系統(tǒng)模型往往是非常困難的,只有在使用產(chǎn)品的過(guò)程漸漸中熟悉產(chǎn)品的結(jié)構(gòu)和特性,從而掌握產(chǎn)品的系統(tǒng)模型。
友好的導(dǎo)航,你懂的
有些互聯(lián)網(wǎng)產(chǎn)品結(jié)構(gòu)非常簡(jiǎn)單,通過(guò)導(dǎo)航就可以形成一個(gè)跟系統(tǒng)模型比較接近的心理模型,一個(gè)新用戶也不會(huì)迷路。 先來(lái)看“去哪兒”的導(dǎo)航:
“去哪兒”的欄目結(jié)構(gòu)比較簡(jiǎn)單,通常用戶看一眼導(dǎo)航欄就可以知道整個(gè)網(wǎng)站的欄目結(jié)構(gòu)。也就是說(shuō)用戶在第一次看到“去哪兒”首頁(yè)時(shí),所生成的對(duì)欄目結(jié)構(gòu)的心理模型就與系統(tǒng)模型幾乎是一致的。
當(dāng)一個(gè)結(jié)構(gòu)復(fù)雜的產(chǎn)品第一次出現(xiàn)在我們面前時(shí),我們并不能一眼看出其結(jié)構(gòu),這時(shí)用戶會(huì)對(duì)產(chǎn)品形成一個(gè)無(wú)序雜亂的心理模型。我們?cè)谑褂玫臅r(shí)候也不會(huì)去追究,只要這次能夠找到目標(biāo)就行,不會(huì)刻意去認(rèn)路。通常我們下次來(lái)的時(shí)候還是會(huì)受益于第一次形成的模糊印象,可以更快的找到要去的目標(biāo)。只是用戶沒(méi)有形成一個(gè)有序的心理模型而對(duì)沒(méi)有去過(guò)的地方感到一種陌生,用戶對(duì)這種陌生的畏懼感會(huì)阻礙用戶主動(dòng)探索未用過(guò)的功能。支付寶由于其本身承載的業(yè)務(wù)和功能太多,即使經(jīng)過(guò)了大量?jī)?yōu)化后導(dǎo)航還是不能讓用戶感到足夠的輕松。也許支付寶參考SNS的布局方式會(huì)更受歡迎。
簡(jiǎn)單的系統(tǒng)結(jié)構(gòu)可以快速讓用戶認(rèn)識(shí)產(chǎn)品,給用戶友好的體驗(yàn),卻不能承載復(fù)雜的產(chǎn)品功能。復(fù)雜的結(jié)構(gòu)又不能帶給用戶好的體驗(yàn),正如俗話所說(shuō)的魚和熊掌不能兼得。而在實(shí)際應(yīng)用當(dāng)中有些優(yōu)秀的產(chǎn)品會(huì)用一些特殊的方法無(wú)意間解決了這個(gè)矛盾,那就是在表現(xiàn)上讓用戶形成對(duì)產(chǎn)品系統(tǒng)模型的一種錯(cuò)誤的認(rèn)識(shí),這種錯(cuò)誤認(rèn)識(shí)雖然跟系統(tǒng)模型有差別,但并不影響用戶使用,還會(huì)帶來(lái)更好的體驗(yàn)。
案例一,騰訊微博,本身系統(tǒng)模型也很簡(jiǎn)單,但是會(huì)給不同用戶形成不同的心理模型,而不會(huì)影響用戶使用。
“換膚”這個(gè)功能本身是“設(shè)置”欄目里面的子功能。這里在表現(xiàn)上將其與父級(jí)欄目并列,會(huì)使得部分用戶認(rèn)為“換膚”是獨(dú)立的一級(jí)功能。我們也可以反過(guò)來(lái)說(shuō)是將“換膚”這個(gè)一級(jí)功能放到了設(shè)置里面,便于用戶在設(shè)置其他參數(shù)時(shí),一并設(shè)置。
案例二,12582(農(nóng)信通)。
農(nóng)信通的產(chǎn)品非常復(fù)雜的,在首頁(yè)上有兩個(gè)地方進(jìn)行得兼容式交互設(shè)計(jì)的處理。一處是在“我的12582”那里,將在不同級(jí)欄目的入口放在一起,名字都是以“我的”開頭,用戶會(huì)在第一時(shí)間認(rèn)為這幾項(xiàng)是并列關(guān)系,形成一個(gè)有序而跟系統(tǒng)模型不符合的心理模型。另一處是圖標(biāo)導(dǎo)航,這里將農(nóng)信通的不同級(jí)產(chǎn)品分為了兩類呈現(xiàn)出來(lái)也有同樣的效果。
通過(guò)上面這些例子我們可以得出的結(jié)論是,如果我們可以設(shè)計(jì)出一個(gè)兼容的交互,讓用戶按照一個(gè)簡(jiǎn)單的結(jié)構(gòu)去認(rèn)識(shí)產(chǎn)品,而又不影響用戶的使用,就能夠保證用戶心理模型與產(chǎn)品系統(tǒng)模型存在差別時(shí)得到最佳體驗(yàn)。
明智的飛信讓新用戶“賓至如歸”(以下文段僅代表個(gè)人觀點(diǎn))
飛信PC客戶端程序的2010版一推出就受到廣泛關(guān)注,大家都有一個(gè)感覺(jué),那就是更像QQ了。網(wǎng)上還出現(xiàn)了標(biāo)題含“QQ被抄襲”等字樣的文章,也有網(wǎng)友就此對(duì)飛信有了一些看法,而我恰恰覺(jué)得飛信走了一條正確的路。設(shè)想一下如果有人問(wèn)你飛信是什么,你會(huì)如何解釋?我相信有九成以上的人會(huì)拿QQ作為參照:飛信是跟QQ類似的一款聊天軟件。QQ的覆蓋可以視為全網(wǎng),幾乎每一個(gè)網(wǎng)民都用過(guò)QQ,而且大部分網(wǎng)民都對(duì)QQ很熟悉,并習(xí)慣了QQ的各種操作。
當(dāng)一個(gè)沒(méi)有用過(guò)飛信的用戶聽(tīng)說(shuō)飛信是類似于QQ的軟件時(shí),心里就會(huì)想到QQ的樣子,如:條形的主界面、一對(duì)一的方形聊天窗口。當(dāng)這個(gè)用戶來(lái)使用飛信時(shí),要進(jìn)行某個(gè)操作就會(huì)按照使用QQ的方式來(lái)使用。如:添加好友的入口在主界面下方,打開個(gè)人資料是點(diǎn)擊頭像等,查看群列表是點(diǎn)擊橫向標(biāo)簽欄第二個(gè),空間入口是在頭像下方的小圖標(biāo)的第一個(gè)。QQ的覆蓋率太高,以至于我們可以認(rèn)為飛信要發(fā)展的新用戶都具有會(huì)使用QQ的特性,也就是說(shuō)他們用飛信時(shí)都會(huì)用QQ的模型進(jìn)行匹配,所以假設(shè)飛信的交互能夠與QQ一模一樣,那用戶第一次使用飛信就會(huì)知道如何使用飛信上與QQ共有的功能。新版的飛信越來(lái)越像QQ也就意味著飛信給新用戶的體驗(yàn)越來(lái)越好,用戶不需要去面對(duì)和學(xué)習(xí)一個(gè)陌生的交互,使用起來(lái)很輕松。飛信在2010后的幾個(gè)版本越來(lái)越像QQ的同時(shí),也等于給新用戶帶來(lái)了越來(lái)越好的體驗(yàn)。這種轉(zhuǎn)變是明智的。
優(yōu)秀的產(chǎn)品會(huì)讓用戶用起來(lái)輕松、有親切感,親切感就來(lái)源于設(shè)計(jì)師最大程度對(duì)用戶心理模型的考慮。最佳的體驗(yàn)有時(shí)候并不是什么高明創(chuàng)新,而是簡(jiǎn)單的滿足用戶的習(xí)慣或給用戶一個(gè)清爽有序的結(jié)構(gòu)。交互設(shè)計(jì)原本就是連接系統(tǒng)和用戶內(nèi)心的橋梁,抓住用戶的心,就能讓用戶心動(dòng)。
原文:http://www.xmued.com/?p=1723
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2009-12-25 08:24:00] 交互設(shè)計(jì)(3)—“有效性”之“適時(shí)幫助”
- [2010-11-01 16:39:00] 交互設(shè)計(jì)師五大關(guān)鍵素養(yǎng)
- [2009-12-17 11:55:00] 淺談白社會(huì)交互設(shè)計(jì)的創(chuàng)新(一)
- [2010-01-04 09:07:00] 交互設(shè)計(jì)(4)—“有效性”之“簡(jiǎn)潔清晰,自然易
- [2010-07-01 08:18:00] 短兵相接勇者勝—緊張項(xiàng)目管理策略
- [2010-06-08 22:20:00] 設(shè)計(jì)從整理開始
- [2010-02-06 15:54:00] 交互設(shè)計(jì)(9)—一次點(diǎn)擊
- [2010-09-03 15:20:00] 案例—減少用戶的思考
- [2010-12-15 08:53:00] 關(guān)于網(wǎng)站地圖
- [2010-12-28 17:38:00] 層次任務(wù)分析
- [2010-05-11 10:55:00] 設(shè)計(jì)提升滿意度
- [2010-11-12 08:27:00] 20K的糾結(jié) 騰訊游戲flash廣告設(shè)計(jì)的現(xiàn)狀與未來(lái)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
企業(yè)網(wǎng)站 青島開發(fā)區(qū)建站公司 網(wǎng)站制作 網(wǎng)站設(shè)計(jì)趨勢(shì) 審美 網(wǎng)站設(shè)計(jì) 微信小程序 空白和簡(jiǎn)潔的設(shè)計(jì) 圖形網(wǎng)格 企業(yè)建站 微信開發(fā) SEO優(yōu)化 青島網(wǎng)頁(yè)制作 營(yíng)銷策略 網(wǎng)站的速度 SEO 扁平化設(shè)計(jì) 搜索引擎蜘蛛 高端網(wǎng)站設(shè)計(jì) 青島高端網(wǎng)站建設(shè)公司哪家好 版面布局 青島網(wǎng)站設(shè)計(jì)哪家好 頁(yè)面設(shè)計(jì) 營(yíng)銷型網(wǎng)站建設(shè) 平面設(shè)計(jì) H5定制設(shè)計(jì) 青島高端網(wǎng)站建設(shè) 互聯(lián)網(wǎng) 青島黃島、紅島網(wǎng)站建設(shè)公司 青島網(wǎng)頁(yè)設(shè)計(jì)