您好,歡迎來到一站式眾包服務平臺-威客牛網!
當前位置:威客牛首頁 > 知識百科 > 平面設計 > 圖案/界面設計 > 界面設計的主要流程

界面設計的主要流程

2022-12-04作者:網友投稿
以下是贏在威客網小編整理的界面設計的主要流程如下:

  軟件用戶界面設計在工作流程上分為結構設計、交互設計、視覺設計三個部分:

  一、結構設計

  結構設計也稱概念設計,是界面設計的骨架。通過對用戶研究和任務分析,制定出產品的整體架構。基于紙質的的低保真原型可提供用戶測試并進行完善。在結構設計中,目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。如西門子手機的設置鬧鐘的詞條是“重要記事”,讓用戶很難找到。

  二、交互設計

  交互設計的目的是使產品讓用戶能簡單使用。任何產品功能的實現(xiàn)都是通過人和機器的交互來完成的。因此,人的因素應作為設計的核心被體現(xiàn)出來。交互設計的原則如下:

  1)有清楚的錯誤提示。誤操作后,系統(tǒng)提供有針對性的提示。

  2)讓用戶控制界面?!跋乱徊健?、“完成”,面對不同層次提供多種選擇,給不同層次的用戶提供多種可能性。

  3)允許兼用鼠標和鍵盤。同一種功能,同時可以用鼠標和鍵盤。提供多種可能性。

  4)允許工作中斷。例如用手機寫新短信的時候,收到短信或電話,完成后回來仍能夠找到剛才正寫的新短信。

  5)使用用戶的語言,而非技術的語言。

  6)提供快速反饋。給用戶心理上的暗示,避免用戶焦急。

  7)方便退出,如手機的退出,是按一個鍵完全退出,還是一層一層的退出。提供兩種可能性。

  8)導航功能。隨時轉移功能,很容易從一個功能跳到另外一個功能。


  三、視覺設計


  在結構設計的基礎上,參照目標群體的心理模型和任務達成進行視覺設計。包括色彩、字體、頁面等。視覺設計要達到用戶愉悅使用的目的。視覺設計的原則如下:

  1)界面清晰明了。允許用戶定制界面。

  2)減少短期記憶的負擔。讓計算機幫助記憶,例:User Name,、Password、IE進入界面地址可以讓機器記住。

  3)依賴認知而非記憶。如打印圖標的記憶、下拉菜單列表中的選擇。

  4)提供視覺線索。圖形符號的視覺的刺激;GUI(圖形界面設計):Where, What, Next Step。

  5)提供默認(default)、撤銷(undo)、恢復(redo)的功能

  6)提供界面的快捷方式。

  7)盡量使用真實世界的比喻。如:電話、打印機的圖標設計,尊重用戶以往的使用經驗。

  8)完善視覺的清晰度。條理清晰;圖片、文字的布局和隱喻不要讓用戶去猜。

  9)界面的協(xié)調一致。如手機界面按鈕排放,左鍵肯定;右鍵否定;或按內容擺放。

  10)同樣功能用同樣的圖形。

  11)色彩與內容。整體軟件不超過5個色系,盡量少用紅色、綠色。近似的顏色表示近似的意思。

  當然,要著手開發(fā)一個軟件用戶界面,遠遠不止這三步,在進行開發(fā)之前還需要進行需求分析、方案驗證等前期工作,而作為UI設計師,這三步則是最核心也是最關鍵的工作。
免費查詢商標注冊