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