久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

馬桶到刪除:從認知心理學分析其交互設計

  馬桶的按鈕和 Safari 的刪除按鍵設置存在什么樣的問題?看看從認知心理學的分析能得到些什么啟示。

  下圖是常見的一種馬桶放水按鈕設計,乍看一個按鈕,卻由一大一小兩部分構成。不知有多少人知道這個設計的奧秘所在。有沒有曾方便完疑惑過,該按哪一個?大多數人最后的選擇可能都是同時按。

馬桶到刪除:從認知心理學分析其交互設計 三聯

  其實,一大一小按鈕功能相同,區別只在于出水量!設計者期望通過直觀、形象的按鈕大小來代表出水量!合理嗎?想一想,“哦,有點道理”。然后呢?事實是下一次你可能依然會兩個同時按!這個看似巧妙的設計,卻給生活平添了無端的疑惑和認知決策。

  馬桶按鈕設計的問題

  問題在于設計者試圖挑戰的是大多數人早已建立的知識結構和關系模式,每次操作時都要付諸額外的認知記憶和判斷!不是嗎?最自然的設計和操作該是什么?其實大多數人的實際操作已經給了答案,一個按鈕就夠了!那出水量怎么辦?

  認知圖式

  先來看看認知心理學關于人們對世界的表征和知識結構研究。對于事物以及事物間關系的認知和理解,構成了我們對于外部世界的內在表征,而對這些知識的結構化組織,心理學中有一個概念叫圖式(schema),圖式是“結構化的概念…用來表征事件、事件發生的順序…關系以及目標”(艾森克, 2000)。圖式代表了基于經驗形成的對特定對象和事件的結構化知識(Weiten, 1995)。圖式作為一種認知結構,會影響我們的注意、記憶等信息加工過程,甚至我們的社會交往(Baron & Byrne, 1994)。當然還有我們這里討論的交互行為操作!

  那么在我們的認知圖式中,什么與出水量是最自然的關聯?答案是按下的時間長短或力度!這是比按鈕大小更早建立或更普遍的關聯關系。每次放水時的猶豫,就在于設計者要挑戰你早已形成的圖式。

  認知反饋

  除圖式之外,馬桶按鈕還與交互設計中另一個概念有關:反饋。即便是曾經分別按過大或小按鈕,結果呢?我們關注的是水有沒有出來。如果有人好奇到看看區別,可能的結果還是疑惑。

  在心理學中,有個概念叫最小可覺差(j.n.d, just noticeable difference)。簡單舉例說,手拿一張紙或兩張紙,這個重量差別你體會不到,但拿一張紙或一沓紙,這個差別你是能分辨出的,因為一張兩張紙的差別小于你能分辨出的重量差別(即最小可覺差),而一張紙和一沓紙的區別大于最小可覺差。對于馬桶出水量,我們缺少水流判斷的視覺線索,水量差別也可能小于最小可覺差。這就是為什么我想說:這個“總讓你我思考”的馬桶設計真的很糟!

  iOS 中的刪除按鈕

  我們再來看看 iOS 中的“刪除”設計,下圖以 Safari 瀏覽器地址輸入時界面為例(其他搜索界面類似),兩個按鈕分別標出(下圖左):

  鍵盤中的刪除按鈕;

  地址欄后部分的刪除。

  兩個按鈕功能的差別在于地址欄后部分按鈕可以一鍵清除前面內容;而鍵盤中的刪除與傳統鍵盤的刪除類似,是逐字刪除。電腦操作中,多個內容的刪除,一般操作習慣是先選中這些內容再按一次刪除鍵。屏幕變小的手持設備采用觸屏操作,先選中再刪除的操作困難一些,但單獨分開的一鍵刪除和逐字刪除,在設計和操作上值得商榷,更何況在 Safari 中,當光標未置入地址欄時,鍵盤的刪除也是清除功能,即全刪除。

  根據上面討論到的心理學知識,與刪除多少自然關聯的概念也是時間(即鍵盤按下時間)!單次觸點按下逐字刪除,長按全刪(如上圖右邊的 MyCal 刪除就采取了這種設計,與傳統計算器的 C 鍵一鍵刪除的操作相比,操作有更高的精細度)。當然更精細的設計原理是根據按下時間計算刪除的加速度,這樣設計即考慮到了人們的認知操作和期望,并減少了界面元素,也減少了認知混淆和決策。

  當然,根據 Occam’s razor 原則(Lidwell, Holden, & Butler, 2010),以上兩個設計也是需要精簡的。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 羞视频在线观看 | 国产午夜精品一区二区三区四区 | 四虎影院在线免费观看 | 青青草av在线播放 | 国产精品网址 | 亚洲综合99 | 欧美精品一区二区三区蜜桃视频 | 视频在线观看一区 | 操网站 | 看a网站 | 在线一区二区三区 | 欧美福利精品 | 欧美精品一区二区在线观看 | 成人免费在线视频 | 亚洲aⅴ | 羞羞在线视频 | 亚洲天堂av在线 | 免费在线观看av网址 | 精品国产乱码久久久久久丨区2区 | 一区二区三区欧美大片 | www.国产精品 | 日本一区二区三区四区 | 91精品国产综合久久福利软件 | 北条麻妃视频在线观看 | 综合国产 | 国产亚洲欧美在线 | 一级做a爰片性色毛片 | 久久男人天堂 | 久久久91精品国产一区二区三区 | 一区二区三区视频在线观看 | 国产精品视频久久久久 | 日本黄色大片免费看 | 色婷婷av久久久久久久 | 波多野结衣一区二区三区在线观看 | www.97国产 | 欧美日韩综合一区 | 亚洲巨乳自拍在线视频 | 欧美精品一区在线发布 | 超碰精品在线 | 人人cao| 久久久久久免费精品一区二区三区 |