怎樣的UI設計算一個完整的UI設計?

徐徳惠


1、瞭解產品:瞭解產品在行業的發展,結合自己的產品目前處在的位子

2、竟品分析:分析目前自家產品和其他家產品的差異點,並結合自己的優點繼續優化自家的產品

3、用戶調研:平常瞭解該產品行業的用戶有哪些消費行為、用戶習慣、結合場景深挖用戶的消費潛在。

4、可用性測試:經過用戶調研後,可以優化自家功能或佈局,並讓內部先測試,再上線測試功能,收集用戶反饋,反覆測試。

5、需求彙總:小步迭代視覺優化及交互功能。

6項目總結:模塊規範、控件規範、設計心得。


卡蛙做好卡


看你怎麼理解你在什麼階段或者或者你理解的UI設計工作有哪些。

UI是一個統稱,裡面包含3類:

1.GUI(用戶圖形界面)就是界面美工,只管軟件視覺界面,比UI窄。目前國內大部分的UI設計師其實做的是GUI。

2.UI(用戶界面)是廣義概念,包含軟硬件設計,囊括了GUI 、UE以及ID(交互設計)。

還包含對軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI,互聯網說的UI設計是虛擬UI,好的UI設計不僅是讓軟件變得有個性有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現軟件的定位和特點。

3.UE(用戶體驗)關注的是用戶的行為習慣和心理感受,就是琢磨人會怎麼用軟件或者硬件才覺得順心就手的。(PS:這類較少,這類的基本都是大能了)

所以,就看你是怎麼給自己定位以及工作中的職位了,有的公司分工明確,各自分工,有的公司需要從初稿到上線。

最後回到你問題,怎麼算完整的UI設計

參考下面百度百科的用戶體驗設計,這樣說服力可能更好,可以按照這個要求自己,努力滿足上面要求,畢竟:

越努力,越幸運

1. 負責公司產品在智能電視、PC端、移動端頁面/應用的整體設計;

2. 基於用戶體驗、人機交互、圖形化設計、界面設計等前沿理論實現產品風格設計;

3. 充分理解產品策劃思路及理念,配合產品經理和研發人員實現產品各種界面的視覺設計;

4. 建立和完善產品界面視覺設計規範;

5. 根據交互設計及產品規劃,完成產品(iPhone、Android 、Web平臺App及網站)相關的用戶界面視覺設計。

6. 配合產品開發中的圖形界面(GUI)設計。

7. 完成產品相關推廣活動的專題頁面、FLASH的設計及製作;

8. 與研發團隊充分溝通協作,確認可控的誤差範圍和視覺效果的最終實現;

9. 根據視覺設計的發展趨勢及用戶研究的結果不斷優化產品的圖形界面(GUI)。


沙丁魚°


Ui設計就是設計準備,開始設計,和完善分析具體包含,兩分析三設計一修改和一完善

如,定位分析  研究分析  架構設計 原型設計  界面設計 實用測試修善補短板。

如果想要做好UI,一定要多看多練,先借鑑,再原創。多培養自己的創造思維和邏輯思維。

1.定位分析

做UI設計,首先要明白用戶需求。UI產品的主要功能就是幫助用戶解決某些問題,所以,UI設計師應該學會從分析產品背景,並對當下市場、產品、技術方面進行比較全面瞭解,尋找自己的設計靈感。

2. 研究分析

 設計UI之前,需要做大量的調研,並在整個設計流程貫穿這個調研。比如觀察法、角色扮演、問卷調查、採訪等。充分調研後進行總結歸納,確定自己的設計方向。

3.架構設計

架構設計、功能設計、操作邏輯設計都是在架構設計階段需要進行的。描述模塊之間關係的產品結構圖和產品流程圖是最重要的內容。

4.原型設計

原型設計繪製方法有很多,可以畫手繪畫圖,也可以用Sketch、Axure等軟件進行設計,根據個人偏好選擇工具。

5.界面設計

現在開始設計,各類圖標的設計、色彩搭配等階段。UI設計師會根據設計產品的屬性和風格對圖標和色調進行調節和修改,這個階段會比較考驗設計師的美學功力。可以通過閱讀相關書籍作品獲取靈感。

6.可用性測試

關於可用性測試,通常有三種方式:一對一用戶測試、啟發式評估以及焦點小組。測試的主要目的是為了通過觀察使用過程中的流暢度來調整設計

7.修善補短板

最後就是針對於測試出來的問題,對產品進行修改完善,補短板。

以上就是整理歸納UI設計的整個流程,從設計中獲取經驗和方法,希望大家都有所成就。

 






簡單生活樸實做人


一、確認目標用戶

在UI設計過程中,需求設計角色會確定軟件的目標用戶,獲取最終用戶和直接用戶的需求。用戶交互要考慮到目標用戶的不同引起的交互設計重點的不同。

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

不同類型的目標用戶有不同的交互習慣。這種習慣的交互方式往往來源於其原有的針對現實的交互流程、已有軟件工具的交互流程。當然還要在此基礎上通過調研分析找到用戶希望達到的交互效果,並且以流程確認下來。

三、提示和引導用戶

軟件是用戶的工具。因此應該由用戶來操作和控制軟件。軟件響應用戶的動作和設定的規則。對於用戶交互的結果和反饋,提示用戶結果和反饋信息,引導用戶進行用戶需要的下一步操作。

四、一致性原則

進行UI設計的過程中要達到以下幾個一致性原則:設計目標一致、元素外觀一致、交互行為一致。

五、可用性原則

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

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

可控制:軟件的交互流程,用戶可以控制。功能的執行流程,用戶可以控制。

六、以用戶為中心設計

要有服務設計精神,以用戶為中心進行用戶體驗設計,打通全鏈路,這樣的產品設計才是真正完整有用的。不然只會成為為了做而做,徒有其表。


阿韓設計


UI設計流程是:

一、確認目標用戶

在UI設計過程中,需求設計角色會確定軟件的目標用戶,獲取最終用戶和直接用戶的需求。用戶交互要考慮到目標用戶的不同引起的交互設計重點的不同。

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

不同類型的目標用戶有不同的交互習慣。這種習慣的交互方式往往來源於其原有的針對現實的交互流程、已有軟件工具的交互流程。當然還要在此基礎上通過調研分析找到用戶希望達到的交互效果,並且以流程確認下來。

三、提示和引導用戶

軟件是用戶的工具。因此應該由用戶來操作和控制軟件。軟件響應用戶的動作和設定的規則。對於用戶交互的結果和反饋,提示用戶結果和反饋信息,引導用戶進行用戶需要的下一步操作。

四、一致性原則

進行UI設計的過程中要達到以下幾個一致性原則:設計目標一致、元素外觀一致、交互行為一致。

五、可用性原則

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

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

可控制:軟件的交互流程,用戶可以控制。功能的執行流程,用戶可以控制。

擴展資料:

UI設計的關鍵屬性

1、簡單

優秀的UI界面是隱形的,華麗的裝飾和不必要的元素都已經被剔除,簡單直接的頁面邏輯和直觀必要的元素構成了這樣的UI界面。

2、清晰

清晰應該是所有UI界面都具備的基本屬性。UI界面存在的目的是讓用戶能夠更便捷地同系統進行交互,為此,它需要能夠清晰地同用戶進行溝通,如果用戶無法弄明白界面的使用,會因此感到沮喪。

3、熟悉

用戶對UI界面抱有熟悉感的時候,通常意味著他們對於這個設計有所瞭解,甚至知道怎麼交互,他們明白操作之後大概會發生什麼,也知道哪些事情不應該做。所以,如果能利用好用戶對於交互和界面模式的熟悉來進行設計的話,能讓用戶更快上手操作。

4、響應

事實上,如果網站沒有在3秒內加載完成,就會開始有訪客因此而流失。根據 Kissmetrics 的統計,超過40%的訪客會在加載速度超過3s之後而離開,而加載時長的增加,更多的用戶會隨之離去。界面的合理響應讓UI更為富有人性,減少錯誤的發生,並且讓交互進入真正良性的循環。



大鎖子哥


 一、產品定位與市場分析階段 1、 目的(UI設計師應瞭解產品的市場定位、產品定義、客戶群體、運行方式等。) 2、 主要執行人員(UI、UE、需求) 3、 需溝通人員(銷售) 4、 實現步驟(會議討論) 5、 UI主要職責:(定義用戶群特徵、定義最終用戶群、定義產品方向)

  

  二、用戶研究與分析階段 1、目的(UI設計師收集相關資料分析目標用戶的使用特徵、情感、習慣、心理、需求等,提出用戶研究報告和可用性設計建議。這部分工作有團隊配合完成。時間與項目需求允許的情況下,更可以制定實景用戶分析) 2、主要執行人員(UI、UE、需求、技術) 3、需溝通人員(銷售) 4、實現步驟(紙搞線稿、黑白稿、原型) 5、UI主要職責(收集相關資料分析目標用戶的使用特徵、情感、習慣、心理、需求等,提出用戶研究報告和可用性設計建議。這部分工作有團隊配合完成。時間與項目需求允許的情況下,更可以制定實景用戶分析)

  

  三、架構設計階段 1、目的(這裡涉及到比較多的界面交換與流程的設計,根據可用性分析結果制定交互方式、操作與跳轉流程、結構、佈局、信息和其他元素) 2、主要執行人員(UI、UE、需求部門) 3、需溝通人員(技術、銷售) 4、實現步驟(UI進行風格設計出界面,和需求部門拿出定稿;UE對原型進行優化,整理出交互及用戶體驗方面意見,反饋給UI及需求部門;UID等待效果圖,開始代碼編制) 5、UI主要職責:(根據可以性分析結果制定交互方式、操作與跳轉流程、結構、佈局、信息和其他元素。界面設計、圖標設計、風格設計)

  

  四、原型設計階段 1、目的(根據進度與成本,可以把原型控制在“手繪-圖形-Flash-視頻幾個質量範圍) 2、主要執行人員(UI、UE、需求部門) 3、需溝通人員(UID、技術) 4、實現步驟(設計規範;代碼及程序開發) 5、UI主要職責:(對前面所以工作以設計方面的實施,根據進度與成本,可以把原型控制在“手繪-圖形-Flash-視頻幾個質量範圍,原型的本質更傾向與一個DEMO,它不需要有全部的功能,但要體現出設計對象的基本特性)

  

  五、界面設計階段 1、目的(根據原型設計階段的界面原型,對界面原型進行視覺效果的處理) 2、主要執行人員(UI、UE、技術) 3、需溝通人員(UE、銷售) 4、實現步驟 5、UI主要職責:(該階段確定整個界面的色調、風格、界面、窗口、圖標、皮膚的表現)

  

  六、界面輸出階段 1、目的(配合好開發人員完成相關的界面結合) 2、主要執行人員(技術) 3、需溝通人員(UI、UE、需求部門、銷售) 4、實現步驟 5、UI主要職責:(對界面設計階段的最後結果配合技術部門實現界面設計的實際效果)

  

  七、可用性測試階段 1、目的(針對一致性測試;信息反饋測試;界面簡潔性測試;界面美觀度測試;用戶動作性測試;行業標準測試) 2、主要執行人員(程序測試部門) 3、需溝通人員(UI、UE、程序、需求部門、銷售) 4、實現步驟 5、UI主要職責:(負責原型的可用性測試,發現可用性問題並提出修改意見)

  

  八、完成工作階段 1、目的(對於前面七個階段的設計工作進行細節調整) 2、主要執行人員(UI、UE) 3、需溝通人員(技術、銷售) 4、實現步驟 5、UI主要職責:(可用性的循環研究、用戶體驗回饋、測試回饋、UI人員把可行性建議進行完善)

  

  九、產品上線 1、目的(檢驗前面界面設計的成果是否符合市場及用戶群體) 2、主要執行人員(銷售) 3、需溝通人員 4、實現步驟 5、UI主要職責:(收集市場對於產品的用戶體驗,並記錄誠文字說明)

  

  十、分析報告及優化方案 1、目的(瞭解整個界面設計的優缺) 2、主要執行人員(UI、UE) 3、需溝通人員(技術、銷售) 4、實現步驟 5、UI主要職責:(對於前九個階段的界面設計進行詳細系統的整理,為下一次界面設計提供有力的市場及專業論據)


7c惗123


1.風格定位是否準確

每個公司每個產品都有一批精準用戶,有些比較大眾(用戶群比較廣泛),有些比較小眾(垂直到某領域)。如果你知道公司的定位是什麼?你的服務對象是誰?那麼剩下的問題就是:我們該怎麼做可以滿足他們的需求,解決他們的痛點。

通常意義來講,目標受眾越廣泛,那麼設計就需要越加簡潔且偏傳統,這就是你經常會看到一些APP沒什麼特色,缺少了性格色彩方面等元素,但又很實用。另一些設計很炫酷、華麗、或者很奇葩,這些特點適用於小眾群體,卻不適用大眾口味,如果你的受眾數量較少且比較典型,那麼可以投其所好,依靠設計噱頭來吸引他們的注意力,這就是你在設計前需要思考的取捨關係。

設計體現點:頁面風格、主色系、字體、交互方式。

2.吸引力夠不夠

這裡所說的吸引力不單單是說你的設計有多炫酷,多吸眼球,而是你想展現的內容是否第一時間吸引到用戶的目光,從而引導用戶完成目標需求。“大量的信息會導致注意力的分散。” 好的設計裡是沒有使用阻力的,在龐大的信息架構中篩選你想表達的信息重點是非常重要的。要避免信息超負荷,過多的信息是在給你的設計添加阻力。

因此,你需要去切實瞭解一下你的用戶從你的設計中想要得到什麼,並且在很多情況下,你需要自己提煉信息,做一些加減法,進行重組。

設計體現:文案、字號、字間距、版式、層級關係。

3.用戶體驗好不好

好的用戶體驗包含很多方面,比如說Whitney Quesenbery提出的5E原則,包含了有用性、效率性、易學性、容錯性、吸引力。簡單來說就是,我們設計的產品要對用戶有實際幫助,能一定程度上提高生活的效率;容易理解並快速的知道如何操作;在用戶進行失誤操作後,能夠做挽回措施或者不會造成較大的損失;對用戶是有吸引力的,無論從功能還是造型上。

設計體現點:交互方式、產品思維、表現手法。

4.設計細節有沒有

就算細節不能決定成敗,那也要能博得用戶眼球。

在琳琅滿目的APP裡,各路花色的設計中,怎樣能脫穎而出,怎樣能讓用戶眼前一亮,怎樣能給用戶帶來新鮮感,怎樣讓用戶在使用你的產品會因為一些細節而記住你?好的細節能給產品注入生命力和活力,博得好感,而不是一個呆板冷漠的人機操作。但細節使用不當就是畫蛇添足,帶來體驗上的阻力,所以添加細節也得是合理使用,一切得要建立在需求和體驗之上。

設計體現點:加載、icon、引導、分割線、音效等各種合理的地方。

5.數據反饋怎麼樣

數據反饋是對產品和設計結果的驗證。數據是人機交互的產物,數據代表用戶行為的痕跡,通過數據來判斷人們的思考、行為和交流方式,瞭解用戶的動機和痛點,找到對你有價值的數據。創造有意義的產品體驗。所以數據反饋是重要的參考,數據驅動設計,能夠幫助我們在設計中做出決策。

最後: 一個產品的設計是好是壞,不是你的主觀感受,也不是你的一眼之緣,要學會分析產品、分析用戶場景,結合用戶需求和操作體驗,階段性的做總結、才能培養你的判斷能力,不要再做一個只停留在視覺層面的設計師啦~


曰回


首先需要明白每一次的UI設計不是獨立的,TA是跟著產品版本迭代走的。每一次的產品迭代都會有一個規劃,有目的,個人認為只要UI能夠達到產品迭代的目的,滿足產品的規劃那麼就是一個完整的UI。

接下來說一下在產品迭代中UI怎麼做才算是一次完整的UI設計,UI設計師在產品團隊中是非常重要的成員。

1.他們需要在產品需求階段就參與需求的分析和討論,瞭解產品的需求;

2.然後參與交互設計方案的討論,如有必要還需要做UI相關的競品分析等;

3.接下來就是真正的UI設計了,這時候相信通過參與需求討論原型設計討論,UI設計師應該有自己的設計思路設計理念了。

4.UI設計完成還不算完。他們還需要在研發過程中給研發講解,測試驗收產品界面的還原度等等,直到產品上線UI才算是完成了一次迭代。


啤酒配咖啡


能同時應用ps. cdr ai. id等軟件


AtAh277149


首先,你需要有一個定位和分析,一個完整的工作流程。

一款好的UI設計產品,你要知道你的用戶的需求是什麼。1.用戶研究 2.需求分析: 3.交互原型 4.配色方案 5.輸出設計稿 6.設計規範 7.切圖 8.查看樣式的還原度看是否還需要調整。 9.可行性測試


分享到:


相關文章: