雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

簡述UI設計流程及規(guī)范UI設計的重要性

Time: 2020-01-14


UI設計被很多的行業(yè)稱之為是界面設計,UI設計所涉及的內容很廣泛,因此現(xiàn)在很多的UI設計者都需要掌握大量的知識,那么UI設計流程是什么?規(guī)范UI設計的重要性有哪些?下面一起來探討一下。


UI設計流程

一、確認目標用戶

在UI設計過程中,需求設計角色會確定軟件的目標用戶,獲取最終用戶和直接用戶的需求。

用戶交互要考慮到目標用戶的不同引起的交互設計重點的不同。


二、采集目標用戶的習慣交互方式

不同類型的目標用戶有不同的交互習慣。這種習慣的交互方式往往來源于其原有的針對現(xiàn)實的交互流程、已有軟件工具的交互流程。

當然還要在此基礎上通過調研分析找到用戶希望達到的交互效果,并且以流程確認下來。


三、提示和引導用戶

軟件是用戶的工具。因此應該由用戶來操作和控制軟件。軟件響應用戶的動作和設定的規(guī)則。

對于用戶交互的結果和反饋,提示用戶結果和反饋信息,引導用戶進行用戶需要的下一步操作。


1.jpg

(圖片來自網絡)


四、一致性原則

設計目標一致

軟件中往往存在多個組成部分(組件、元素)。不同組成部分之間的交互設計目標需要一致。

例如:如果以電腦操作初級用戶作為目標用戶,以簡化界面邏輯為設計目標,那么該目標需要貫徹軟件(軟件包)整體,而不是局部。

元素外觀一致

交互元素的外觀往往影響用戶的交互效果。同一個(類)軟件采用一致風格的外觀,對于保持用戶焦點,改進交互效果有很大幫助。遺憾的是如何確認元素外觀一致沒有特別統(tǒng)一的衡量方法。因此需要對目標用戶進行調查取得反饋。

交互行為一致

在交互模型中,不同類型的元素用戶觸發(fā)其對應的行為事件后,其交互行為需要一致。

例如:所有需要用戶確認操作的對話框都至少包含確認和放棄兩個按鈕。

對于交互行為一致性原則比較極端的理念是相同類型的交互元素所引起的行為事件相同。但是我們可以看到這個理念雖然在大部分情況下正確,但是的確有相反的例子證明不按照這個理念設計,會更加簡化用戶操作流程。


2.jpg

(圖片來自網絡)


五、可用性原則

1.可理解

軟件要為用戶使用,用戶必須可以理解軟件各元素對應的功能。

如果不能為用戶理解,那么需要提供一種非破壞性的途徑,使得用戶可以通過對該元素的操作,理解其對應的功能。

比如:刪除操作元素。用戶可以點擊刪除操作按鈕,提示用戶如何刪除操作或者是否確認刪除操作,用戶可以更加詳細的理解該元素對應的功能,同時可以取消該操作。

2.可達到

用戶是交互的中心,交互元素對應用戶需要的功能。因此交互元素必須可以被用戶控制。

用戶可以用諸如鍵盤、鼠標之類的交互設備通過移動和觸發(fā)已有的交互元素達到其它在此之前不可見或者不可交互的交互元素。

要注意的是交互的次數(shù)會影響可達到的效果。當一個功能被深深隱藏(一般來說超過4層)那么用戶達到該元素的幾率就大大降低了。

可達到的效果也同界面設計有關。過于復雜的界面會影響可達到的效果。(參考簡單導向原則)

3.可控制

軟件的交互流程,用戶可以控制。

功能的執(zhí)行流程,用戶可以控制。

如果確實無法提供控制,則用能為目標用戶理解的方式提示用戶。


3.png

(圖片來自網絡)


規(guī)范UI設計的重要性

一、有利于增強一致性,塑造品牌專業(yè)度

如果大家在團隊協(xié)作的時候,設計和制作都遵循設計規(guī)范,就能夠保證整個產品的交互效果和視覺風格、乃至文案的統(tǒng)一性。一方面可以提升用戶的體驗感,另一方面,也有利于塑造產品本身的品牌專業(yè)度。

二、有利于團隊合作,提高工作效率

在一個多人是設計團隊里面,每個設計師負責的內容和流程都不同,如果沒有硬性的設計規(guī)范,不同的設計師就會對同一件產品做出不同的方案,導致大量的工作出現(xiàn)重復,大大降低了工作效率。而有了制設計規(guī)范和UI KIT之后,則可以直接利用KIT里的組件快速搭建好頁面,把設計師從基礎工作中釋放出來,大大提升設計效率。

三、有利于工作交接,方便維護更新

同類內容使用一樣的組件,能夠降低輸出的內容量,減少冗余的控件和代碼。一方面便于維護,在迭代時進行統(tǒng)一的更新和應用,另一方面,方便設計團隊和其他團隊交接,如果團隊有人員變動,也方便后續(xù)入職的同事能夠通過規(guī)范迅速熟悉產品,快速上手。


小伙伴們看完上面的內容以后,應該都清楚UI設計流程和規(guī)范UI設計的重要性了,小編后續(xù)會給大家介紹更多有關UI設計的相關知識,大家敬請期待。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開