當前位置:旅游攻略大全網 - 酒店预订 - 界面設計的簡介

界面設計的簡介

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

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

界面是人與物體互動的媒介,換句話說,界面就是設計師賦予物體的新面孔。 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秒鐘(普通的撥號用戶56 Kbps網速);盡量使用文本鏈接,而減少大幅圖片和動畫的使用;操作設計盡量簡單,並且有明確的操作提示;軟件所有的內容和服務都在顯眼處向用戶予以說明等。

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]、什麽顏色會加速用戶的心跳、增強消費的沖動。由此,根據用戶的行為習慣,對網站的整體布局進行重新策劃,使得簡單、簡單、再簡單、簡單到極致,通過清晰的流程和界面,讓用戶減少對網站的思考以及尋找的時間;讓準確的色彩和表述減少用戶心理鬥爭的時間。通過不斷地調研,用各種可用性實驗來計算用戶在每壹個界面下所需思考的時間,然後,最好的頁面設計的評判標準就是用戶耗費時間最少的那個頁面 常見問題:

1、字間距太擠或太寬

2、行距太小或太大

3、段距太少或太多

4、每行字數太多或太少