WUI是Web User Interface的簡稱，即網頁設計。
基本介紹
- 中文名：網頁設計
- 外文名：WUI Design
- 定義：Web User Interface的縮寫
- 別名：網頁設計之意
- 本意：用戶界面
UI的定義,用戶界面設計,圖示定義,什麼是 GUI,什麼是 HUI,什麼是WUI,
UI的定義
用戶研究
用戶研究包含兩個方面：一是可用性工程學（usability Engineering），研究如何提高產品的可用性，使得系統的設計更容易被人使用、學習和記憶；二是通過可用性工程學的研究，發掘用戶的潛在需求，為技術創新提供另外一條思路和方法（consumer insight）。所以有：Usability is all about making things easier to use so people can focus more on the work and less on the tools that help them do the work.
用戶研究是一個跨學科的專業，涉及可用性工程學、人類功效學、心理學、市場研究學、教育學、設計學等等學科。用戶研究技術是站在人文學科的角度來研究產品，站在用戶的角度介入到產品的開發和設計中。
用戶研究通過對於用戶的工作環境、產品的使用習慣等研究，使得在產品開發的前期能夠把用戶對於產品功能的期望、對設計和外觀方面的要求融入到產品的開發過程中去，從而幫助企業完善產品設計或者探索一個新產品概念。
他是得到用戶需求和反饋的途徑，也是檢驗界面與互動設計是否合理的重要標準。
互動設計
這部分指人與機之間的互動工程，在過去互動設計也由程式設計師來做，其實程式設計師擅長編碼，而不善於與最終用戶互動。所以，很多的軟體雖然功能比較齊全，但是互動方面設計很粗糙，繁瑣難用，學習困難。使用這樣的軟體後，不是使人聰明與進步而是讓人感到愚弄與羞辱。許多人因為不能操作電腦軟體而下崗失業，這樣的互動使電腦成為讓人恐懼的科技怪獸。於是我們把互動設計從程式設計師的工作中分離出來單獨成為一個學科，也就是人機互動設計。他的目的在於加強軟體的易用、易學、易理解，使計算機真正成為方便地為人類服務的工具。
界面設計
在漫長的軟體發展中，界面設計工作一直沒有被重視起來。做界面設計的人也被貶義的稱為“美工”。其實軟體界面設計就像工業產品中的工業造型設計一樣，是產品的重要買點。一個友好美觀的界面會給人帶來舒適的視覺享受，拉近人與電腦的距離，為商家創造賣點。界面設計不是單純的美術繪畫，他需要定位使用者、使用環境、使用方式並且為最終用戶而設計，是純粹的科學性的藝術設計。檢驗一個界面的標準即不是某個項目開發組領導的意見也不是項目成員投票的結果，而是最終用戶的感受。所以界面設計要和用戶研究緊密結合，是一個不斷為最終用戶設計滿意視覺效果的過程。
用戶界面設計
在人和機器的互動過程（Human Machine Interaction）中，有一個層面，即我們所說的界面（interface）。從心理學意義來分，界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個層次。用戶界面設計是螢幕產品的重要組成部分。界面設計是一個複雜的有不同學科參與的工程，認知心理學、設計學、語言學等在此都扮演著重要的角色。用戶界面設計的三大原則是：置界面於用戶的控制之下；減少用戶的記憶負擔；保持界面的一致性。
用戶界面設計在工作流程上分為結構設計、互動設計、視覺設計三個部分。
結構設計 Structure Design
結構設計也稱概念設計 （Conceptual Design），是界面設計的骨架。通過對用戶研究和任務分析，制定出產品的整體架構。基於紙質的的低保真原型（Paper Prototype）可提供用戶測試並進行完善。在結構設計中，目錄體系的邏輯分類和詞語定義是用戶易於理解和操作的重要前提。如西門子手機的設定鬧鐘的詞條是“重要記事”，讓用戶很難找到。
互動設計Interactive Design
1)有清楚的錯誤提示。誤操作後，系統提供有針對性的提示。
2)讓用戶控制界面。“下一步”、“完成”，面對不同層次提供多種選擇，給不同層次的用戶提供多種可能性。
3)允許兼用滑鼠和鍵盤。同一種功能，同時可以用滑鼠和鍵盤。提供多種可能性。
4)允許工作中斷。例如用手機寫新簡訊的時候，收到簡訊或電話，完成後回來仍能夠找到剛才正寫的新簡訊。
5)使用用戶的語言，而非技術的語言。
6)提供快速反饋。給用戶心理上的暗示，避免用戶焦急。
7)方便退出,如手機的退出，是按一個鍵完全退出，還是一層一層的退出。提供兩種可能性。
8)導航功能。隨時轉移功能，很容易從一個功能跳到另外一個功能。
視覺設計Visual Design
在結構設計的基礎上，參照目標群體的心理模型和任務達成進行視覺設計。包括色彩、字型、頁面等。視覺設計要達到用戶愉悅使用的目的。視覺設計的原則如下：。
1)界面清晰明了。允許用戶定製界面。
2)減少短期記憶的負擔。讓計算機幫助記憶，例：User Name,、Password、IE進入界面地址可以讓機器記住。
3) 依賴認知而非記憶。如列印圖示的記憶、下拉選單列表中的選擇。
4)提供視覺線索。圖形符號的視覺的刺激；GUI（圖形界面設計）：Where, What, Next Step。
5)提供默認（default）、撤銷（undo）、恢復（redo）的功能
6)提供界面的捷徑。
7)儘量使用真實世界的比喻。如：電話、印表機的圖示設計，尊重用戶以往的使用經驗。
8)完善視覺的清晰度。條理清晰；圖片、文字的布局和隱喻不要讓用戶去猜。
9)界面的協調一致。如手機界面按鈕排放，左鍵肯定；右鍵否定；或按內容擺放。
10)同樣功能用同樣的圖形。
11)色彩與內容。整體軟體不超過5個色系，儘量少用紅色、綠色。近似的顏色表示近似的意思。
西門子6688：“確定”按鍵設計的不統一。
用戶界面設計構築了產品設計的基礎。如只有首先確定了手機選單的互動
形式，才能在造型設計上決定是採用五項鍵或上下鍵。
圖示定義
圖示是具有明確指代含義的計算機圖形
桌面圖示是軟體標識，界面中的圖示是功能標識。
廣義——具有指代意義的圖形符號，具有高度濃縮並快捷傳達信息、便於記憶的特性。套用範圍很廣，軟硬體網頁社交場所公共場合無所不在，例如.....男女廁所標誌.....各種交通標誌......
狹義——計算機軟體方面的套用，包括：程式標識、數據標識、命令選擇、模式信號或切換開關、狀態指示.....
什麼是 GUI
Graphical User Interface 圖形用戶界面
有時也稱為WIMP=Window/Icon/Menu/Pointing Device 視窗、圖示、選單、指點設備
什麼是 HUI
Handset User Interface 手持設備用戶界面
什麼是WUI
Web User Interface 網頁風格用戶界面
WUI的非正式解釋：
計算機界有時將“無知用戶的無知行為”造成的故障，無奈地稱之為WUI（Witless User Ignorance）
