ui設計范文
時間:2023-03-29 17:13:59
導語:如何才能寫好一篇ui設計,這就需要搜集整理更多的資料和文獻,歡迎閱讀由公務員之家整理的十篇范文,供你借鑒。
篇1
(1)、界面清晰明了。允許用戶定制界面。
(2)、減少短期記憶的負擔。讓計算機幫助記憶,例:User Name,、Password、IE進入界面地址可以讓機器記住。
(3)、依賴認知而非記憶。如打印圖標的記憶、下拉菜單列表中的選擇。
(4)、提供視覺線索。圖形符號的視覺的刺激;Gui(圖形界面設計):Where, What, Next Step。
(5)、提供默認(default)、撤銷(undo)、恢復(redo)的功能。
(6)、提供界面的快捷方式。
(7)、盡量使用真實世界的比喻。如:電話、打印機的圖標設計,尊重用戶以往的使用經驗。
(8)、完善視覺的清晰度。條理清晰;圖片、文字的布局和隱喻不要讓用戶去猜。
(9)、界面的協調一致。如手機界面按鈕排放,左鍵肯定;右鍵否定;或按內容擺放。
(10)、同樣功能用同樣的圖形。
(11)、色彩與內容。整體軟件不超過5個色系,盡量少用紅色、綠色。近似的顏色表示近似的意思。
盡量考慮到使用者的感受,而不是主觀的表現。在藝術的創作過程中,實質就是對現實的審美認識與對審美認識的表現過程。
UI視覺設計也可以說是作為平面設計的一部分,也遵循平面設計的基本原則,要考慮到畫面各元素組合構成的形式與方法以及這種形式對人心理引起的共鳴。在完善這一些基本形式規律的同時,更應該注意其形式感對人的心理作用以及其表達人的感情的深與廣度,使其真正和設計的最終效果相一致,形成一個完美的、全新的整體形象。同時也要考慮到平面構成的基本形式如,重復與近似、漸變也發射、特異與對比、密集、機理等。
“以用戶為中心”的UI設計方法,以人為本的設計思路,這一點在國內也經常被提起,但在事實的操作中還有很長的路要走。例如:蘋果公司喬布斯領導研制的新一代電腦Lisa,當時Lisa電腦的設計人員就認為,必須將立即執行的命令和需要用戶附加輸入的命令分開。他們決定在后者的命令末尾添加省略號“...”,比如“Save as...(另存為...)”。這個省略號提醒人們:軟件會顯示一個對話框提示用戶輸入更多信息(暗示當前命令發生之前還有別的情況)。會立即執行的命令末尾沒有“...”。
這條規則被廣泛運用,包括菜單和按鈕。Lisa計算機以及它的后來者MAC和Microsoft,采用這條規則在細節處理上起了很大的作用。這個也是現在游戲包括很多運用軟件上上面常用的一些原則,這條規則被廣泛運用,包括菜單和按鈕。Lisa計算機以及它的后來者MAC和Microsoft,采用這條規則在細節處理上起了很大的作用。給用戶帶來了極大的方便。
當一個產品成功打入市場的時候,人們看到的是其強大的功能,上乘的質量,周密的市場策略,合適的價格定為,甚至是美觀的包裝設計,而很少有人會將親和性的界面設計放在功勞簿上。例如現在的騰訊,1997年,現在的騰訊CEO馬化騰接觸到了ICQ并成為它的用戶,他親身感受到了ICQ的魅力,也看到了它的局限性:一是英文界面,二是在使用操作上有相當的難度,這使得ICQ在國內使用的雖然也比較廣,但始終不是特別普及,大多限于“網蟲”級的高手里。
1999年2月,騰訊在互聯網上推出OICQ的第一個測試版本包含的功能十分簡單,僅僅只包括簡單的在線即時通訊功能,但其界面設計令人稱贊不已,事實上,盡管到現在為止,騰訊已經先推出十來個版本以上的QQ軟件,但其界面仍然沒有任何改變,這表明,從一開始,騰訊OICQ軟件的界面設計是十分合理的。
當騰訊推出QQ之前已經有了很多的類似的及時通訊軟件。而騰訊的騰訊QQ在功能上面也沒有什么特別之處,那么很多人一直在質疑,為什么QQ能夠力壓群芳,最終幾乎接近壟斷中國在線即時通訊軟件市場?從功能上說,一直以來QQ并沒有什么特別之處,但相比之下,其它在線即時通訊軟件也沒有什么特別之處,大家都是模仿ICQ。但QQ之所以能夠取得成功,原因不在于它的功能如何強大,而在于它的界面設計的十分合理,用戶操作簡單,相比較和QQ同時代的其它在線即時通訊軟件,如Sina pager、OMMO等,它們一開始的功能并不弱于QQ,特別是OMMO,其在一面世就推出了比QQ強大得多的功能,如電子郵件、網絡硬盤,過多的功能反而讓使用者覺得操作十分煩瑣,這是它之所以失敗的重要原因所在。其后幾個月,騰訊推出OICQ 99a,先后新增了公共聊天室、傳送文件、無線尋呼、手機短訊、語音聊天等,并且在這個版本里面,騰訊還做了另外一個大動作,那就是把唐老鴨、加菲貓、Kitty貓、皮卡丘、大力水手、湯姆貓、藍精靈、史諾比、刺猬索尼克等知名熟知的卡通肖像換掉了,換上了騰訊自己設計制作的卡通肖像。令人吃驚的是,在騰訊新增了這么多功能后,OICQ的界面仍然沒有任何改變。其合理的設計、良好的易用性、強大的功能,穩定高效的系統運行,贏得了用戶的青睞。
毫無疑問,UI設計優勢在產品競爭中扮演的重要角色是無庸置疑的,但是,這種優勢實現和意識都是長期性的,而非短期行為。他意味著需要相當長的時間讓客戶了解到,但是一旦形成此種心理上的優勢,就會在很長的時間內存在,會將易用的心理暗示代入整個產品的后續開發甚至整個品牌。
當一個產品成功打入市場的時候,人們看到的是其強大的功能,上乘的質量,周密的市場策略,合適的價格定位,甚至是美觀的包裝設計,而很少有人會將親和性的UI設計放在功勞簿上。UI設計所倡導的是可用,易用,然而在消費者心中可用,易用是理所當然的。而設計師所應該做的就是默默的為人類服務。
技術是有局限性的,而設計師的思想是無限性的。完美的UI設計能給技術很普通的產品帶來質的飛躍也能給企業帶來意想不到的收獲。這一切都是基于一個目標,以人為本,服務社會。
篇2
所以,我們必須了解移動APP客戶端的UI設計原則及UI界面適配步驟。
第一點:移動APP客戶端的UI設計原則
1)手機本身的物理特性受限引起的操作交互指南:
a、移動APP客戶端的文字輸入,必須要降到最低:由于手機在輸入上的低效性,在設計的過程中,應盡量減少用戶的輸入,如果有可能可以設置默認值,或者讓用戶選擇目標值。
b、移動APP客戶端的信息結構好,屏與屏之間的邏輯關系清晰:由于手機屏幕都普遍較小,即使有4吋屏,那也只能展示較少的信息量,因此,在手機設計上,更需要有清晰的信息架構,用戶知道當前在哪兒,并能返回到哪兒。
c、移動APP客戶端的操作、功能不要隱藏太深,重要功能都需要在界面中有適當的提示:由于手機屏幕較小,不能展示所有的信息。因此,對重要的、使用頻率高的功能或信息放在最重要的位置,并在首頁上展示或指示。
2)手機的移動特性引起的指南:
a、移動APP客戶端的最主要的功能操作,用單手可以完成:手機的使用情景多樣性,在很多情景下,用戶都只能單手來操作手機,因此,在客戶端的設計過程中,需要考慮最重要的核心功能,能否單手操作完成。常見手勢翻頁交互效果和優點等。
b、移動APP客戶端的界面必須簡潔、操作簡單,操作步驟少:由于用戶操作情景復雜,在使用客戶端的過程可能有額外的認知負荷,因此,在設計客戶端的過程中,邏輯必須簡單,操作步驟也要減少。
c、移動APP客戶端的界面層次不要太深,最好不要超過3級。
d、移動APP客戶端的提示包括界面、聲音、振動多種形式:用戶在操作手機時,往往不會一直盯著手機屏幕看,因此,很多手機狀態頁面的切換,脫離了用戶的視線,這時,必須要提供視覺之外的其他感覺通道的信息(如聽覺、觸覺等),來對用戶做提示。快速體驗移動觸摸響應操作等。
3)其他移動UI設計原則
a)客戶端UI的適配不必恪守所有的平臺都保持一致,只要一些品牌的關鍵元素能體現可。
b)客戶端的主要操作方式(框架、導航、按鍵功能及軟鍵對應方式等)應與所承載的手機操作系統保持一致:客戶端都承載在某款具體的手機平臺中,而用戶會對當前的手機平臺很熟悉。
因此,在設計的過程中,需要更好地理解當前的手機平臺,并使客戶端的設計與手機系統的設計邏輯保持一致。
第二點:.手機APP客戶端UI界面設計適配的步驟:
移動APP客戶端的適配要以一個平臺為起始,但是要著眼于多個平臺。
1)根據公司的戰略,選擇一個最先切入的平臺;
2)了解該平臺的UI設計規范,可用的UI控件及交互原則;
3)確定切入的屏幕大小,以此來設計第一個客戶端,但是要考慮適配其他屏幕的可能性,是自適應來擴展或者縮小;
4)根據平臺及屏幕大小,來選擇一款最典型的手機,開始客戶端的交互設計。
5)確定客戶端的核心目的。如為娛樂為主的,應在設計方式更娛樂性;功能性完成目的為主的,以更易用性為主;
6)根據客戶端的功能和內容,來設計客戶端的信息架構;
篇3
多媒體設計
多媒體技術是指將多種單媒體復合而成的技術。多媒體技術融合了各種視覺和聽覺媒體,包括動畫、文字、圖形、圖像、語言、音樂和立體聲響等,多媒體網頁UI界面可以讓用戶同時接受多樣的媒體信息來源。網頁UI界面設計中使用多媒體技術可以體現以下幾個特點:1)集成性,對遠程多媒體的影音信息統一取得與。2)交互性,人性化的實現信息傳播,能夠主動選擇和控制信息流方向。3)非線性,創建了超文本鏈接方法,把靈活展示瀏覽內容。4)實時性,實時控制多媒體信息,及時配合用戶指令。5)動態性,用戶可以按照自己的需求選擇信息使用方式,甚至重組信息的各種表現形式。
網頁交互設計
交互設計需要解決的是人與機器之間互動的問題,是表現層的東西,好的交互設計方案能夠讓用戶感覺網頁非常好用。怎樣的網頁交互設計才算是好的方案呢?1.讓人有耐心等待。根據網絡調查,大多數用戶對網頁打開的等待時間最多堅持5秒鐘,如果5秒內頁面都不能打開,那這個頁面上的內容將沒有任何意義都就將。所以在交互設計時,需要考慮網頁等待時給用戶提供的信息。最好的方式是反饋,當用戶等待時,告訴用戶他的操作是否成功并且將剩余的等待時間實時呈現,這樣就能有效解決用戶不能耐心等待的問題。2.讓人不用動腦筋想。好的網站能夠幫助用戶快速完成任務,要達到快速完成任務的目的,交互設計必須使頁面簡單,盡量讓用戶瀏覽時不收不必要的干擾,最好能夠符合用戶心智模型。因為,大部分的用戶在瀏覽網站時希望的是能快速找到勉強應付的方案,而不愿意主動尋找方案,百分之八十的用戶只會用百分之二十的功能。
網頁UI界面設計展望
目前,網頁UI界面設計主要是三維的視覺界面和二維的圖形界面,同時輔以動畫、聲音等多媒體插件布局設計。隨著計算機技術的不斷發展,三維立體的操作界面系統會在網頁設計中逐步普及,三維立體界面的直接操作是虛擬現實(VirtualReality)交互性的一個重要表現方式。三維虛擬空間中的直接操作包括平移、拾取和旋轉等操作,例如如今比較前沿的3D影裝和多點觸控技術。三維直接操作使得網頁UI界面設計不再僅僅局限于視覺效果的三維變換,可以實現類似于四維空間的人機直接交互,從而更好的完成用戶操作。
篇4
【關鍵詞】UI設計;視覺設計風格;發展
中圖分類號:TB472 文獻標志碼:A 文章編號:1007-0125(2017)07-0171-01
一、UI設計概述
(一)UI設計的定義:UI是由User Interface(用戶界面)縮寫而來。UI設計即為用戶界面設計。是對軟件的人機交互、整體操作的邏輯以及操作界面的視覺美觀性的整體設計過程。
(二)UI設計中視覺設計風格定義:UI設計中視覺設計風格是指視覺設計師在進行用戶界面設計時所使用的圖形化語言。視覺設計師在進行軟件界面設計時對數據進行全面分析并歸納總結,運用點、線、面等圖形化語言并設定合適的色彩創造出符合用戶審美的用戶界面風格。當前主要運用于UI設計中的視覺設計語言有:1.擬物化風格,該視覺設計語言風格是對真實物體的模擬,最大程度在去模擬真實物體的形體和質感。2.極簡化風格,該視覺設計風格是視覺設計師將想要表達的形體事物以最簡單的線條或者圖形概括出來,使用戶看到這一圖形即可聯想到一定的實物。
二、國內外UI設計視覺設計風格發展現狀
美國于上世紀中期便發明了計算機并建立了互聯網,這方便了人們的工作和生活,在人與計算機使用和被使用的過程中便產生了人機交互這一概念。在人機交互上是以發現問題到解決問題的模式不斷地形成了規范;在視覺設計語言方面,美國、德國、法國等國家受到包豪斯設計學院的影響,遵從包豪斯“藝術與技術的新統一、設計的目的是人而不是產品、設計必須遵循自然與客觀的法則來進行”的觀點,形成了簡約至上的現代視覺設計語言風格。
國內關于藝術類的教育仍然處于講述基本知識的學院式教育,教學僅僅是為了講述知識,而并沒有和當前先進的科學技術生產力接軌,關于UI設計的教學也僅僅是依靠教師在相關領域的相關經驗,并不能切實地結合社會需求。這些都極大地限制了中國在UI設計行業的發展。隨著互聯網技術在中國突飛猛進的發展,目前國內也有許多互聯網企業在借鑒了國外成熟的設計規范后,發展出了自己完善的UI設計規范,也做出了相當成熟的產品。
三、成熟UI設計視覺語言風格應用
(一)擬物化設計風格:是借助已有的實體進行設計,將設計中功能上并不必須的元素也要添加,這種真實的實物感以及質感帶給用戶極大的親切感,能使用戶更快地掌握如何操作和使用該產品。如錘子科技公司的手機系統Smartisan OS,該系統UI大量采用了擬物化設計風格:其系統自帶軟件計算器,其圖標是具有真實質感的計算器按鈕,能使用戶快速識別。打開軟件后,無論從質感立體感到屏幕顯示、字體顯示、界面顏色再到觸覺反饋,無不呈現出一個真實的計算器。這樣的設計能帶給用戶生活中的親切感。
(二)扁平化設計風格:是指在設計過程中使用簡單的特效或者不使用視覺特效,以極簡單的形體去進行設計。這種設計方式較簡單直接也更加輕量化,更加適用于移動界面的設計。如2010年微windows phone操作系統,其整體布局采用色彩明亮的色塊進行區塊劃分和整體布局,圖標設計也采用極簡的線形和面元素設計,整體輕快簡潔。隨后,蘋果公司和谷歌公司在iOS和安卓系統中也開始采用扁平化設計風格。目前無論是蘋果還是安卓,在原生系統級的圖標和布局的設計都采用了扁平化設計風格。受此影響,國內外的軟件廠商為和手機系統風格保持一致也紛紛效仿改變風格。
(三)原質化設計風格:是谷歌公司所研究出來的一種新的設計語言,也是一種設計規范。該風格是由谷歌團隊對于紙質和墨水材料的研究,在基本元素的處理上,借鑒了傳統的印刷設計、排版、網格、空間、比例、配色、圖像。同時強調結合實體物理屬性和規律的、合理的動效和高效的空間化利用。以和物理世界接近的觸感可以讓用戶更為自然、快速地理解和認知。該風格是在扁平化風格基礎上加以真實物理世界的觸感,是介于上述兩種風格之間的風格,原質化設計風格尚處于發展初期,在未來的發展中它可能在UI設計視覺語言風格中占有一席之地。
四、結語
互聯網技術發展日新月異,互聯網商業也緊隨其后,這就決定了UI設計發展的重要性。隨著人們對各系統操作的熟識,UI設計視覺設計風格也要隨著用戶的審美變化而不斷發展。而這種發展也會是符合現在設計發展的規律,由起初簡單的文本界面發展為精美雕飾的形體界面,再由繁復的界面簡化為簡約輕快的界面,之后還會在簡單的基礎上再去增加體驗。總而言之,UI設計視覺設計風格的發展也會遵從由簡到繁再由繁到簡這樣一個過程。
參考文獻:
[1]人機互動,UI 的絢麗與便捷*移動互聯網時代的手機UI設計與主流終端廠商理念評析[J].新潮電子,2009,(9):29-47.
篇5
UI交互設計在科技飛速發展的今天,正在以非常快的速度被人們認可和熟知。UI的本意是用戶界面,對于UI的理解也是從“接觸”含義對交互設計進行探究。UI交互設計真正為人們所重視是基于電腦產品的誕生,人們理解電腦產品,首先需要一個可視界面,然后需要輕松處理程序并給予指令,使產品被人們輕松使用、為人服務,使用戶獲得愉悅的體驗。文章著重從交互設計方面闡述UI交互設計在信息科技中的研究價值和研究方法。
關鍵詞:
UI交互設計;用戶研究;人機界面;用戶體驗;視覺美觀
UI的概念,是人們為解決與機器的交流問題而提出的,如日常生活中的汽車操控界面,最早的收音機操作界面,電視遙控器界面,正在研制的各種更超前、更易用的感應式電子軟件操作界面。人們正在經歷著圖形界面時代,產品操作界面的圖形化處理越來越受到人們的重視。好的交互體驗使人們一眼就能識別如何操作,能理解操作帶來的實際作用。人們對用戶體驗和界面美觀的要求提升得越來越快,這種圖形化的界面設計也推動了新的經濟時代到來。隨著智能手機的飛速發展,人們對手機APP的使用迅猛增長,如今各種APP在互聯網移動終端設備上的使用率越來越高,使用人群也逐漸細化。APP產品琳瑯滿目,產品經理開發手機APP的使用價值,就必須研究用戶界面交互設計,通過用戶界面交互設計的研究得出這些產品的推廣和應用方式。實際上用戶界面本身就是一種設計,像其他設計一樣需要獨特的設計方案。隨著硬件技術的發展,人們關心的重點是軟件的易用性和美觀性。如何設計成功的界面,取決于對UI交互設計的理解和對用戶體驗設計的研究。
一、用戶研究,了解用戶,彌合差距
現實生活中,人們對周圍世界的描述和感知有部分不是真實的,人們所感知到的在很大程度上取決于人們的期望,人們的描述根據期望提出并通過設計展現出來,人們的過去、現在、將來成為影響感知的三個要素,設計者對于用戶也需要從這三個要素上去研究、觀察、分析和反饋。現在,移動終端的開發不斷創新,如幾年前老年智能機的出現、近期兒童智能手表的廣泛應用。各個科技公司正在研發更加強大的智能終端系統APP。如2015年底面世的錘子T2手機,錘子科技針對如何教會老年人使用智能觸屏手機開發了遠程協助功能,這給智能科技手機帶來了新的盈利模式。正是出于對用戶的不斷探究,各種新奇、有用的APP應運而生。互聯網公司、手機科技公司、軟件公司對新產品的研發要從用戶研究做起,要了解透徹用戶,要尋找用戶使用產品的痛點,然后進行痛點分析,據以進行產品開發或改造。在對用戶研究的過程中,準確把握用戶經驗、使用環境、未來目標,是進行產品研究開發的必要基礎。
移動互聯網用品專家在分析網絡移動終端產品時將用戶分成三類。第一類是專家型用戶。這類用戶的特點是有強烈的愿望探索新的產品和服務。對于出現的新產品,專家型用戶往往迫不及待地花時間探索產品的新功能、新特征。不過,這類用戶在總體上占少數。第二類用戶可以稱為隨意性用戶。隨意性用戶可能不喜歡改變,接觸全新事物的意愿可能不是太強。第三類用戶可以稱為主流用戶。這類用戶往往不會因為產品有某項技術而使用這種產品,他們使用產品的目的是完成某項任務,在情感上更加偏重手機的功能本身,但是他們往往不會花費精力學會所有的功能,在用戶中,這類用戶所占的比例最大。在研發過程中,設計者應盡量避免只針對專家型用戶的需求進行設計,否則設計出來的手機APP可能會使主流用戶知難而退。很多軟件的開發要以主流用戶為主體,設計者在進行用戶分析時,可以多觀察主流用戶的行為習慣,通過用戶測試改進手機和網站等,在研發過程中以主流用戶為目標用戶。總體來說,設計者要解決的UI交互設計的核心問題就是產品對用戶使用心理的影響,要將產品設計的核心轉移到以用戶為中心上來。UI交互設計師或程序員要想設計出好的產品,就要明確目標用戶是誰,正確定位用戶的使用需要。當然,很多時候用戶可能不清楚自己的需求是什么,或者難以清晰表達自己的需要,此時UI交互設計師或程序員就該發揮自身的作用,了解用戶的特征、使用能力和使用目的,想辦法滿足用戶的要求。好的UI交互設計應該能夠在不影響用戶個人目標的情況下,幫助他們達成實際目標。真正解決問題的關鍵在于設計者能夠換位思考,以用戶的心理狀態、行為方式考慮產品設計。
二、應用視覺設計研究,設計過程
在過去的產品設計過程中,一般是程序員設計交互界面,但程序員往往沒有足夠的時間考慮UI交互設計,沒有明確的產品設計方向,也沒有恰當的設計思路和方法,所以一些電子信息產品的UI交互設計并不成功,甚至影響了產品的有效使用。現在,人們對于用戶體驗、交互方式的要求與日俱增,產品經理為了解決在信息時代所面臨的復雜而獨特的問題,對于營銷思路方式、視覺設計研究、設計過程越來越重視,逐步提高對用戶評價的重視程度,逐步改善產品的交互體驗。在創建軟件的過程中,戰略層、框架層、信息層、用戶層、設計層、體驗層常常是在壓縮成本時最先被考慮的部分。在產品設計的視覺層面,設計過度的情況時有發生,如果希望設計的產品能夠得到用戶的認可,就需要將產品界面設計得簡潔而不簡單,如果設計過程和視覺設計思路非常棒,就會大大提升產品的競爭力,使產品的使用壽命延長,具有更長的生命周期,有利于提高客戶的忠誠度,使產品創造出更大的價值。
在UI交互設計研究開發過程中,設計師主要是對產品界面的文字、圖形、色彩、版式進行研究,在設計過程中需要不斷試錯、改善,甚至在投入使用后,還要進行修改、更新。UI交互設計師為了了解用戶的使用心理,會在實踐中進行用戶研究,注重和強調人作為主體的多樣性,而不局限于運用市場人員通常采用的統計式量化研究方法。在UI交互設計過程中,視覺設計起著掌控大局的作用。隨著網絡移動終端產品的日益復雜和功能越來越多、越來越強大,用戶對產品易用性的要求也越來越高。用戶在使用過程中可能產生一些困擾,這時UI交互設計就會發揮聯系產品和用戶的橋梁作用。UI交互設計在軟件開發過程中起著重要的作用。對于每一個新的系統,用戶都需要新的適應過程,如果產品界面風格設計變化不定,會給用戶帶來很大的麻煩,增加用戶的使用難度,甚至會招致用戶的厭煩。在界面設計過程中,視覺設計部分也要注意交互的重要性,注重設計風格的統一性。如,APP界面中要有“返回”“后退”“上一頁”等按鈕,界面上圖標的風格要一致,文字或圖形不能隨意擺放,從而保證用戶獲得較好的交互體驗。UI交互設計對于界面元素的模塊化也非常重視,版權信息、導航條、圖片等要盡量重復使用,設計過程應盡量簡潔,將元素縮減到最少或者排列到最合理的位置。
三、交互細節研究測試,說服溝通
交互設計側重的是交互式系統的開發。UI交互設計研究以技術為重心,強調的是設計技巧。這種設計技巧通常著眼于呈現內容時的視覺美感,即對界面的視覺美化和包裝。視覺美感是設計師通過對界面中圖形、文字的編排展現的,體現的是技術性,強調的是平臺相關的范式。UI交互設計師是連接程序員和用戶的有效橋梁。在設計過程中,UI交互設計師需要考慮的第一個重點是系統的易用性。UI交互設計師要明確并不是每位用戶都能非常熟練地掌握計算機網絡技術,一些工具欄的圖標對于初次接觸網絡移動終端產品的群體來說是比較陌生的,因此圖標的設計起著至關重要的作用。在交互細節研究測試過程中,最好可以讓不同的用戶從首頁開始操作體驗,不要給用戶任何操作提示和幫助,設計者觀察用戶使用的熟練程度,記錄并查找軟件的所有缺陷,加以改進。UI交互設計考慮的第二個重點就是流程簡便。交互的核心在于用戶和產品的對話,即用戶和系統與服務的對話,交互設計是為了讓產品產生更大的使用價值,展現出能夠引起目標用戶共鳴的良好設計,使用戶更加簡便地解決復雜問題,最終增進用戶的愉快體驗。UI交互設計對人有直接的影響,理解了這一點,就能為整個設計過程注入獨特的、人性化的一面,從而將設計的重心從技術工藝轉移到人。只有以人為中心,研發的產品才能更好地為人所用,才能獲得長足的發展。UI交互設計的精髓在于:設計應該以用戶為中心,說服溝通。真正理解用戶需求的唯一途徑,即與用戶進行實際的互動。理解用戶的過程就是嘗試了解他們的所思、所說和所做的過程,設計師由此創造可用、有用和令人向往的UI交互設計作品。
四、結語
UI交互設計師嘗試在獨立的組件之間建立有意義的視覺表達,以期了解它們背后的關系。創建這些可視化表達的終極目標是獲得深入的理解。設計師用新奇的方式對各種想法進行分析、重構,對想法之間抽象的、有意義的關聯獲得深入的理解,這種理解會被應用到系統、服務或人工制品的開發過程中。在UI交互設計過程中,溝通是設計中極為重要的問題之一,做好溝通是UI交互設計的前提。產品的設計要注重為用戶著想,人性化設計是項目成功的保證。我們周圍充滿各種各樣的APP產品,好的UI交互設計能給用戶帶來愉悅感,使工作效率得到提高,使產品突出、耀眼、深入人心。優秀的UI交互設計給人們的生活方方面面都帶來非常好的體驗,UI交互設計的工具和手段不僅可以用來開發產品,還能被借鑒以解決社會問題。先超越風格之設計,進而提升到深遠的世界之大設計,是UI交互設計師不斷探索研究之本。
參考文獻:
[1](美)普里斯等.交互設計——超越人機交互.劉曉暉,張景等,譯.電子工業出版社,2003.
篇6
【關鍵詞】網頁UI設計;視覺設計;視覺吸引;交互設計;交互藝術
隨著信息化的深入,網頁成為人們瀏覽信息、獲取信息、放眼世界的主要窗口之一。在傳統網頁的界面設計中,人們認為網頁界面設計就是美工,而美工就是單純對網頁進行裝飾。隨著網絡技術的發展與普及,網頁界面設計的技術在不斷的進步,設計的理念也在不斷的更新,網頁界面設計不再是單純的視覺設計,而是將視覺設計與人的行為習慣、生活方式、心理體驗等結合在一起的設計,基于用戶體驗的網頁UI設計是當前研究的熱點。
一、網頁UI設計及用戶體驗
UI即User Interface(用戶界面)的簡稱,指對軟件的人機交互、操作邏輯、界面美觀的整體設計。網頁UI設計用戶體驗(User Experience,簡稱UE)則是一種純主觀在用戶使用產品過程中建立起來的感受。由于生活習慣、文化背景、行為方式及心理體驗等不同,用戶體驗產品時會有不同的感受,一個好的UI設計要能充分滿足大眾的需求,使用戶在體驗過程中都能心情愉悅、操作流暢、交互高效。
就網頁UI設計而言,用戶瀏覽網頁的需求是什么?抽象出來可以歸納為兩點:一瀏覽信息,二操作數據。這里的數據是指在數據庫中躺著的數據,用戶在單純瀏覽信息時,不會對頁面背后的“數據”造成任何操作,但用戶進行點擊鏈接、跳轉頁面和處理信息時,就要和頁面背后的數據進行交互。所以,在做網頁UI設計時候主要滿足于用戶的這兩方面的需求,第一是用戶在瀏覽信息時候,要有一個賞心悅目的界面,即網頁界面的視覺設計要美觀。第二是用戶在操作數據時候要高效,即網頁界面的交互設計靈活。
二、網頁界面視覺設計
愛美之心人皆有之,漂亮的網頁界面能吸引瀏覽者的眼球、提高網頁的瀏覽量。傳統網頁美工設計,更注重網頁的布局以及網頁的顏色搭配,換言之,就是重在設計網頁平面效果圖和以及對網頁進行裝飾。隨著人們生活節奏的加快,快餐文化日漸豐富,僅靠傳統網頁美工已不能適應當今網頁發展的需要。那么,如何讓你的網站跟上時代的步伐,滿足當今用戶的需求呢?
從用戶體驗出發:什么東西能讓我們從電腦屏幕上看到接近于現實世界的東西?是視覺吸引,視覺吸引是非常有效的提示工具,通常在用戶第一次打開某個應用,或進入某個新的界面時出現。簡單的視覺吸引能扭轉乾坤,把令人沮喪萬分的第一次使用經歷變成滿意的產品使用體驗。[1]常見的網頁視覺吸引的模式:
1.對話框
這是最常見的視覺吸引模式,它是網頁中一種次要窗口,包含按鈕和各種選項,通過它可以完成特定命令或任務。
2.提示
提示指給予相應的提醒、明示和解釋,它可以出現在網頁中的任何位置,比對話框更能融入到網頁的應用情景。
3.使用導航
導航是網頁布局中最重要的元素之一,是網頁主要內容的提煉,是網站的框架更是網站信息的分類,直觀漂亮的導航能吸引用戶的操作。
4.視頻演示
將視頻嵌入到網頁當中,通過視頻形象直觀的畫面來吸引瀏覽者。在進行視頻嵌入設計時,為了便于用戶的操作,一般要提供常見的視頻控制選項(停止、暫停、音量控制等)。
5.首次使用引導
用戶首次使用網頁或是網頁界面中的某些操作時候,提供適當的引導,幫助用戶進入操作界面,比如說利用圖像或是其他視覺線索來引導用戶使用。
6.持續視覺吸引
持續視覺吸引設計,主要是將一些網頁元素進行有別于其他網頁元素的設計(比如說,通過字體的大小、顏色區別開來),并將這些元素一直保持在網頁中,通過持續的視覺刺激來吸引用戶。
7.可發現的視覺吸引
可發現的視覺吸引是一種在保持頁面簡潔的前提下,用戶通過執行特定交互操作的方法(如點擊和滑動等),就能看到頁面中某些隱藏的元素。如比較常見的視覺吸引模式是鼓勵用戶刷新數據的提示。
三、網頁界面交互設計
“交互”是人與機器之間的相互作用。良好的交互能保持或是激發用戶使用網站的興趣,傳統的網頁交互設計重在技術上關注人機之間的交互,忽視了人機之間“情感”交互。發揮設計中人的情感體驗作用,使設計更具有人性化的自由,滿足審美的追求,這不僅需要交互技術,更需要交互藝術。所以,從用戶體驗出發,來進行網頁界面的交互設計。
1.交互技術
人機之間信息交互的有效性主要取決于交互技術。好的交互主要包括兩方面:
(1)時效性
如今生活節奏的加快,人們更注重時效性,在人機交互過程中,如果交互不及時,瀏覽者就會厭煩甚至放棄瀏覽該信息,有網絡調查研究表明,用戶打開網頁等待的時間最長為五秒,如果五秒之后沒有任何的反饋信息,用戶一般會放棄該網頁的操作。所以,在進行網頁界面設計時,要考慮到受眾的心理,在提高交互速度的同時,也要為用戶在等待交互過程中提供相關的信息,減少用戶的疑惑以及焦慮。比如在用戶等待操作時的,提供操作成功與否的信息或是提供操作成功的數據量和剩余所需等待的時間等。
(2)直觀性
簡單直觀的交互能幫助用戶快速完成任務,繁瑣的交互會增加用戶操作和思考的時間,也會引起用戶心理上的厭倦。在進行交互設計時,反饋回來的信息要直接明了,因為在操作過程中用戶都喜歡被告訴怎么做,而不喜歡去思考如何做。同時,交互設計要減少干擾,讓用戶的操作能更順暢。
2.交互藝術
交互發生取決于交互技術,交互持續取決于交互藝術。交互藝術,是指運用一定的創意,使用戶在體驗交互的過程中,能沉浸其中,并保持愉悅的心情。在交互設計中,運用藝術表現形式,改變傳統媒體的線性秩序敘事方式,強調觀眾的積極性和能動性,引導用戶更好地進行交互操作,達到人機交互的自然、和諧。
四、結語
“以人為本”的創新設計是UI設計的核心,好的設計既是美的設計也是為人的設計,這也是未來UI設計的趨勢。[2]所以,在網頁UI設計中,我們要摒棄以往界面設計就是美工的觀念,網頁UI設計不是給網頁進行簡單的裝飾和美化,而是要賦予其獨立的思想和創意,結合用戶的心理體驗、行為習慣、生活方式等因素,以人為本,基于用戶體驗進行網頁UI設計。
參考文獻
篇7
關鍵詞:手機UI界面;平面元素;界面設計;情感化
手機作為日常生活中最常見,幾乎是更新速度最快的個人電子用品終端和電子用品集合體,越來越多地介入和更大地影響著人的日常生活。其集合體性質的發展決定了在未來的日子里手機不僅僅是一個攜帶電話,而更多的是一個娛樂、生活、資訊的集合體。其的終端性質也決定了其在人機交互方面也必須更加的人性化,趣味化,功能集成化。本文主要討論的是在現在的設計趨勢下幾種手機主菜單用戶界面(User Interface)設計的手法和其應用性中所蘊含的人機交互原則抑或是商業原則,切入點主要是視覺傳達方式及交互方式給用戶的體驗。
一、手機UI界面情感化的需求
應該說,好的界面設計一直致力于人性化的設計,即以用戶為中心的設計。好的技術并不意味著就易于人們接受或者說滿意,它只能在一定角度上易于操作。但一味追求交互效率,容易陷入冷漠的技術誤區。前面在闡述可用性問題時,曾提及一種要素,這就是用戶的滿意度。人性需求的高級階段是情感化的,而高效率不等于高情商。由于手機與人們生活的高度密切性,手機的交互界面在涉及人-機-環境三者關系的同時,其中人的情感更值得關注,產品設計中的符號化元素其實就是從情感需求出發的一種體現。這種關注是設計對“人”的重視,它的要求甚至遠高于對達成交互的結果的研究。
二、UI界面的本能水平情感化設計
本能水平情感是腦內最簡單、最原始的部分本能水平的設計的基本原理來自人類本能,在不國家,不同種族都是一致的。我個人認為,對于面設計師來說,要做就是盡量使所設計的界面能引并給使用者帶來開心、愉快、輕松、舒適、快等直觀的心理感受,我認為本能情感層面的設計通過美觀性、趣味和幽默感等方法來實現。
(一)美觀性
古典美學家黑格爾說:“美,是理念的感情顯現”,榮久庵憲司說“我贊美輕盈簡潔的美感,渴望提高功效,舒適,豪華和多樣性。實現美和對美的渴望是未來設計的目標。”
而色彩,圖形的則是能引起感官對美最直接,最本能的刺激和反應的元素,可能沒有其它設計元素能像顏色一樣能影響人們對界面的感受。它可以瞬間改變我們的情緒和意見。顏色會讓我們感覺到舒適、敬畏,或者激動”。
在界面設計中,顏色組合對設計非常有用。我們針對軟件類型以及用戶工作環境選擇恰當色調:如:安全軟件,根據工業標準,可以選取黃色,綠色體現環保,藍色表現時尚、紫色表現浪漫等等,淡色可以使人舒適,暗色做背景使人不覺得累等。顏色蘊含的另外一個財富就是可以帶來靈感。舉個實例,為了促進都柏林的旅游業,都柏林的旅游網站采用了愛爾蘭海岸的一種顏色組合。這種組合非常生動和吸引人,使都柏林看起來很有游玩的樂趣,并且廣闊、豪華。圖形在界面中具有重要作用。圖形就是信息媒介。特別是游戲產品,圖形甚至是界面本體。可視化圖形往往能引起人們的注意,并激發閱讀興趣,圖形給人的視覺印象要優于文字,合理的運用圖形。可以生動直觀、形象地表現對應功能,降低了使用難度,增加親切感,方便用戶理解使用(尤其是中老年,兒童等)。
當我們的界面設計遵從了美的形式法則,經過設計師盡心的努力所呈現出美觀、大方、時尚、典雅或華麗等特性時,激發出人類“愛美”的天性,從而使界面使用者自然而然地產生美好、愉快的心理感受,即獲得本能情感的認可。
(二)趣味性和幽默感
與美學性一樣,趣味性和幽默感也是人的本性之一,趣味性和幽默感事物同樣能夠直接激發人的本能情感。界面設計中所講的“趣味性和幽默感”是指圖標,圖形,字體等的形態、色彩、形式等方面看起來很有趣、有意思、有味道、能引人注意,或則呈現出圓潤、憨厚、笨拙可愛、親和力等特了使界面具備趣味性和幽默感的特征,它追求的是不同尋常或出乎意料的情景,激發人們的好奇心,并能在轉眼間帶給人一種驚喜、快樂的心理感受,這也屬本能情感。
三、感官與機械的完美配合
由于手機的機械特殊性,其交互設計除了要考慮界面視覺的感受,還要兼顧聽覺和觸覺的運用。正如日本著名設計師原研哉先生所提出的“五感”設計。即信息構建的時候,思維維度要多樣化,設計作品應觸及到“五感”,視覺、聽覺、觸覺、嗅覺、味覺。給受眾全方位的觸動。雖然原先生所說的是商業廣告以及生活品設計范疇的傳達學,并且手機也沒有辦法涉及嗅覺和味覺。但是人機交互一樣可以導入這個概念,因為人與物的交流,反饋的模式是一致的。
手機的傳達模式是:顯示屏輸出,用視覺來向外傳達。用戶的輸入來進行指令再次向內傳達。手機設備再次反饋。而反饋的方式就很多,比如視覺的反饋,顏色,亮度,位置的變化都會讓用戶的視覺得以刺激。
或者用聽覺給用戶提示,甚至手機震磁震動的觸覺。
篇8
在當今社會,智能電子設備在人類生活所占比重愈加重要。在這個以數字信息作為主要交換方式的網絡化時代,傳統的計算機軟件系統、智能手機,平板電腦等人機交互式智能設備,以其高效快速的信息傳達功能與直觀的視覺傳達效果
而就當前競爭愈來愈激烈的智能便攜設備消費市場而言,軟件核心部分的功能固然還在不斷的創新和發展當中,但是我們同樣需要認識到作為首先視覺感知的軟件界面設計,即UI設計(user interface design),在越來越強調視覺對系統和軟件消費者的心理和使用感受方面的影響,諸多的廠商和開發者也開始關注到這一點。對于以往傳統認識中,對于軟件開發過程中還存在重技術而不重應用的現象逐漸消失。開發團隊在關注于軟件核心功能的研發的同時,同樣會系統考慮界面設計如何去有效的體現出科學的人機交互性、操作邏輯和用戶心理的適應度,從而成為一個更為縝密的系統。
回顧一下智能設備系統和軟件界面設計的發展歷程,特別是進入21世紀以來,軟件界面經歷了從擬物化設計(skeuomorphism)到當前扁平化設計(flat)的視覺效果演變過程。從APPLE、GOOGLE等公司在先期的系統界面中以模擬真實物體的材質、質感、細節、光亮等視覺表現效果來體現人機交互的擬物化,模擬現實中的交互方式。到如今更為流行的界面扁平化設計通過簡單純色的組合或單色極簡的抽象矩形色塊,去掉冗余的擬物化界面元素而體現軟件核心功能,以現代主義式的審美去表現視覺傳達的高效性。
設計師在進行UI設計中,對于色彩的運用,必然要更多的考慮到色彩心理學在設計中的運用。特別是在當前扁平化設計大行其道,視覺元素主要由純色組合去傳達功能含義的主流趨勢之下,如何去科學的將色彩進行運用,是不可忽視的一個命題。從色彩心理學的廣義角度而言,色彩心理學包括了美學、光學、心理學和民俗學等多重學科所要研究的范圍。在與一切與視覺有關的人類活動之中,色彩是除形體之外,最能直接的客觀刺激人類心理的形式;從人類的應激主觀反應而言,色彩往往又是能夠去促使人類行為的一種顯性或潛在誘因。在心理學家的研究結果之中,人類的色彩心理,即對于色彩的生理向心理的反應系統,從視覺開始而向知覺、感情進行延伸,最終形成記憶、思想、主觀意志乃至與潛意識中的具象象征,這樣一整套演化過程是極其復雜而又縝密的。因此,我們在進行與色彩相關的設計時,需要重視這種因果關系,即如何通過色彩在第一直觀視覺角度去贏得受眾的心理認同。
在人類日常的觀察活動中,人的心理因素往往會受到色彩的很大影響。這種由色彩帶來的應激反應,學界將其稱之為心理顏色視覺感。人類常常會感受到色彩對于自己心理的影響并且能有效影響到情緒與行為,這種影響有時會是直接刺激,有些則是通過對于色彩潛在意味的聯想而產生。比如在通俗的對于色系的區分上,我們時常會將色彩區分為“冷色系”與“暖色系”,這種對于冷暖的物理性反應,正是來源與人類心理中對于色彩的物理光刺激而產生的直接性心理效應,我們看到波長長的紅光和橙、黃色光,本身會感覺到溫暖感,并由此而對此類光所照射到的物體所具象表現出的色彩產生明顯的溫暖感覺;我們看到諸如紫色、藍色、綠色等光源和色彩的時候,則會產生寒冷感。這些由色彩而產生的心理錯覺構成了我們最初的對于色彩的生理性反應。同時,冷暖色系的不同還會帶來一些諸如質量等物理方面的聯想。比如我們看到暖色系的時候,會覺得這個色系的物體相對厚重,而冷色系的則顯得輕薄,冷色給我們帶來的更強的透明感,而暖色則相反。
諸如此類的視覺物理反應而帶來的心理和感情因素,通過人類的進一步聯想而產生了更為具體的關乎于主觀意志的影響,而由此而通過思維去產生象征意義。比如我們在看到紅色時,往往會聯想到此色彩所附加的形態之上一般象征著征熱情、性感、權威、自信,是個能量充沛的色彩。這樣的暖色系色彩往往會帶來興奮感與直接的刺激性作用。往往在促進人類行為方面有著較為直接的效果。因此我們在諸如生活消費類APP,如一些電商軟件等UI中,可以看到如紅色這樣的暖色系運用較為廣泛,其目的就在于通過這樣一種暖色系的高純度高明度的色彩去充分的調動起消費者的積極性,促使消費者通過色彩的心理暗示來進行積極行動。反之,我們在看到一些冷色系的色彩時,會必然由此而產生沉靜感。比如我們在看到那些明度低純度也低的冷色系色彩諸如藍、紫、綠等色彩時,往往會將心理活動降低到一個緩速階段。比如藍色所能具體象征出的靈性和知性兼具,以及象征希望、理想、獨立、誠實、信賴、權威、堅定、智能;同時藍色視覺形象也能自己、也讓對方完全放松。我們往往可以在一些諸如搜索引擎、輔助應用軟件等軟件的UI設計中看到大量的運用。
篇9
【關鍵詞】用戶體驗 界面設計 研究
隨著計算機網絡技術的高速發展,人們快速步入了信息時代,生活和工作方式都產生了翻天覆地的變化。人們的生活已經離不開網絡技術和通訊技術,個人移動通信設備也成為了生活中的必需品,隨著智能手機的普及應用,3G高速體驗時代的到來,使得人們對于移動通信產品中出現的各種概念和功能提出了新的要求,這就需要了3G產品用戶界面能夠符合人們的期望,有一定的親和力,同時又有更加個性化設置的操作性流程,能夠有更好的操作體驗。
一、UI設計基本概述
用戶界面(UI,USER INTERFACE)是一種用戶與界面之間交互關系。它是一種以用戶為中心的設計方式,主要目的是為了讓用戶對客戶端的軟件操作變得自由、簡單,同時能夠體現軟件的特點,使得軟件變得更加具有個性化。UI設計主要包括了用戶研究、交互設計、界面設計三個部分。
(一)用戶研究
UI設計首先要做到的對軟件需求階段的研究,也就是在產品開發的前期,對潛在的用戶進行詳細的調查研究,了解到用戶的工作環境、工作性質、工作中的使用習慣,進而挖掘出用戶對產品的需求,為界面設計提供一個定位標準,確保設計出來的界面能夠滿足用戶的要求。同時還需要了解同類競爭產品,做到知己知彼,百戰不殆。
(二)交互設計
交互設計主要是指人與計算機之間的交互,工程師根據要求進行軟件制作,主要包含了分析設計、調研驗證階段、方案改進階段。在進行充分的需求分析后,UI設計便進入了設計階段,需要同時設計出幾套不同風格的界面用來篩選,并且要保證這些界面都是在通達的設計制作水平上,繼而進行調研驗證階段,讓用戶去選擇并且進行評價,根據用戶反饋結果來進行方案改進,得到目標用戶最喜歡的方案,將方案做到最精致。
(三)界面設計
在改正以后的方案,就是即將完成的界面設計,但這并不是代表完結,還需要用戶對界面的反應良好,零距離與客戶接觸,得到用戶真正的使用感想。
二、界面用戶體驗研究
針對UI設計工作來說,實際上并不是單純意義上的美術工作,而是對軟件產品進行界面設計。界面設計的最主要的設計原則在于,能夠在保持界面的一致性的條件下,使得界面能夠完全被用戶控制,并且要盡可能的降低用戶的記憶負擔。因此,界面用戶體驗可以分為感覺(聽覺、視覺、觸覺)和情感兩個層次。基于感覺層次的界面用戶體驗,更多的是體現軟件的實際功能,即軟件的可用性,是否能夠在操作界面下很好的使用軟件的功能,充分滿足用戶需求,是否能夠適用于用戶進行交互體驗。基于情感層次的界面用戶體驗,則是從消費者的心里角度來分析,用戶在界面體驗中是否產生了美好的感覺。
實際上,人們對物質的需求是在不斷變化的,也就是說,用戶對界面的體驗不再局限與從前的“好看的界面”這樣一個簡單的要求,而是希望從界面中得到更好的心理體驗,主要包含以下兩個方面:一方面是能夠滿足用戶的生活需求,注重經濟時代產品的功能性,讓用戶不僅產生美好的感官享受,而是進一步的讓用戶產生心理上的依賴感、安全感、熟悉感;另一方面,體驗界面服務是為了更好的實現消費活動的實際價值。
以較為成功的IPHONE的界面設計來說,它在界面設計上有硬件的優勢,即全觸摸的超大液晶屏,能夠配合用戶進行更好的互聯網操作體驗,并且采用了人性化設計,圖標、按鈕與機身都保證著倒角方形的統一形態特點,很符合用戶對產品的設計要求,使得用戶在視覺上產生柔和感,符合許多人對于美的欣賞標準,滿足了人們對手機的心理要求和使用要求。與此同時,在iphone的界面設計中,更重要的是體現了設計師的情感,它的色彩表現十分強烈,外形的單一和界面上斑斕的圖標有著強烈的視覺沖擊,顯得更加趣味和活躍,充分體現了設計師的情感態度。
三、基于用戶體驗的界面設計發展趨勢
用以衡量界面設計的手機用戶體驗需要考慮到如下幾個方面,這也將會成為界面設計的主要發展趨勢。
(一)感官體驗
感官體驗主要來自用戶對手機的硬件的感受,如手機的大小、屏幕的清晰度、按鍵的位置、按鍵的功能和本身的材質等等,而界面設計需要完全配合手機本身的定位,能夠給予用戶最好的感官體驗,例如輸入方式需要簡單有效,提醒方式多樣,用戶能夠根據心情來切換不同界面模式等等。
(二)可用性體驗
可用性體驗來自于界面設計的簡便性,使得用戶在使用過程中能夠輕松理解和使用,給予用戶輕松愉悅的使用體驗,準確的反饋滿足用戶的操作需求,帶來流暢的操作感覺,界面要有效的給用戶提供一定的使用幫助,并且盡可能的簡化步驟,減少用戶的記憶負擔。
(三)界面信息體驗
界面信息體驗主要是指用戶在進行與界面之間的交互行為的時候,界面能夠帶給用戶清晰的界面信息體驗,例如對信息項目的合理布局,能夠讓用戶能夠快速分辨每條信息,交互的語言可以進行個性化選擇,在字體、顏色、大小風方面給用戶良好的視覺感受,符合用戶的認知習慣。
(四)增值體驗
增值體驗主要是在用戶對界面產生良好的感官體驗與可用性體驗的基礎上,進一步的滿足用戶在交互過程中的使用需求,通過良好的界面設計來提升用戶的體驗感覺。如多功能的自主個性化操作讓用戶體驗到操作的自由感覺,讓用戶對品牌特性有更好的體驗。
四、結束語
界面設計需要考慮最多的就是用戶的體驗心里,而不是盲目的按照設計師的理念來設計,因此,在進行界面設計的時候,設計師應該在掌握社會信息發展的動向的基礎上,來思考作品的用戶體驗感覺,這樣才能使得界面能夠更符合用戶的心理需求。
參考文獻:
[1]楊若男.基于用戶體驗的智能手機交互設計研究[J].湖南大學:設計與藝術學,2006..
篇10
關鍵詞:人性化;網站界面設計(UI);老年人
網站界面設計,英文的全稱是Web User Interface Design,又叫UI設計。包括三個方面:可用性,交互設計和視覺設計。通常研究的是讓網站的界面具有更多的可用性,更良好的用戶體驗,以及更美觀的視覺設計,概言之就是“人性化設計”。[1]在全球人口逐漸老齡化的今天,應該把更多的“人性化設計”真正應用在老年人這一弱群體上。本文旨在從老年用戶的生理和心理各要素出發進行綜合考慮,探析以老年用戶為中心的網站界面(UI)設計要點。
1 老年用戶研究
設計優秀老年用戶網站界面的先決條件是與老年用戶進行有效的交流,充分理解老年用戶的需求,重視老年用戶的生理和心理特征。
1.1 老年網民用戶人數眾多
據調查顯示,近些年來,我國老年網民的比例一直在攀升,增長率已經超過了網民總體的增長速度,對于互聯網的應用日益廣泛。根據相關統計報告顯示,2008年年底,51~60歲的網民從1999年的10.6萬人增長到1251.6萬人,60歲以上的由3.5萬增長到447萬人。雖然我國老年網民絕對數量不多,10%不到,處于上網人群的弱勢群體,但卻是以令人矚目的速度增長著。
1.2 老年人對互聯網的多樣化需求
老年人由于心理上和生理上的變化,與兒童、少年、青年人和中年人人群有著不同的特殊需求。根據The Usbased Spry基金會報告顯示,老年人的需求主要表現在四個主題:財產安全、身體健康、精神愉悅和良好的社會氛圍以及參加智力活動。[2]具體表現在:獲取相關信息,一些老年人希望上網瀏覽和查詢最新的外界信息保持“耳聰目明”的狀態,有些則是投身老年論壇,希望利用網絡查詢、瀏覽養生保健和常見疾病等信息溝通交流,有些希望通過網絡和子女視頻聊天、互發郵件;財務管理,還有相當一部分老年人希望能夠使用網絡來購物、買賣股票以及付賬等。總之,老年人對互聯網的多樣化需求一點都不亞于其他人群。
1.3 老年人的生理和心理特點
從50歲到60歲這個階段,明顯地會出現一些衰老的跡象,主要表現在容易健忘,愛發脾氣,認知過程缺乏適應能力;視覺模糊,色彩辨別力降低,視野范圍和判斷距離的能力通常大大不如過去;動作緩慢,手眼配合欠佳,聽覺便開始逐漸減退。[3]總之,因此,隨著年齡增長,工作效率逐漸下降。具體表現如下:
(1)近距離視力退化更大。比如在35厘米左右的讀書距離內,視力減退的驚人,并伴有老眼昏花。據統計,70歲健康老人的視力超過0.6的只有51.4%。
(2)聽力顯著下降。特別是對較復雜和速度快的語言的理解,男性比女性減退的更明顯。老年人并不知道自己的聽力在下降,而是認為別人說話不清楚。
(3)記憶的減退,但也有自己的特點,比如老年人對往事的記憶清晰,而對新近發生過的事物或者新近學習過的內容遺忘較快;對需要將記憶材料進行組織加工使之進入長時儲存方面的記憶力較差;老年人的意義識記減退較少,機械識記減退較多。例如,老年人對人民、地名、數字等東西的記憶效果就不好;
(4)思維能力弱化。在調查里,許多老年人常常抱怨自己已經不能像早先那樣很好的思考問題了,這反映人的思維能力到老年時出現逐漸衰老的趨勢。
2 以老年用戶為中心的網站界面設計要點
在對老年用戶做了研究之后,筆者認為適宜老年人的網站界面設計的總體原則是以人性化為本,同時注意網站的易用性,規范性,美觀性,具體如下五點:
2.1 將操作任務化繁為簡
在越來越強調人機交互的今天,對于老年用戶來說,最好的人機交互就是簡化操作任務,減少不必要的任務,[4]盡量讓老年用戶在網站上面的操作變得簡單,同時又不宜出錯。比如強調基本功能,盡量減少和弱化附加功能。如Gmail的登陸界面,簡化到“登錄信息+登錄設置”即可,無須要其他的附加信息。
2.2 合理的信息顯示
互聯網的根本目的是提供信息,合理的信息顯示包括兩方面的內容:劃分信息功能區和減少視覺密度。[5]
(1)劃分信息功能區。當頁面的信息較多時,為了避免視覺混亂,應該劃分信息功能區。最重要的信息放在頁面的視覺中心;同一類的信息放在一起,并與其他類信息間隔一定的空間;同一類的信息用同一種顏色或同一色系的顏色來表示;不同信息區又可以用不同背景色來區分。
(2)減少視覺密度。網站界面需表達的信息很多時,易造成界面看起來非常擁擠,信息擠在一團,對于老年人來說很難一眼就能獲得所需的信息。因此,必須減少視覺的密度,比如:考慮適當的留白,適當的留白將使整個界面看起來清楚而美觀;降低品牌識別logo、名稱的大小,無需為了彰顯品牌形象而刻意放大;使用簡單的圖形,盡量平面化,不要使用過度復雜的圖像;使用空白空間,而非線條去區分文字內容;使用簡潔的語句表達信息,避免內容過多等等。
如upcoming的首頁設計,依據信息的不同類別劃分板塊,并按重要性擺放在相關位置。焦點活動咨訊配圖放在視覺中心點,緊接著下面是活動信息介紹,左邊的活動類型板塊,右邊是活動的輔助信息。信息安排布局井然有序,是劃分信息功能區和減少視覺密度的最佳例子之一。
2.3 合理的文字規劃
文字對于網站界面的作用不言而喻,對于老年用戶來講,網頁文字的漂亮是建立在易讀易辨的基礎上的,合理的文字規劃,主要表現為以下兩個方面:[6]
(1)文字內容盡量簡潔,配上有意義的圖標或者圖片,同時應該避免使用專業術語。字體的選擇也要易于老年用戶辨認,網頁默認的字體是宋體。可以根據需要選擇一些特別字體。例如,為了體現專業可以使用粗仿宋體,體現設計精美可以用廣告體,體現親切隨意可以用手寫體等等,但前提是一定要易于老年人辨認。
(2)井然有序的排版。有時候別出心裁的界面設計或許會帶給使用者眼睛一亮、賞心悅目的視覺感,但無論何,井然有序的文字區規劃,才易達成最有效、最舒適的效果。如有較多的說明文字,要讓說明具有順暢地閱讀連貫性。舉個例來說,一個向中對齊與一個向左對齊的文字區塊,明顯地,向左對齊的區塊讀起來順暢多了,因為使用者在讀完一行字后,自然而然往左下方繼續讀下去,不需要重新找尋開頭,相較之下,向中對齊的區塊看起來混亂多了。因此,有規矩地文字區規劃將可大幅度提升用戶界面的品質。
2.4 合理的色彩規劃
網站界面的色彩對于老年人來說同樣重要。老年人的視覺衰退很明顯,一個好的色彩規劃可以提高界面的視認性,從而提高操作的準確性和效率;可以減輕視覺上的疲勞。另外,通過色彩規劃來增強界面的美感和親和力。[7]
具體來講,老年用戶界面中,最好不要超過3到5種顏色。大區域最好使用淺色調,如白色、淺灰等。對于老年人而言,配色要采用視認性高的色彩,要加大色彩的對比度,背景與主體對比度要大,背景色不宜采用有金屬反光的顏色,如銀色和金色。對于重要的按鈕或信息要用誘目性高的色彩來表達,但顏色不宜過多,且區域不可以太大,否則看起來過度混亂,缺少美感,也容易造成視覺上的疲勞。
2.5 細節為王
對于老年用戶來說,細節同樣重要,比如盡量使用有意義的圖標,盡量不要使用生澀難懂的專業術語,注意提供精確的導航提示,提供聲音控制,盡量減少噪音干擾,克制使用新技術的欲望等等。
3 結束語
關注老年人網站界面設計,是以人為本的需要,也是國內所有優秀設計師的責任。限于篇幅有限,對于老年人使用的網站界面設計,筆者也只能泛泛而談,有所不足和欠缺,還望讀者指正。同時,撰寫本文,以期拋磚引玉,引起大家對老年人更多的關愛和設計出更多更好適宜老年人使用的產品。
參考文獻:
[1] 劉春花.基于用戶體驗的界面設計UI研究[C].天津工業大學碩士學位論文,2007(12).
[2] 楊足.老年人使用的家電的人機界面設計研究[C].江南大學碩士學位論文,2004(06).
[3] 廖曄.網頁界面設計及其學科相關性研究[C].湖南師范大學碩士學位論文,2006(04).
[4] 趙侃用戶體驗設計――網頁界面設計的重中之重[J].藝術與設計(理論),2010(09).
[5] 何榮.淺析網站界面設計[J].科技信息,2008(26).
[6] 宗明明.老年人網站界面設計前景分析[J].設計(Design),2012(10).