- 相關(guān)推薦
ui界面設(shè)計(jì)流程
導(dǎo)語(yǔ)：其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣，是產(chǎn)品的重要賣(mài)點(diǎn)。一個(gè)電子產(chǎn)品擁有美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受，拉近人與商品的距離，是建立在科學(xué)性之上的藝術(shù)設(shè)計(jì)。下面就由小編為大家介紹一下ui界面設(shè)計(jì)流程，希望對(duì)大家有所幫助！
一、確認(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)的不同。
二、采集目標(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)需要一致。
元素外觀一致
交互元素的外觀往往影響用戶(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)的行為事件后，其交互行為需要一致。
對(duì)于交互行為一致性原則比較極端的理念是相同類(lèi)型的交互元素所引起的行為事件相同。但是我們可以看到這個(gè)理念雖然在大部分情況下正確，但是的確有相反的例子證明不按照這個(gè)理念設(shè)計(jì)，會(huì)更加簡(jiǎn)化用戶(hù)操作流程。
五、可用性原則
可理解
軟件要為用戶(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ì)流程】相關(guān)文章：
ui界面設(shè)計(jì)方向03-12
ui界面設(shè)計(jì)有哪些原則03-12
ui界面設(shè)計(jì)師的職能03-12
ui設(shè)計(jì)師工作流程03-12