小紐扣

辽宁35选7玩法:交互基礎知識普及——心智模型

小紐扣 交互/原型 2654瀏覽

辽宁35选7开奖哪个台 www.duulp.com 心智模型(Mental Models,也有人翻譯為心理模型),首先是由肯尼思·克雷克(Kenneth Craik)在1943年所著的《解釋的性質(The Nature of Explanation)》這本書里提出。

 

艾倫·庫伯(Alan Cooper)在《交互設計精髓 4(About face 4)》這本書里也有提到。

在書里,庫伯并沒有給出心智模型的定義,而是通過一個例子來說明:

很多看電影的人,實際上并不太懂電影的投影儀是如何工作的,或者電影投影儀與電視的工作原理有何區別。他們想象投影儀只是把會動的圖片投射到了幕布上。這就是用戶的“心智模型”,或者“概念模型”。

 

來自1986年的一篇論文《認知科學與科學教育(Cognitive Science and Science Education)》對心智模型下過這樣的定義:

“心智模型指一個人對某事物運作方式的思維過程,即一個人對周遭世界的理解。心智模型的基礎是不完整的現實、過去的經驗甚至直覺感知。它有助于形成人的動作和行為,影響人在復雜情況下的關注點,并確定人們如何著手解決問題?!?/p>

具體來說,心智模型是人們腦海中對萬物(即真實世界、設備、軟件等)的解析。

通常在使用軟件或設備之前,人們就非??燜俚卦諦鬧寫唇ǔ雋艘桓魴鬧悄P?,來幫助他們使用。

人們的心智模型來自于過去對類似軟件或設備的使用經驗,也來自于他們對該產品的猜測、間接聽聞和直接使用經驗。

人們用心智模型來預知系統、軟件或其他產品的用途或用法。

心智模型一方面幫助人們理解軟件或設備如何運轉,另一方面人們也通過這種理解來幫助他們學習如何使用。

著名的美國認知心理學家、曾被《商業周刊》雜志評選為世界最有影響力的設計師之一的唐納德·A·諾曼在《設計心理學》中提出:

“心智模型是存在于用戶頭腦中的關于一個產品應該具有的概念和行為的知識。這種知識可能來源于用戶以前使用類似產品的經驗,或者是用戶根據使用該產品要達到的目標而對產品的概念和行為的一種期望?!?/section>

這個概念將心智模型說的十分清楚了。

用戶的心智模型,是用戶基于過去使用過的類似產品的經驗產生的,也是對將要使用的產品的期望。從這個概念里,可以提取出心智模型的兩個關鍵要素:經驗期望。

用戶基于自己的經驗去理解、使用一個產品,或者用戶基于自己的目標會對產品產生期望。

這就是用戶心智模型的核心要義。

為了更好地理解心智模型,這里舉個例子。

許多應用中都有拍照功能,這些拍照功能的按鈕都不約而同的被設計成相機的形狀。

由于用戶在生活中使用過相機,在手機的自帶應用里也使用過相機應用,因此當用戶再次看到相機樣子的按鈕,就可以不費吹灰之力得了解這個“使用這個按鈕可以進行拍照”的含義。

用戶通過以前的經驗來理解新的拍照按鈕,就是靠用戶的心智模型。

再例如,假設我們來到一個會議室,室內溫度32度。我們想通過空調把溫度降到24度。

在設定空調溫度的時候,很多人會下意識地用??仄靼鹽露鵲韉?2,甚至20度,因為用戶此時的目標是“快速降溫到24度”,因此產生“溫度調得越低,空調就會越努力工作”的預期。

這種預期,也是心智模型。

但實際上,即使用戶把溫度調得再低,老式空調也只會自顧自地工作,并不會為了這個“艱巨的任務”而加速制冷。

這是因為空調的制冷功能,有自己的一套運作模型,不論用戶設置的是24度,還是20度,老式空調把溫度下降8度、達到用戶需要的24度所花的時間都是一樣的。

 

心智模型和運作模型

用戶有自己的心智模型,而設備和機器有自己的運作模型,它是設備和機器能夠實現某種功能的原理,是專業人士的偉大發明。

但這些深奧的原理,對于不懂技術的普通用戶,門檻很高,比較難以理解——普通用戶其實也根本用不著弄懂這些復雜的原理,用戶只需要知道如何使用產品,以達到他們的目標就好了。

所以,用戶有自己的心智模型(關于一個產品應該具有的概念和行為的知識),設備和機器等有自己的運作模型(機器實現功能的技術原理)。

另外,還有一種和設計師關系更緊密的模型:表現模型(Represented Models)。唐納德·A·諾曼稱這種模型為“設計師模型”(Designer‘s Model)。

所謂表現模型,庫伯解釋說,是“設計師所選擇的一種表現方式,用來向用戶展現計算機程序有怎樣的功能”。

通俗點說,就是設計師提供一套設計方案,讓用戶可以容易地操作一個設備或應用,而根本不需要弄懂它的工作原理是什么。

設計師方案里使用的表現模型,越接近用戶的心智模型,則越容易被用戶接受,也就是所謂的“設計得越好”。

 

比如,微信紅包的設計就是一個符合用戶心智模型的例子。

在現實生活中,大家都對紅包的外形有認知。微信應用中紅包的設計,以用戶對實體紅包的認知為基礎,將紅包設計成“紅色長方形、上面有黃色封口”的形象,讓大家一看就知道“這是紅包”,從而迫不及待地去點擊,如下圖??

 

QQ閱讀的白天/黑夜模式的切換“按鈕”,被設計成拉繩的樣子:向下拉動繩子,則頁面從左圖的白天模式,切換到右圖的黑夜模式。

 

這一設計,頗為符合大家對“夜晚需要拉動繩子打開電燈”的認知,符合心智模型。

騰訊的另一個閱讀類產品——微信閱讀,也運用了心智模型的原理。在iPad版本中,如果橫置使用,則有如下圖的翻頁效果??

 

因為橫置使用的iPad,從大小上與實體書十分接近,使用翻頁效果更符合用戶讀實體書時候的經驗。

 

而iPhone版的微信讀書則沒有每個翻頁動效,只能通過點擊屏幕的右側來切換到下一頁的內容。這是為什么呢?因為手機比iPad小很多,和實體書已經不再接近,用戶沒有類似的經驗,就不必硬加上這樣的動效,否則會影響翻頁的效率,如下圖??

其實,一個優秀的設計方案需要滿足四個標準:

  1. 恰當的吸引力:功能的入口的吸引力程度與功能的重要性成正比。
  2. 容易理解:用戶一看便知按鈕、元素等的狀態和可能的操作方法;
  3. 正確的表現模型:設計師需提供給用戶一個正確的概念模型,使操作鍵鈕的設計與操作結果保持一致;
  4. 反饋:用戶能夠接收到的有關操作結果的完整的、持續的反饋信息。

表現模型,作為可以讓用戶順利進行操作的重要保障,是設計師需要不斷積累和理解的。

以上為大家介紹了心智模型、運作模型,還有表現模型。

總結一下,心智模型主要包括用戶的經驗和期望。設計師設計的表現模型,要盡可能貼近用戶的心智模型,而不是運作模型。

 

原文地址:沐風與體驗設計(公眾號)

作者:小哥哥沐風

轉載請注明:辽宁35选7开奖哪个台 » 交互基礎知識普及——心智模型

登錄收藏
 
你可能喜歡的:
如何做好交互驗收?如何做好交互驗收?
按鈕的禁用狀態 | 設計詳解按鈕的禁用狀態 | 設計詳解
學會「交互思維」進行產品設計學會「交互思維」進行產品設計
手機端空間級AR交互設計指南手機端空間級AR交互設計指南
5分鐘學交互:手機交互組件歸納 導航篇(下)5分鐘學交互:手機交互組件歸納 導航篇(下)
交互設計案例分享之指紋識別(附完整交互文檔)交互設計案例分享之指紋識別(附完整交互文檔)
交互手勢的應用場景分析交互手勢的應用場景分析
交互原則:交互設計7大定律詳解(中)交互原則:交互設計7大定律詳解(中)
支付寶「生物識別流程」原型資源分享支付寶「生物識別流程」原型資源分享
《沐風的交互課堂》帶你一起系統學交互~《沐風的交互課堂》帶你一起系統學交互~
?