UI的本意是用戶界面,是英文User和 interface的縮寫。從字面上看是用戶與界面2個組成部分,但實際上還包括用戶與界面之間的互動關係,所以這樣可分為3個方向,他們分別是:用戶研究、互動設計、界面設計。
1.用戶研究
用戶研究包含兩個方面:一是可用性工程學(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.
用戶研究是一個跨學科的專業,涉及可用性工程學、人類功效學、心理學、市場研究學、教育學、設計學等等學科。用戶研究技術是站在人文學科的角度來研究產品,站在用戶的角度介入到產品的開發和設計中。
用戶研究通過對於用戶的工作環境、產品的使用習慣等研究,使得在產品開發的前期能夠把用戶對於產品功能的期望、對設計和外觀方面的要求融入到產品的開發過程中去,從而幫助企業完善產品設計或者探索一個新產品概念。
他是得到用戶需求和反饋的途徑,也是檢驗界面與互動設計是否合理的重要標準。
2.互動設計
這部分指人與機之間的互動工程,在過去互動設計也由程式設計師來做,其實程式設計師擅長編碼,而不善於與最終用戶互動。所以,很多的軟體雖然功能比較齊全,但是互動方面設計很粗糙,繁瑣難用,學習困難。使用這樣的軟體後,不是使人聰明與進步而是讓人感到愚弄與羞辱。許多人因為不能操作電腦軟體而下崗失業,這樣的互動使電腦成為讓人恐懼的科技怪獸。於是我們把互動設計從程式設計師的工作中分離出來單獨成為一個學科,也就是人機互動設計。他的目的在於加強軟體的易用、易學、易理解,使計算機真正成為方便地為人類服務的工具。
3.界面設計
在漫長的軟體發展中,界面設計工作一直沒有被重視起來。做界面設計的人也被貶義的稱為“美工”。其實軟體界面設計就像工業產品中的工業造型設計一樣,是產品的重要買點。一個友好美觀的界面會給人帶來舒適的視覺享受,拉近人與電腦的距離,為商家創造賣點。界面設計不是單純的美術繪畫,他需要定位使用者、使用環境、使用方式並且為最終用戶而設計,是純粹的科學性的藝術設計。檢驗一個界面的標準即不是某個項目開發組領導的意見也不是項目成員投票的結果,而是最終用戶的感受。所以界面設計要和用戶研究緊密結合,是一個不斷為最終用戶設計滿意視覺效果的過程。
二,什麼是用戶界面設計?
在人和機器的互動過程(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/HUI/WUI ?
- 什麼是 GUI
Graphics User Interface 圖形用戶界面
有時也稱為wimp=Window/Icon/Menu/Pointing Device 視窗、圖示、選單、指點設備
- 什麼是 HUI
Handset User Interface 手持設備用戶界面
- 什麼是WUI
Web User Interface 網頁風格用戶界面
五.WUI的非正式解釋:
計算機界有時將“無知用戶的無知行為”造成的故障,無奈地稱之為WUI(witless User Ignorance)
相關詞條
-
微鯨電視
技術。同時,微鯨電視特有的WUI在Android系統上進行了深度最佳化,使用...,支持語音搜尋及語音控制。系統方面採用新版WUI技術,最佳化了首頁瀑布流...
品牌簡介 微鯨電視產品 系統 銷售成績 售後 -
月讀視界
(業務涵蓋UI、WUI、VIS、行銷物料設計等多個領域),為多家4A...CI/UI/WUI設計人員,月讀視界設計師部分作品(15張)長期專注於CI/UI/WUI設計,精通於品牌形象設計、精美網頁設計、網站UED策劃...
公司簡介 業務範圍 企業文化 服務標準 -
網站ui設計
,很多企業難覓高端的 WUI人才,所以WUI設計師的就業前景良好,WUI...
概況 現狀 大需求 UI行業藍海 課程 -
人機互動:以用戶為中心的設計和評估
設計17413.3 設計WUI的適配17513.4 EAGER設計庫17713.5 使用EAGER設計庫與使用傳統WUI原型設計...
內容簡介 內容簡介 目錄 部分章節 圖書信息3 -
吳氏岩蜥
生物標籤 吳氏岩蜥 中文學名:吳氏岩蜥中文目名:蜥蜴目中文科名:鬣蜥科中文屬名:岩蜥屬中文俗名:無中文俗名拉丁文名:Laudakin Wui... L. wui 保護措施 該物種已被列入中國國家林業局2000年8月1日...
生物標籤 科學分類 保護措施 -
蘿鈴
基本資料姓名:蘿鈴年齡:15 蘿鈴 星座:牡羊座生日:4月10日特質:勇敢、冒險、魯莽幸運數字:1守護星:火星、太陽魔法等級:防禦級欣賞咒語:瞬間轉移(Fai)、暈眩(Wui)父親:天拓母親:丘子若哥哥:紀倫(非...
基本資料 漫畫版與原著的不同 出處介紹 作者介紹 關係密切的人 -
hive[數據倉庫工具]
以下幾個部分:用戶接口用戶接口主要有三個:CLI,Client 和 WUI... Server 所在節點,並且在該節點啟動 Hive Server。 WUI 是通過...
適用場景 設計特徵 體系結構 數據存儲 安裝配置 -
hive[資料庫工具]
用戶接口主要有三個:CLI,Client 和 WUI。其中最常用...該節點啟動 Hive Server。 WUI 是通過瀏覽器訪問 Hive...
Hive定義 Hive 體系結構 Hive 的數據存儲