ui界面設(shè)計(jì)教案(編輯修改稿)
2025-05-13 12:36 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與游戲內(nèi)容相一致?！ ≡谝曈X(jué)效果上便于理解和使用?！ ∮脩?hù)可通過(guò)已掌握的知識(shí)來(lái)使用界面，但不應(yīng)超出一般常識(shí)?！ ∠胗脩?hù)所想，做用戶(hù)所做。用戶(hù)總是按照他們自己的方法理解和使用?！ ⊥ㄟ^(guò)比較兩個(gè)不同世界(真實(shí)與虛擬)的事物，完成更好的設(shè)計(jì)。如：書(shū)籍對(duì)比竹簡(jiǎn)。 一個(gè)有序的界面能讓用戶(hù)輕松的使用?！ ∮脩?hù)能自由的作出選擇，且所有選擇都是可逆的。在用戶(hù)作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示?！ 『?jiǎn)單來(lái)說(shuō)就是要讓用戶(hù)方便的使用，但不同于上述。即互動(dòng)多重性，不局限于單一的工具(包括鼠標(biāo)、鍵盤(pán)或手柄)。 高效率和用戶(hù)滿(mǎn)意度是人性化的體現(xiàn)。應(yīng)具備專(zhuān)家級(jí)和初級(jí)玩家系統(tǒng)，即用戶(hù)可依據(jù)自己的習(xí)慣定制界面，并 能保存設(shè)置。第二節(jié) UI設(shè)計(jì)的流程確認(rèn)目標(biāo)用戶(hù) 在洛可可的UI設(shè)計(jì)過(guò)程中，需求設(shè)計(jì)角色會(huì)確定軟件的目標(biāo)用戶(hù)，獲取最終用戶(hù)和直接用戶(hù)的需求?！ ∮脩?hù)交互要考慮到目標(biāo)用戶(hù)的不同引起的交互設(shè)計(jì)重點(diǎn)的不同?！ ±纾簩?duì)于科學(xué)用戶(hù)和對(duì)于電腦入門(mén)用戶(hù)的設(shè)計(jì)重點(diǎn)就不同。采集目標(biāo)用戶(hù)的習(xí)慣交互方式 不同類(lèi)型的目標(biāo)用戶(hù)有不同的交互習(xí)慣。這種習(xí)慣的交互方式往往來(lái)源于其原有的針對(duì)現(xiàn)實(shí)的交互流程、已有軟件工具的交互流程?！ ‘?dāng)然還要在此基礎(chǔ)上通過(guò)調(diào)研分析找到用戶(hù)希望達(dá)到的交互效果，并且以流程確認(rèn)下來(lái)。提示和引導(dǎo)用戶(hù) 軟件是用戶(hù)的工具。因此應(yīng)該由用戶(hù)來(lái)操作和控制軟件。軟件響應(yīng)用戶(hù)的動(dòng)作和設(shè)定的規(guī)則?！ ?duì)于用戶(hù)交互的結(jié)果和反饋，提示用戶(hù)結(jié)果和反饋信息，引導(dǎo)用戶(hù)進(jìn)行用戶(hù)需要的下一步操作。一致性原則 設(shè)計(jì)目標(biāo)一致 軟件中往往存在多個(gè)組成部分（組件、元素）。不同組成部分之間的交互設(shè)計(jì)目標(biāo)需要一致?！ ±纾喝绻噪娔X操作初級(jí)用戶(hù)作為目標(biāo)用戶(hù)，以簡(jiǎn)化界面邏輯為設(shè)計(jì)目標(biāo)，那么該目標(biāo)需要貫徹軟件（軟件包）整體，而不是局部?！ ≡赝庥^一致 交互元素的外觀往往影響用戶(hù)的交互效果。同一個(gè)（類(lèi)）軟件采用一致風(fēng)格的外觀，對(duì)于保持用戶(hù)焦點(diǎn)，改進(jìn)交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀一致沒(méi)有特別統(tǒng)一的衡量方法。因此需要對(duì)目標(biāo)用戶(hù)進(jìn)行調(diào)查取得反饋?！ 〗换バ袨橐恢隆 ≡诮换ツＰ椭?，不同類(lèi)型的元素用戶(hù)觸發(fā)其對(duì)應(yīng)的行為事件后，其交互行為需要一致?！ ±纾核行枰脩?hù)確認(rèn)操作的對(duì)話(huà)框都至少包含確認(rèn)和放棄兩個(gè)按鈕?！ ?duì)于交互行為一致性原則比較極端的理念是相同類(lèi)型的交互元素所引起的行為事件相同。但是我們可以看到這個(gè)理念雖然在大部分情況下正確，但是的確有相反的例子證明不按照這個(gè)理念設(shè)計(jì)，會(huì)更加簡(jiǎn)化用戶(hù)操作流程?？捎眯栽瓌t 可理解 軟件要為用戶(hù)使用，用戶(hù)必須可以理解軟件各元素對(duì)應(yīng)的功能?！ ∪绻荒転橛脩?hù)理解，那么需要提供一種非破壞性的途徑，使得用戶(hù)可以通過(guò)對(duì)該元素的操作，理解其對(duì)應(yīng)的功能。 例如：刪除操作元素。用戶(hù)可以點(diǎn)擊刪除操作按鈕，提示用戶(hù)如何刪除操作或者是否確認(rèn)刪除操作，用戶(hù)可以更加詳細(xì)的理解該元素對(duì)應(yīng)的功能，同時(shí)可以取消該操作?！ 】蛇_(dá)到 用戶(hù)是交互的中心，交互元素對(duì)應(yīng)用戶(hù)需要的功能。因此交互元素必須可以被用戶(hù)控制?！ ∮脩?hù)可以用諸如鍵盤(pán)、鼠標(biāo)之類(lèi)的交互設(shè)備通過(guò)移動(dòng)和觸發(fā)已有的交互元素達(dá)到其它在此之前不可見(jiàn)或者不可交互的交互元素?！ ∫⒁獾氖墙换サ拇螖?shù)會(huì)影響可達(dá)到的效果。當(dāng)一個(gè)功能被深深隱藏（一般來(lái)說(shuō)超過(guò)4層）那么用戶(hù)達(dá)到該元素的幾率就大大降低了?！ 】蛇_(dá)到的效果也同界面設(shè)計(jì)有關(guān)。過(guò)于復(fù)雜的界面會(huì)影響可達(dá)到的效果。（參考簡(jiǎn)單導(dǎo)向原則） 可控制 軟件的交互流程，用戶(hù)可以控制?！ 」δ艿膱?zhí)行流程，用戶(hù)可以控制?！ ∪绻_實(shí)無(wú)法提供控制，則用能為目標(biāo)用戶(hù)理解的方式提示用戶(hù)。第三章 案例展示欣賞與分析課 題：UI設(shè)計(jì)案例展示欣賞與分析授課教師：汪永吉教學(xué)目標(biāo)：通過(guò)本章學(xué)
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1