發(fā)布時(shí)間:2024-04-22 10:22:26 瀏覽量:181次
文/康靚
導(dǎo)語(yǔ)
很多人認(rèn)為用戶體驗(yàn)就是用戶使用產(chǎn)品時(shí)的心理感受以及對(duì)產(chǎn)品的體驗(yàn)評(píng)價(jià),其實(shí)更簡(jiǎn)單地來(lái)說(shuō),就是用戶在體驗(yàn)產(chǎn)品時(shí),產(chǎn)品是如何與外界發(fā)生交互以及滿足用戶需求的。Jesse James Garrett 在他的《用戶體驗(yàn)要素-以用戶為中心的產(chǎn)品設(shè)計(jì)》一書(shū)中,提出一個(gè)經(jīng)典的用戶體驗(yàn)?zāi)P透拍?,他把用戶體驗(yàn)拆分成了表現(xiàn)層、框架層、結(jié)構(gòu)層、范圍層以及戰(zhàn)略層,書(shū)中他是針對(duì)軟件和網(wǎng)頁(yè)來(lái)解釋這五個(gè)要素的,本文中,我們將選擇游戲界面來(lái)分析這五個(gè)要素,并且以此為線索,介紹游戲交互設(shè)計(jì)的具體流程。
一、感受用戶體驗(yàn)要素

康靚,騰訊互動(dòng)娛樂(lè)北極光工作室群交互設(shè)計(jì)師。
表現(xiàn)層
上圖是《王者榮耀》商城的新品頁(yè)面,打開(kāi)這個(gè)頁(yè)面的時(shí)候,可以看到深藍(lán)色基調(diào)的界面,頁(yè)面上動(dòng)態(tài)的英雄,華麗的帶有特效的寶箱,以及很明顯的橙色按鈕。這些界面中呈現(xiàn)給用戶的第一印象就是表現(xiàn)層的內(nèi)容。
框架層
表現(xiàn)層再往下細(xì)分就是框架層,用戶可以感受到整個(gè)系統(tǒng)的框架,比如居中的3D英雄信息下方分別有三種不同途徑的購(gòu)買(mǎi)按鈕;寶箱圖標(biāo)上,有展示獎(jiǎng)勵(lì)的圖標(biāo)。通過(guò)頁(yè)切控件來(lái)用來(lái)切換皮膚與英雄、兌換用的貨幣數(shù)量等文本顯示,這些都屬于框架層的內(nèi)容。
結(jié)構(gòu)層
框架層之下就是更加抽象的結(jié)構(gòu)層,框架層將控件和交互元素進(jìn)行了具體的排布,結(jié)構(gòu)層的作用則是用來(lái)規(guī)劃整個(gè)界面,比如每個(gè)區(qū)域呈現(xiàn)什么內(nèi)容,如何安排用戶的瀏覽路線,買(mǎi)完新品之后會(huì)導(dǎo)向什么頁(yè)面,這是一個(gè)比較抽象的概念。
范圍層
第四個(gè)層級(jí)就是范圍層,在范圍層可以看到這個(gè)頁(yè)面提供什么以及不提供什么,比如在新品商城里面,會(huì)主推新品的相關(guān)信息,購(gòu)買(mǎi)途徑以及抽獎(jiǎng)途徑等等,但也有一些不提供的東西,比如《王者榮耀》沒(méi)有購(gòu)物車(chē)的功能。
戰(zhàn)略層
最后一層就是戰(zhàn)略層,戰(zhàn)略層就是在這個(gè)界面要達(dá)成什么目的,這個(gè)目的是雙方的:比如對(duì)于用戶來(lái)說(shuō),他通過(guò)這個(gè)頁(yè)面可以用不同的途徑獲取他想要的英雄和皮膚;而對(duì)于企業(yè)來(lái)說(shuō),這個(gè)頁(yè)面則出售了玩家需要的商品,企業(yè)可以獲得商業(yè)上的回報(bào)。
小結(jié)
對(duì)于游戲交互來(lái)說(shuō),框架層和結(jié)構(gòu)層是交互設(shè)計(jì)師主要負(fù)責(zé)的區(qū)域,同時(shí)戰(zhàn)略層和范圍層也會(huì)影響和決定游戲交互的具體產(chǎn)出。在完成結(jié)構(gòu)層和框架層的搭建之后,同時(shí)還要跟進(jìn)表現(xiàn)層是否正確地傳達(dá)了整個(gè)框架的內(nèi)容。下面將以此為線索,介紹每一個(gè)要素對(duì)交互設(shè)計(jì)的意義。
二、用戶體驗(yàn)要素與游戲交互設(shè)計(jì)
1.產(chǎn)品目標(biāo)和用戶目標(biāo)-戰(zhàn)略層
戰(zhàn)略層往往會(huì)被描述為產(chǎn)品目標(biāo)和用戶目標(biāo),而對(duì)于游戲產(chǎn)品來(lái)說(shuō),則更適合被描述為“我們想要什么,我們的用戶是誰(shuí)?”

對(duì)于交互設(shè)計(jì)師來(lái)說(shuō),為了搞清楚用戶是誰(shuí),經(jīng)常會(huì)采取用戶研究的方式來(lái)明確目標(biāo)用戶,常用的方法就是定性研究和定量研究。這些數(shù)據(jù)都可以作為參考,點(diǎn)擊咨詢(xún)火星時(shí)代教育。
三、一份交互稿的煉成實(shí)例
了解了從實(shí)現(xiàn)層到表現(xiàn)層的工作后,下面將整個(gè)流程串起來(lái),這是一份交互稿的完整煉成過(guò)程。
總結(jié):
用戶體驗(yàn)是用戶在體驗(yàn)過(guò)程中的感官過(guò)程,從產(chǎn)品開(kāi)發(fā)之初,到整個(gè)研發(fā)流程之內(nèi),我們始
熱門(mén)資訊
探討游戲引擎的文章,介紹了10款游戲引擎及其代表作品,涵蓋了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戲設(shè)計(jì)領(lǐng)域和數(shù)字藝術(shù)教育的重要性,歡迎點(diǎn)擊咨詢(xún)報(bào)名。
2. 手機(jī)游戲如何開(kāi)發(fā)(如何制作傳奇手游,都需要準(zhǔn)備些什么?)
?如何制作傳奇手游,都需要準(zhǔn)備些什么?提到傳奇手游相信大家都不陌生,他是許多80、90后的回憶;從起初的端游到現(xiàn)在的手游,說(shuō)明時(shí)代在進(jìn)步游戲在更新,更趨于方便化移動(dòng)化。而如果我們想要制作一款傳奇手游的
3. B站視頻剪輯軟件「必剪」:免費(fèi)、炫酷特效,小白必備工具
B站視頻剪輯軟件「必剪」,完全免費(fèi)、一鍵制作炫酷特效,適合新手小白??靵?lái)試試!
4. 開(kāi)發(fā)三昧游戲叫什么(三昧動(dòng)漫)
?三昧動(dòng)漫對(duì)于著名ARPG游戲《巫師》系列,最近CD Projekt 的高層回應(yīng)并不會(huì)推出《巫師4》。因?yàn)椤段讕煛废盗性诓邉澋臅r(shí)候一直定位在“三部曲”的故事框架,所以在游戲的出品上不可能出現(xiàn)《巫師4》
5. Steam值得入手的武俠游戲盤(pán)點(diǎn),各具特色的快意江湖
游戲中玩家將面臨武俠人生的掙扎抉擇,戰(zhàn)或降?殺或放?每個(gè)抉定都將觸發(fā)更多愛(ài)恨糾葛的精彩奇遇。《天命奇御》具有多線劇情多結(jié)局,不限主線發(fā)展,高自由...
6. 3D動(dòng)畫(huà)軟件你知道幾個(gè)?3ds Max、Blender、Maya、Houdini大比拼
當(dāng)提到3D動(dòng)畫(huà)軟件或動(dòng)畫(huà)工具時(shí),指的是數(shù)字內(nèi)容創(chuàng)建工具。它是用于造型、建模以及繪制3D美術(shù)動(dòng)畫(huà)的軟件程序。但是,在3D動(dòng)畫(huà)軟件中還包含了其他類(lèi)型的...
7. 3D打印技巧揭秘!Cura設(shè)置讓你的模型更堅(jiān)固
想讓你的3D打印模型更堅(jiān)固?不妨嘗試一下Cura參數(shù)設(shè)置和設(shè)計(jì)技巧,讓你輕松掌握!
8. 虛幻引擎5節(jié)省存儲(chǔ)空間用這招!緩存的清理與設(shè)置
眾所周知,虛幻引擎5(下面簡(jiǎn)稱(chēng)UE5)特別占用存儲(chǔ)空間,僅一個(gè)版本安裝好的文件就有60G,這還不包括我們?cè)谑褂脮r(shí)保存的工程文件和隨之產(chǎn)生的緩存文件。而...
9. Bigtime加密游戲經(jīng)濟(jì)體系揭秘,不同玩家角色的經(jīng)濟(jì)活動(dòng)
Bigtime加密游戲經(jīng)濟(jì)模型分析,探討游戲經(jīng)濟(jì)特點(diǎn),幫助玩家更全面了解這款GameFi產(chǎn)品。
10. 3D動(dòng)漫建模全過(guò)程,不是一般人能學(xué)的會(huì)的,會(huì)的多不是人?
步驟01:面部,頸部,身體在一起這次我不準(zhǔn)備設(shè)計(jì)圖片,我從雕刻進(jìn)入。這一次,它將是一種純粹關(guān)注建模而非整體繪畫(huà)的形式。像往常一樣,我從Sphere創(chuàng)建它...
最新文章
同學(xué)您好!