UI設計的概念

2021-06-05 14:07:58 字數 2782 閱讀 2110

雖然很早就知道ui設計,也做了一些關於ui設計的事,為雜誌做了幾期ui設計的專題,心理好像理解了ui設計的概念,然而當別人問起我時,我卻也說得含混不清,最後只能說「這是一門很複雜的學科,涉及了很多方面」,以此結束別人的提問。為了不讓這種事再繼續發生,我把自己在接觸ui設計過程中的知識進行了整理,系統地闡述一下ui設計的概念。

—————————————————————分割線————————————————————

什麼是ui設計

ui設計直譯為使用者介面(user inte***ce)。很多人認為圖形設計或者視覺效果製作都是ui設計,其實這只是ui設計中的很小一部分即圖形介面(graphic user inte***ce -gui)的環節。ui的概念其實很系統,而且很大。它分為使用者體驗(user experience-ux), 人機互動式設計(human computer interaction-hci),圖形設計(graphic user inte***ce -gui), 可用性(usability),規範(ux-guideline),及技術支援(user technology-ut),甚至到人體工程學,心理學和商業模式等等。其中還包含了很多決定性的研究階段(例如 場景設計scenario,典型使用者設計persona等等)。

所以一般有系統的大型公司,ui部門都會分為幾個部門,而不是乙個ui設計師,或乙個部門。這其中牽扯到很多的實驗,測試,製作,研究。在ui工作領域,知識的含金量需要相當高,而不是停留在主觀的理論和沒有任何根據的設計上。在過去ui理念還沒有進入國內的時候,國內企業或者設計者大都憑藉著個人經驗,基本的市場反饋和臨摹國外產品來生產自己的產品,這期間就會產生很多不可靠,無科學根據的主觀判斷。沒有真正的達到以人為本的設計理念,從而也喪失了在未來產品戰略上的前進。總之ui是為使用者設計產品中必不可少的乙個最重要的環節,其目的是利用科技手段驗證製作出從使用者角度出發的產品,達到提公升使用者行為效率,提高使用者使用過程體驗的人性化產品。

使用者體驗(ux)

使用者體驗是ui概念中至關重要的乙個大環節,即使用者體驗(user experience-ux)。在使用者體驗中有很多角度的切入點,所以很寬泛。總的來說就是使用者在使用產品過程中產生的經驗,和使用產品過程中產生的互動體驗統稱為使用者體驗。其中也包括品牌與產品契合等意識形態的體驗與經驗。

使用者體驗的研究牽涉了產品從前期到後期的諸多環節。從最初的產品策劃開始,ue部門就需要配合完善產品的商業模式,使用者調查,提煉典型使用者,產品情景設計,分析產品的生活樣式(lifestyle),提煉產品的視覺識別,質感識別等等。後期要提出解決方案,製作配合,資料反饋,使用者跟蹤及市場跟蹤等等工作。最後跟據以上所有步驟的研究結果製作規範(ux-guideline)。

ucd

user-centered design,以使用者為中心的設計(基本概念)

簡單的說,在進行產品設計時從使用者的需求和使用者的感受出發,圍繞使用者為中心設計產品,而不是讓使用者去適應產品,無論產品的使用流程、產品的資訊架構、人機互動方式等,都需要考慮使用者的使用習慣、預期的互動方式、視覺感受等方面。

衡量乙個好的以使用者為中心的產品設計,可以有以下幾個緯度:產品在特定使用環境下為特定使用者用於特定用途時所具有的有效性(effectiveness)、效率(efficiency)和使用者主觀滿意度(satisfaction),延伸開來還包括對特定使用者而言,產品的易學程度、對使用者的吸引程度、使用者在體驗產品前後時的整體心理感受等。

一些名詞解釋

資訊架構,英文叫做information architecture,縮寫為ia。

它是乙個整理資訊,斡旋資訊系統與使用者需求的過程,主要是要將資訊變成乙個經過組織、歸類、以及具有瀏覽體系的組合結構。

這樣的結構性設計將使得使用者對於資訊的內容訪問更直接,讓使用者的任務更容易完成,它也可說是在結構與分類上的藝術與科學,可以幫助我們尋找資訊並且予以管理。

互動設計,英文叫做interaction design

互動設計是指設計人和產品或服務互動的一種機制 , 以使用者體驗為基礎進行的人機互動設計是要考慮使用者的背景、使用經驗以及在操作過程中的感受,從而設計符合終端使用者的產品,使得終端使用者在使用產品時愉悅、符合自己的邏輯、有效完成並且是高效使用產品。

互動設計的目的是使產品讓使用者能簡單使用。任何產品功能的實現都是通過人和機器的互動來完成的。因此,人的因素應作為設計的核心被體現出來。

hci:human computer interaction人機互動

使用者介面 – user inte***ce

圖形介面 – graphics user inte***ce

在人和機器的互動過程中,有乙個層面,即我們所說的介面。

從心理學意義來分,介面可分為感覺(視覺、觸覺、聽覺等)和情感兩個層次。

有效的介面設計經常是預見的過程,設計目標是開發者根據自己對使用者需求的理解而制定的。 優秀的介面簡單且使用者樂於使用,這意味著設計需適應硬體的侷限。

易用性 – usability

是互動式it產品/系統的重要質量指標,指的是產品對使用者來說有效、易學、高效、好記、少錯和令人滿意的程度,即使用者能否用產品完成他的任務,效率如何,主觀感受怎樣,實際上是從使用者角度所看到的產品質量,是產品

usability engineer 使用性工程師

handset user inte***ce 手持裝置使用者介面 (hui)

human computer interaction人機互動(hci)

man machine inte***ce人機介面(mmi)感謝許多朋友的幫助,闡述不夠準確的地方請指出

UI設計 UI設計文件

今天不想說ui設計原理和原則,只想說文件內容。乙個solo族,可能根本不會理睬這種文件,因為他的idea完全在腦中,自己來實現就ok了。而在乙個團隊協作過程中,產品設計部門就有很高的必要把這個文件寫好了。應該有哪些內容呢,ui流程 對應操作流程 效果層次 可觸發的區域性介面。曾經見過一位前輩做的介面...

ui設計的思考

主路線 貫穿部件豎向的路線,部件總高度的確定路線。一般有兩種方式,直接固定總高 部件 間距的傳遞。一般只有一條主路線。除非你希望高度是多條路線競爭的結果。其他部件的位置可根據主路線中的部件位置做相對位置擺放。其他部件的位置也可根據主路線中得指定區域,根據布局重心和本身尺寸確定位置。容錯間距 在其他間...

手機的UI設計

手機的設計涉及諸多方面,比如 id設計,功能設計,ui設計等等。本文將就手機的 ui設計作一些簡單介紹,畢竟,使用者隨時都在體驗著 ui的設計,好的 ui可以為手機增色不少。在 hmi human machine interaction 中,有乙個層面,即我們所說的介面 inte ce 介面可分為感...