設(shè)計(jì)中的概念模型——以豆瓣FM為例
對(duì)于產(chǎn)品的“概念模型”最早提出以及在設(shè)計(jì)中的作用,幾乎都是幾個(gè)心理學(xué)背景的專家在討論(如 Norman),這一點(diǎn)不難理解,概念模型的形成依賴用戶的認(rèn)知過程,其表征形式反映用戶對(duì)產(chǎn)品的認(rèn)知操作結(jié)構(gòu),這一知識(shí)系統(tǒng)構(gòu)建天然地與認(rèn)知心理學(xué)研究相關(guān)。但似乎這一概念及其作用并沒有被太多設(shè)計(jì)者意識(shí)到。作為一篇介紹概念模型在設(shè)計(jì)中應(yīng)用和舉例說明的文章,暫不對(duì)這一概念內(nèi)涵和演進(jìn)做系統(tǒng)梳理。
什么是產(chǎn)品的概念模型
Norman(2002)在其經(jīng)典著作 The design of everyday things (中文譯作《設(shè)計(jì)心理學(xué)》)中較早對(duì)這一概念模型有介紹。他認(rèn)為與產(chǎn)品相關(guān)的概念模型有兩個(gè)(見下圖):
Norman的概念模型
來源:Norman, D. (2002). The Design of Everyday Things,第 16 頁
設(shè)計(jì)者的概念模型(即設(shè)計(jì)模型,designer model)和最終用戶的概念模型(用戶模型,user’s model)。設(shè)計(jì)模型作為產(chǎn)品設(shè)計(jì)者的概念模型,是對(duì)產(chǎn)品構(gòu)成結(jié)構(gòu)和操作方式的系統(tǒng)化、結(jié)構(gòu)化描述;相對(duì)應(yīng)的用戶模型,是用戶在產(chǎn)品使用過程中形成的關(guān)于產(chǎn)品構(gòu)成和操作方式等的結(jié)構(gòu)化理解。而設(shè)計(jì)者是通過一系列視覺線索(如隱喻 metaphor, 可供性 affordance 等),以及用戶的產(chǎn)品使用過程將設(shè)計(jì)模型傳遞給用戶(即 Norman 所說的系統(tǒng)圖式 system image),并最終轉(zhuǎn)換為用戶概念模型。
設(shè)計(jì)模型和用戶模型的最理想狀態(tài)就是二者完全等同,即產(chǎn)品的所有設(shè)計(jì)意圖和操作方式完全被用戶所理解。但現(xiàn)實(shí)往往是殘酷的!除了作為設(shè)計(jì)師和用戶的那個(gè)/些人,這兩個(gè)模型總存在差異。而設(shè)計(jì)模型是否正確和有效的傳達(dá),并轉(zhuǎn)化為用戶的心理模型,在相當(dāng)程度上決定了該用戶對(duì)產(chǎn)品功能的理解和操作方式、使用效率等。
豆瓣 FM 模型實(shí)例
下面以豆瓣 FM(iPhone v2.3.3)傳達(dá)的概念模型來說明其操作對(duì)用戶(基于我和身邊幾個(gè)朋友的使用體驗(yàn))造成的困擾。
1、豆瓣 FM 在其概念模型傳達(dá)上存在的問題:
豆瓣 FM 中“電臺(tái)”概念,與網(wǎng)絡(luò)概念聯(lián)系緊密,而豆瓣 FM 可以離線收聽(需要先登錄并緩存“紅心”歌曲), 這一概念沒有在視覺上清晰傳遞給用戶 (對(duì)關(guān)注數(shù)據(jù)流量手機(jī)用戶很重要)。
挑戰(zhàn)用戶已成模式的播放控制概念(如播放、暫停、上/下一首等), 強(qiáng)制以豆瓣 FM 方式取代,造成常用播放控制卻需要額外認(rèn)知和操作上的努力。
2、豆瓣 FM 的設(shè)計(jì)模型(根據(jù)產(chǎn)品詳細(xì)使用而來 ):見下圖
3、產(chǎn)品設(shè)計(jì)建議:
在界面上調(diào)整(比如下圖):引入播放模式切換;回歸標(biāo)準(zhǔn)的播放控制模式,以更符合用戶播放習(xí)慣。這樣會(huì)讓產(chǎn)品功能結(jié)構(gòu)的概念模型更好地傳遞給用戶,并與已經(jīng)形成的概念更流暢、自然地關(guān)聯(lián),從而提高使用效率。
概念模型的意義
通過上面的例子不難看出,通過概念模型對(duì)產(chǎn)品應(yīng)用場景的模擬作用,能夠有效幫助產(chǎn)品進(jìn)行用戶體驗(yàn)方面的改進(jìn)??缭皆O(shè)計(jì)模型和用戶模型之間的鴻溝,是概念模型體系所要一直改進(jìn)的方向。
本文地址:http://m.likemindfilms.com/tutorial/di1618.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏