界面設計

界面設計

人與機器之間傳遞和交換信息的媒介
界面設計(Interface Design),是人與機器之間傳遞和交換信息的媒介。随着信息技術與計算機技術的迅速發展,網絡技術的突飛猛進,人機界面設計和開發已成為國際計算機界和設計界最為活躍的研究方向。[1]
    中文名:界面設計 外文名: 所屬學科: 英文名:Interface Design 指:人與機器之間傳遞和交換信息媒介 學科:計算機科學 主要領域:軟件,遊戲開發,網頁設計制作 别稱:UI設計

簡介

UI即User Interface(用戶界面)的簡稱。UI設計則是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品味,還要讓軟件的操作變得舒适、簡單、自由,充分體現軟件的定位和特點。

通過對界面設計不同需求進行的分類以及界面設計元素對用戶行為的影響,來研究用戶在界面設計中所體現的重要性。交互性已經成為網絡界面設計中設計追求的目标。為了使設計滿足可用性要求,全面的了解用戶特征及多元化要求是十分必要的。這就需要找到正确的方法來記錄和實現多元化的用戶要求。

界面是人與物體互動的媒介,換句話說,界面就是設計師賦予物體的新面孔。

分類

以功能實現為基礎的界面設計。交互設計界面最基本的性能是具有功能性與使用性,通過界面設計,讓用戶明白功能操作,并将作品本身的信息更加順暢的傳遞給使用者,即用戶,是功能界面存在的基礎與價值,但由于用戶的知識水平和文化背景具有差異性,因此界面應以更國際化,客觀化的體現作品本身的信息。

以情感表達為重點的界面設計。通過界面給用戶一種情感傳遞,是設計的真正藝術魅力所在。用戶在接觸作品時的感受,使人産生感情共鳴,利用情感表達,切實的反應出作品與用戶之間的情感關系。當然,情感的信息傳遞存在着确定性與不确定性的統一。因此,我們更加強調的是用戶在接觸作品時的情感體驗。

以環境因素為前提的界面設計。任何一部互動設計作品都無法脫離環境而存在,周邊環境對設計作品的信息傳遞有着特殊的影響。包括作品自身的曆史、文化、科技等諸多方面的特點,因此營造界面的環境氛圍是不可忽視的一項設計工作,這和我們看電影時需要關燈是一個道理。

元素

計算機的鍵盤與鼠标這兩個物理接口是人機界面中最為傳統的組成要素,但這些卻逐漸成為人機界面發展的局限性。因為人類無法通過鍵盤鼠标将信息數據自由的融入人類活躍的思維想象力當中,使得人類對人機界面産生疏離感。界面如何超越鍵盤與鼠标局限,進一步擴展數字系統和人類之間的界面,使數字系統真正進入人類生活,成為現階段的界面設計研究方向。

以動作作為界面。Henry See長期研究關于計算機信息組織能力的相關探索。他的作品《關注》Regard強調了以動作為界面的裝置作品,該裝置建立在特定智能環境中,有一位正在看書的虛拟人物,通過訪問者的動作能對這名“讀者”的動作産生影響。該作品是通過參與者的動作對虛拟人物的影響,表現了的參與者既尊重又侵犯了這名讀者的私人空間。索美與海格諾涅創作了一系列結合姿勢追蹤的裝置。《植物轉變》中,訪問者的舉動和身體形态影響着人工生物的種類。這是一個交互式環境,訪問者進入這個虛拟空間可以看見自己用身體創造了一個虛拟花園。身體的姿勢,活動範圍直接影響虛拟植物的生長。

以觸摸與觸感作為界面。克裡斯塔·索美與梅格諾涅:《移動電話感覺》探索了陌生人分享個人信息的雙重情感。大衛·思莫和湯姆·懷特開發了一個以水作為人機界面的裝置《意識水流》,呈現了一個其表面浮動了文字投映的小瀑布,如果訪問者嘗試觸摸這些文字将會使水和文字漾起小小的波紋:“你可以伸出手去觸摸水流,試着隔斷或者攪動文字,使字形産生變化,轉化為新的文字,進入排水管,回到水流源頭,然後再次流出。”

以凝視作為界面。Drik Luese brink和Joachim Sauter的《不可見》De-Viewer以象征的形式探索了注視的力量,觀衆可以通過欣賞挂在藝術館牆面的繪畫作品,産生不同的變化。在繪畫作品的後方隐藏了觀衆看不見的追蹤器,實時追蹤定位眼睛凝視的方向,即“眼睛追蹤器”。當觀衆站在繪畫作品面前,觀衆聚焦的畫面會消散,并且在旁邊的一幅畫中顯示了觀衆聚焦的眼神。當作品超過三十秒鐘無人觀察,畫面即恢複原狀。該裝置作品通過以凝視作為界面使觀衆意識到無論他看向哪裡,都是在用眼睛破壞影像。

以呼吸作為界面。查·戴維斯Char`Davies創作了一系列用着各種有機物和地理景觀的虛拟世界,這些虛拟世界與大多數虛拟現實環境差異很大,觀衆在他的作品中通過呼吸節奏在虛拟世界活動,由此“消除自我與自然之間的界限”在國際電子藝術大會ISEA的《滲透》展覽回顧中,安尼克·布如德總結道:“呼吸界面”對于一個作品将觀衆成功傳輸到虛拟世界具有重要作用。《滲透》這部作品使我們關系密切,當我們呼吸它與我們相互滲透;并且這幅作品依賴于觀衆身體,他們的基本活動(呼吸和平衡)對于理解作品本身是非常重要的條件。

要求

以易操作性保證讀者。交互作品的界面設計采用超媒體鍊接技術,将文字、圖形、圖像、聲音、動畫等媒介要素,進行編排,使之成為一個連貫的整體,呈現在一個複雜的交互系統中。界面反映的是信息的總和而并非單一的信息,倘若在提示、菜單和幫助産生相同術語,在不同的應用系統中應具有相似的界面外觀、布局、交互方式及信息顯示、界面設計要保持風格的一緻性。用戶便可以根據自己的認知經驗,明白功能操作通過界面上的視覺暗示正确選擇内容,在任何地點都能回到主界面或退出整個多媒體作品,因此每個操作對用戶來說應是符合邏輯的用戶能夠較容易了解它要表達的信息與情感。

界面設計時需要首先考慮的問題。交互設計作為一種新媒體形态,必然要突出藝術的可視性本質,将新的藝術思想與理念融彙到作品當中,以此去吸引和影響用戶。界面使讀者打開交互作品時最先接觸到的層面,通過可視化界面上設計者運用的前衛化的藝術符号,虛拟化的空間結構營造跳躍式的視覺效果,可以引起用戶美好的情感溝通,使得其對設計者通過作品所傳達的信息産生共鳴。界面設計的宗旨促進信息的傳遞以滿足用戶需求。當進行界面設計時,關鍵在于界面本身能否有效支撐交互,界面上的組件是為交互行為服務的,它可以很美,很抽象很藝術化,但不能以任何理由破壞作品的交互功能和作用。

領域

人機界面的定義、起源、發展、研究内容及發展趨勢;人機界面設計中認知心理學、人機工程學、人機界面的藝術設計、色彩設計等;人機界面設計,硬件人機界面的設計風格、人文關懷等;軟件人機界面的形式與标準、軟件人機界面設計、Internet網頁界面設計、圖标設計等;人機界面設計評價與可用性測試;新交互技術及展望,介紹了多通道用戶界面、下一代人機界面展望及附錄。

原則

1.簡易性

界面的簡潔是要讓用戶便于使用、便于了解、并能減少用戶發生錯誤選擇的可能性

2.用戶語言

界面中要使用能反應用戶本身的語言,而不是遊戲設計者的語言。

3.記憶負擔最小化

人腦不是電腦,在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶極不穩定、有限,24小時内存在25%的遺忘率。所以對用戶來說,浏覽信息要比記憶更容易。

4.一緻性

是每一個優秀界面都具備的特點。界面的結構必須清晰且一緻,風格必須與遊戲内容相一緻。

5.清楚

在視覺效果上便于理解和使用。

6.用戶的熟悉程度

用戶可通過已掌握的知識來使用界面,但不應超出一般常識。

7.從用戶的觀點考慮

想用戶所想,做用戶所做。用戶總是按照他們自己的方法理解和使用。

通過比較兩個不同世界(真實與虛拟)的事物,完成更好的設計。如:書籍對比簡。

8.排列

一個有序的界面能讓用戶輕松的使用。

9.安全性

用戶能自由的作出選擇,且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統的提示。

10.靈活性

簡單來說就是要讓用戶方便的使用,但不同于上述。即互動多重性,不局限于單一的工具(包括鼠标、鍵盤或手柄)。

11.人性化

高效率和用戶滿意度是人性化的體現。應具備專家級和初級玩家系統,即用戶可依據自己的習慣定制界面,并能保存設置。

設計軟件:

軟件用戶界面(Software User Interface)是指軟件用于和用戶交流的外觀、部件和程序等等。如果你經常上網的話,會看到很多軟件設計很樸素,看起來給人一種很舒服的感覺;有點軟件很有創意,能給人帶來意外的驚喜和視覺的沖擊;而相當多的軟件頁面上充斥着怪異的字體,花哨的色彩和圖片,給人網頁制作粗劣的感覺。軟件界面的設計,既要從外觀上進行創意以到達吸引眼球的目的,還要結合圖形和版面設計的相關原理,從而使得軟件設計變成了一門獨特的藝術。通常的講,企業軟件用戶界面的設計應遵循以下幾個基本原則:

1.用戶導向原則

設計網頁首先要明确到底誰是使用者,要站在用戶的觀點和立場上來考慮設計軟件。要作到這一點,必須要和用戶來溝通,了解他們的需求、目标、期望和偏好等。網頁的設計者要清楚,用戶之間差别很大,他們的能力各有不同。比如有的用戶可能會在視覺方面有欠缺(如色盲),對很多的顔色分辨不清;有的用戶的聽覺也會有障礙,對于軟件的語音提示反映遲鈍;而且相當一部分用戶的計算機使用經驗很初級,對于複雜一點的操作會感覺到很費力。另外,用戶使用的計算機機器配置也是千差萬别,包括顯卡、聲卡、内存、網速、操作系統以及浏覽器等都會有不同。設計者如果忽視了這些差别,設計出的網頁在不同的機器上顯示就會造成混亂。

2.KISS原則

KISS原則就是"Keep It Simple And Stupid"的縮寫,簡潔和易于操作是網頁設計的最重要的原則。畢竟,軟件建設出來是用于普通網民來查閱信息和使用網絡服務。沒有必要在網頁上設置過多的操作,堆集上很多複雜和花哨的圖片。該原則一般的要求,網頁的下載不要超過10秒鐘(普通的撥号用戶56Kbps網速);盡量使用文本鍊接,而減少大幅圖片和動畫的使用;操作設計盡量簡單,并且有明确的操作提示;軟件所有的内容和服務都在顯眼處向用戶予以說明等。

3.布局控制

關于網頁排版布局方面,很多網頁設計者重視不夠,網頁排版設計的過于死闆,甚至照抄他人。如果網頁的布局淩亂,僅僅把大量的信息堆集在頁面上,會幹擾浏覽者的閱讀。一般在網頁設計上所要遵循的原理有:

(1)Miller公式。根據心理學家George A.Miller的研究表明,人一次性接受的信息量在7個比特左右為宜。總結一個公式為:一個人一次所接受的信息量為7±2比特。這一原理被廣泛應用于軟件建設中,一般網頁上面的欄目選擇最佳在5~9個之間,如果軟件所提供給浏覽者選擇的内容鍊接超過這個區間,人在心理上就會煩躁,壓抑,會讓人感覺到信息太密集,看不過來,很累。例如Aol點com的欄目設置:Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八個分類。Msn點com的欄目設置:MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七項。然而很多國内的軟件在欄目的設置遠遠超出這個區間。

(2)分組處理。上面提到,對于信息的分類,不能超過9個欄目。但如果你的内容實在是多,超出了9個,需要進行分組處理。如果,你的網頁上提供幾十篇文章的鍊接,需要每隔7篇加一個空行或平行線做以分組。如果你的軟件内容欄目超出9個,如微軟公司的軟件,共有11個欄目,超過了9個。

4.視覺平衡

網頁設計時,也要各種元素(如圖形、文字、空白)都會有視覺作用。根據視覺原理,圖形與一塊文字相比較,圖形的視覺作用要大一些。所以,為了達到視覺平衡,在設計網頁時需要以更多的文字來平衡一幅圖片。另外,按照中國人的閱讀習慣是從左到右,從上到下,因此視覺平衡也要遵循這個這個道理。例如,你的很多的文字是采用左對齊〈Align=left〉,需要在網頁的右面加一些圖片或一些較明亮、較醒目的顔色。一般情況下,每張網頁都會設置一個頁眉部分和一個頁腳部分,頁眉部分常放置一些Banner廣告或導航條,而頁腳部分通常放置聯系方式和版權信息等,頁眉和頁腳在設計上也要注重視覺平衡。同時,也決不能低估空白的價值。如果你的網頁上所顯示的信息非常密集,這樣不但不利于讀者閱讀,甚至會引起讀者反感,破壞該軟件的形象。在網頁設計上,适當增加一些空白,精煉你的網頁,使得頁面變的簡潔。

5.色彩搭配顔

色是影響網頁的重要因素,不同的顔色對人的感覺有不同的影響,例如:紅色和橙色使人興奮并使得心跳加速;黃色使人聯想到陽光,是一種快活的顔色;黑顔色顯得比較莊重,考慮到你希望對浏覽者産生什麼影響,為網頁設計選擇合适的顔色(包括背景色、元素顔色、文字顔色、鍊節顔色等)。

為方便閱讀軟件上的信息,可以參考報紙的編排方式将網頁的内容分欄設計,甚至兩欄也要比一滿頁的視覺效果要好。另一種能夠提高文字可讀性的因素是所選擇的字體,通用的字體(Arial,Courier New,Garamond,Times New Roman,中文宋體)最易閱讀,特殊字體用于标題效果較好,但是不适合正文。如果在整個頁面使用一些特殊字體(如Cloister,Gothic,Script,Westminster,華文彩雲,華文行楷),這樣讀者閱讀起來感覺一定很糟糕。該類特殊字體如果在頁面上大量使用,會使得閱讀頗為費力,浏覽者的眼睛很快就會疲勞,不得不轉移到其他頁面。

6.和諧性

通過對軟件的各種元素(顔色、字體、圖形、空白等)使用一定的規格,使得設計良好的網頁看起來應該是和諧的。或者說,軟件的衆多單獨網頁應該看起來像一個整體。軟件設計上要保持一緻性,這又是很重要的一點。一緻的結構設計,可以讓浏覽者對軟件的形象有深刻的記憶;一緻的導航設計,可以讓浏覽者迅速而又有效的進入在軟件中自己所需要的部分;一緻的操作設計,可以讓浏覽者快速學會在整個軟件的各種功能操作。破壞這一原則,會誤導浏覽者,并且讓整個軟件顯的雜亂無章,給人留下不良的印象。當然,軟件設計的一緻性并不意味着刻闆和一成不變,有的軟件在不同欄目使用不同的風格,或者随着時間的推移不斷的改版軟件,會給浏覽者帶來新鮮的感覺。

7.個性化

(1)符合網絡文化

企業軟件不同于傳統的企業商務活動,要符合Internet網絡文化的要求。首先,網絡最早是非正式性、非商業化的,隻是科研人員用來交流信息。其次,網絡信息是隻在計算機屏幕上顯示而沒有打印出來閱讀,網絡上的交流具有隐蔽性,誰也不知道對方的真實身份。另外,許多人在上網的時候是在家中或網吧等一些比較休閑,比較随意的環境下。此時網絡用戶的使用環境所蘊涵的思維模式與坐在辦公室裡西裝革履的時候大相徑庭。因此,整個互聯網的文化是一種休閑的、非正式性的、輕松活潑的文化。在軟件上使用幽默的網絡語言,創造一種休閑的、輕松愉快、非正式的氛圍會使軟件的訪問量大增。

(2)塑造軟件個性

另外,軟件的整體風格和整體氣氛表達要同企業形象相符合并應該很好的體現企業CI。在這方面比較經典的案例有:可口可樂個性鮮明的前衛軟件"Life Tastes Good";工整、全面、細緻的通用電氣公司軟件"We bring good things to life(GE帶來美好的生活)";崇尚科技創新文化的3M公司軟件"Creating solutions for business、industry and home";刻意扮演一個數字電子娛樂之集大成者的角色,要成為新時代夢想實現者的索尼軟件;平易近人、親情濃郁的通用汽車公司軟件體現了"以人為本"的企業定位和營銷策略;服務全面、細緻、方便,處處體現"賓至如歸"服務理念的希爾頓大酒店軟件。

網頁界面設計不同于一般的平面設計,擁有自身的設計特征。網頁界面設計應時刻圍繞“信息傳達”這一主題來進行。目前網頁界面傳達的信息主要是視覺信息。因此從設計類型上來看,網頁界面設計屬于視覺傳達的領域,故而網頁界面設計的主要視覺元素和設計指導原則都要遵循視覺傳達的一般規律。網頁界面設計師在視覺傳達的工作,就是通過有效吸引視線的藝術形式使信息得以清晰、準确、有力地傳達。

任何一個成功的産品都是建立在對需求的準确把握之上的。需求分析對于新産品的開發或者已有産品的改進升級是不可缺少的早期環節之一。許多設計項目在還沒有很好地理解用戶需求甚至幾乎對用戶需求完全不清。

體現以用戶為中心的設計。首先從對用戶的調研開始、然後對用戶建模、信息概念設計、網站原型設計到用戶測試及方案實現,整個設計過程都始終圍繞着用戶進行,真正做到以用戶為中心。保證用戶界面運作的一緻性是網頁界面設計的重點之一。在主頁列表框的設計中,如果雙擊其中的一項,使得某些任務完成。由此雙擊列表框中的其中的任何一個項,都應該有同樣的任務完成。也就是所有窗口按鈕的位置設計要達到一緻性,提供的标簽設計和信息要一緻,顔色要一緻。用戶界面設計的一緻性會使得用戶對網絡界面運作建立起精确的心理模型,以此降低用戶培訓和支持成本。在頁面視覺傳達上,從網站的主題内容和定位來決定需要與之前運用的元素保持一緻。

減少用戶思考的設計。一般的短時記憶隻能保持二十秒左右,最長不超過一分鐘。在如此短的時間内我們能儲存多少信息呢?答案是7士2即5~9個項目,平均為7個項目。可見,人在短時間内注意力是集中和少量的,基于識别的用戶界面在很大程度依賴于用戶所關心對象的可見性,顯示太多的對象和屬性會讓用戶很難找到感興趣的對象。同時,用戶不棄歡經常重複性輸入一些信息,如個人賬号,安全信息,操作習慣,下次操作行為等,這些占用了用戶完成其他重要任務的時間。

明确體現網站的特色服務。用戶界面要非常明确地體現網站的特色服務,安排最大的空間并且在最顯眼的位置來擺放網站的最大賣點和用戶最關心最常用培訓系統,而其他用戶也會感興趣的渠道信息、最新共享信息版塊和論壇闆塊等放在界面較顯眼的位置。這些都是基本滿足用戶需求,以用戶為中心的界面計。

迎合用戶的習慣。迎合用戶的習慣,主要為了讓用戶在操作中簡單到極緻。作為1個Ul設計人員,我們應當多的去了解用戶習慣在什麼地方尋找導航欄、習慣把哪部分作為網站的重點,習慣在什麼地方點擊注冊、習慣在什麼地方找搜素框、習慣點擊什麼樣的按鈕[8]、什麼顔色會加速用戶的心跳、增強消費的沖動。由此,根據用戶的行為習慣,對網站的整體布局進行重新策劃,使得簡單、簡單、再簡單、簡單到極緻,通過清晰的流程和界面,讓用戶減少對網站的思考以及尋找的時間;讓準确的色彩和表述減少用戶心理鬥争的時間。通過不斷地調研,用各種可用性實驗來計算用戶在每一個界面下所需思考的時間,然後,最好的頁面設計的評判标準就是用戶耗費時間最少的那個頁面。

相關詞條

相關搜索

其它詞條