導(dǎo)語：如何才能寫好一篇ui設(shè)計(jì)，這就需要搜集整理更多的資料和文獻(xiàn)，歡迎閱讀由公務(wù)員之家整理的十篇范文，供你借鑒。

篇1

（1）、界面清晰明了。允許用戶定制界面。

（2）、減少短期記憶的負(fù)擔(dān)。讓計(jì)算機(jī)幫助記憶，例：User Name，、Password、IE進(jìn)入界面地址可以讓機(jī)器記住。

（3）、依賴認(rèn)知而非記憶。如打印圖標(biāo)的記憶、下拉菜單列表中的選擇。

（4）、提供視覺線索。圖形符號的視覺的刺激；Gui（圖形界面設(shè)計(jì)）：Where， What， Next Step。

（5）、提供默認(rèn)（default）、撤銷（undo）、恢復(fù)（redo）的功能。

（6）、提供界面的快捷方式。

（7）、盡量使用真實(shí)世界的比喻。如：電話、打印機(jī)的圖標(biāo)設(shè)計(jì)，尊重用戶以往的使用經(jīng)驗(yàn)。

（8）、完善視覺的清晰度。條理清晰；圖片、文字的布局和隱喻不要讓用戶去猜。

（9）、界面的協(xié)調(diào)一致。如手機(jī)界面按鈕排放，左鍵肯定；右鍵否定；或按內(nèi)容擺放。

（10）、同樣功能用同樣的圖形。

（11）、色彩與內(nèi)容。整體軟件不超過5個(gè)色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。

盡量考慮到使用者的感受，而不是主觀的表現(xiàn)。在藝術(shù)的創(chuàng)作過程中，實(shí)質(zhì)就是對現(xiàn)實(shí)的審美認(rèn)識與對審美認(rèn)識的表現(xiàn)過程。

UI視覺設(shè)計(jì)也可以說是作為平面設(shè)計(jì)的一部分，也遵循平面設(shè)計(jì)的基本原則，要考慮到畫面各元素組合構(gòu)成的形式與方法以及這種形式對人心理引起的共鳴。在完善這一些基本形式規(guī)律的同時(shí)，更應(yīng)該注意其形式感對人的心理作用以及其表達(dá)人的感情的深與廣度，使其真正和設(shè)計(jì)的最終效果相一致，形成一個(gè)完美的、全新的整體形象。同時(shí)也要考慮到平面構(gòu)成的基本形式如，重復(fù)與近似、漸變也發(fā)射、特異與對比、密集、機(jī)理等。

“以用戶為中心”的UI設(shè)計(jì)方法，以人為本的設(shè)計(jì)思路，這一點(diǎn)在國內(nèi)也經(jīng)常被提起，但在事實(shí)的操作中還有很長的路要走。例如：蘋果公司喬布斯領(lǐng)導(dǎo)研制的新一代電腦Lisa，當(dāng)時(shí)Lisa電腦的設(shè)計(jì)人員就認(rèn)為，必須將立即執(zhí)行的命令和需要用戶附加輸入的命令分開。他們決定在后者的命令末尾添加省略號“...”，比如“Save as...（另存為...）”。這個(gè)省略號提醒人們：軟件會顯示一個(gè)對話框提示用戶輸入更多信息（暗示當(dāng)前命令發(fā)生之前還有別的情況）。會立即執(zhí)行的命令末尾沒有“...”。

這條規(guī)則被廣泛運(yùn)用，包括菜單和按鈕。Lisa計(jì)算機(jī)以及它的后來者M(jìn)AC和Microsoft，采用這條規(guī)則在細(xì)節(jié)處理上起了很大的作用。這個(gè)也是現(xiàn)在游戲包括很多運(yùn)用軟件上上面常用的一些原則，這條規(guī)則被廣泛運(yùn)用，包括菜單和按鈕。Lisa計(jì)算機(jī)以及它的后來者M(jìn)AC和Microsoft，采用這條規(guī)則在細(xì)節(jié)處理上起了很大的作用。給用戶帶來了極大的方便。

當(dāng)一個(gè)產(chǎn)品成功打入市場的時(shí)候，人們看到的是其強(qiáng)大的功能，上乘的質(zhì)量，周密的市場策略，合適的價(jià)格定為，甚至是美觀的包裝設(shè)計(jì)，而很少有人會將親和性的界面設(shè)計(jì)放在功勞簿上。例如現(xiàn)在的騰訊，1997年，現(xiàn)在的騰訊CEO馬化騰接觸到了ICQ并成為它的用戶，他親身感受到了ICQ的魅力，也看到了它的局限性：一是英文界面，二是在使用操作上有相當(dāng)?shù)碾y度，這使得ICQ在國內(nèi)使用的雖然也比較廣，但始終不是特別普及，大多限于“網(wǎng)蟲”級的高手里。

1999年2月，騰訊在互聯(lián)網(wǎng)上推出OICQ的第一個(gè)測試版本包含的功能十分簡單，僅僅只包括簡單的在線即時(shí)通訊功能，但其界面設(shè)計(jì)令人稱贊不已，事實(shí)上，盡管到現(xiàn)在為止，騰訊已經(jīng)先推出十來個(gè)版本以上的QQ軟件，但其界面仍然沒有任何改變，這表明，從一開始，騰訊OICQ軟件的界面設(shè)計(jì)是十分合理的。

當(dāng)騰訊推出QQ之前已經(jīng)有了很多的類似的及時(shí)通訊軟件。而騰訊的騰訊QQ在功能上面也沒有什么特別之處，那么很多人一直在質(zhì)疑，為什么QQ能夠力壓群芳，最終幾乎接近壟斷中國在線即時(shí)通訊軟件市場？從功能上說，一直以來QQ并沒有什么特別之處，但相比之下，其它在線即時(shí)通訊軟件也沒有什么特別之處，大家都是模仿ICQ。但QQ之所以能夠取得成功，原因不在于它的功能如何強(qiáng)大，而在于它的界面設(shè)計(jì)的十分合理，用戶操作簡單，相比較和QQ同時(shí)代的其它在線即時(shí)通訊軟件，如Sina pager、OMMO等，它們一開始的功能并不弱于QQ，特別是OMMO，其在一面世就推出了比QQ強(qiáng)大得多的功能，如電子郵件、網(wǎng)絡(luò)硬盤，過多的功能反而讓使用者覺得操作十分煩瑣，這是它之所以失敗的重要原因所在。其后幾個(gè)月，騰訊推出OICQ 99a，先后新增了公共聊天室、傳送文件、無線尋呼、手機(jī)短訊、語音聊天等，并且在這個(gè)版本里面，騰訊還做了另外一個(gè)大動作，那就是把唐老鴨、加菲貓、Kitty貓、皮卡丘、大力水手、湯姆貓、藍(lán)精靈、史諾比、刺猬索尼克等知名熟知的卡通肖像換掉了，換上了騰訊自己設(shè)計(jì)制作的卡通肖像。令人吃驚的是，在騰訊新增了這么多功能后，OICQ的界面仍然沒有任何改變。其合理的設(shè)計(jì)、良好的易用性、強(qiáng)大的功能，穩(wěn)定高效的系統(tǒng)運(yùn)行，贏得了用戶的青睞。

毫無疑問，UI設(shè)計(jì)優(yōu)勢在產(chǎn)品競爭中扮演的重要角色是無庸置疑的，但是，這種優(yōu)勢實(shí)現(xiàn)和意識都是長期性的，而非短期行為。他意味著需要相當(dāng)長的時(shí)間讓客戶了解到，但是一旦形成此種心理上的優(yōu)勢，就會在很長的時(shí)間內(nèi)存在，會將易用的心理暗示代入整個(gè)產(chǎn)品的后續(xù)開發(fā)甚至整個(gè)品牌。

當(dāng)一個(gè)產(chǎn)品成功打入市場的時(shí)候，人們看到的是其強(qiáng)大的功能，上乘的質(zhì)量，周密的市場策略，合適的價(jià)格定位，甚至是美觀的包裝設(shè)計(jì)，而很少有人會將親和性的UI設(shè)計(jì)放在功勞簿上。UI設(shè)計(jì)所倡導(dǎo)的是可用，易用，然而在消費(fèi)者心中可用，易用是理所當(dāng)然的。而設(shè)計(jì)師所應(yīng)該做的就是默默的為人類服務(wù)。

技術(shù)是有局限性的，而設(shè)計(jì)師的思想是無限性的。完美的UI設(shè)計(jì)能給技術(shù)很普通的產(chǎn)品帶來質(zhì)的飛躍也能給企業(yè)帶來意想不到的收獲。這一切都是基于一個(gè)目標(biāo)，以人為本，服務(wù)社會。

篇2

所以，我們必須了解移動APP客戶端的UI設(shè)計(jì)原則及UI界面適配步驟。

第一點(diǎn)：移動APP客戶端的UI設(shè)計(jì)原則

1)手機(jī)本身的物理特性受限引起的操作交互指南：

a、移動APP客戶端的文字輸入，必須要降到最低：由于手機(jī)在輸入上的低效性，在設(shè)計(jì)的過程中，應(yīng)盡量減少用戶的輸入，如果有可能可以設(shè)置默認(rèn)值，或者讓用戶選擇目標(biāo)值。

b、移動APP客戶端的信息結(jié)構(gòu)好，屏與屏之間的邏輯關(guān)系清晰：由于手機(jī)屏幕都普遍較小，即使有4吋屏，那也只能展示較少的信息量，因此，在手機(jī)設(shè)計(jì)上，更需要有清晰的信息架構(gòu)，用戶知道當(dāng)前在哪兒，并能返回到哪兒。

c、移動APP客戶端的操作、功能不要隱藏太深，重要功能都需要在界面中有適當(dāng)?shù)奶崾荆河捎谑謾C(jī)屏幕較小，不能展示所有的信息。因此，對重要的、使用頻率高的功能或信息放在最重要的位置，并在首頁上展示或指示。

2)手機(jī)的移動特性引起的指南：

a、移動APP客戶端的最主要的功能操作，用單手可以完成：手機(jī)的使用情景多樣性，在很多情景下，用戶都只能單手來操作手機(jī)，因此，在客戶端的設(shè)計(jì)過程中，需要考慮最重要的核心功能，能否單手操作完成。常見手勢翻頁交互效果和優(yōu)點(diǎn)等。

b、移動APP客戶端的界面必須簡潔、操作簡單，操作步驟少：由于用戶操作情景復(fù)雜，在使用客戶端的過程可能有額外的認(rèn)知負(fù)荷，因此，在設(shè)計(jì)客戶端的過程中，邏輯必須簡單，操作步驟也要減少。

c、移動APP客戶端的界面層次不要太深，最好不要超過3級。

d、移動APP客戶端的提示包括界面、聲音、振動多種形式：用戶在操作手機(jī)時(shí)，往往不會一直盯著手機(jī)屏幕看，因此，很多手機(jī)狀態(tài)頁面的切換，脫離了用戶的視線，這時(shí)，必須要提供視覺之外的其他感覺通道的信息(如聽覺、觸覺等)，來對用戶做提示?？焖袤w驗(yàn)移動觸摸響應(yīng)操作等。

3)其他移動UI設(shè)計(jì)原則

a)客戶端UI的適配不必恪守所有的平臺都保持一致，只要一些品牌的關(guān)鍵元素能體現(xiàn)可。

b)客戶端的主要操作方式(框架、導(dǎo)航、按鍵功能及軟鍵對應(yīng)方式等)應(yīng)與所承載的手機(jī)操作系統(tǒng)保持一致：客戶端都承載在某款具體的手機(jī)平臺中，而用戶會對當(dāng)前的手機(jī)平臺很熟悉。

因此，在設(shè)計(jì)的過程中，需要更好地理解當(dāng)前的手機(jī)平臺，并使客戶端的設(shè)計(jì)與手機(jī)系統(tǒng)的設(shè)計(jì)邏輯保持一致。

第二點(diǎn)：.手機(jī)APP客戶端UI界面設(shè)計(jì)適配的步驟：

移動APP客戶端的適配要以一個(gè)平臺為起始，但是要著眼于多個(gè)平臺。

1)根據(jù)公司的戰(zhàn)略，選擇一個(gè)最先切入的平臺;

2)了解該平臺的UI設(shè)計(jì)規(guī)范，可用的UI控件及交互原則;

3)確定切入的屏幕大小，以此來設(shè)計(jì)第一個(gè)客戶端，但是要考慮適配其他屏幕的可能性，是自適應(yīng)來擴(kuò)展或者縮小;

4)根據(jù)平臺及屏幕大小，來選擇一款最典型的手機(jī)，開始客戶端的交互設(shè)計(jì)。

5)確定客戶端的核心目的。如為娛樂為主的，應(yīng)在設(shè)計(jì)方式更娛樂性;功能性完成目的為主的，以更易用性為主;

6)根據(jù)客戶端的功能和內(nèi)容，來設(shè)計(jì)客戶端的信息架構(gòu);

篇3

多媒體設(shè)計(jì)

多媒體技術(shù)是指將多種單媒體復(fù)合而成的技術(shù)。多媒體技術(shù)融合了各種視覺和聽覺媒體，包括動畫、文字、圖形、圖像、語言、音樂和立體聲響等，多媒體網(wǎng)頁UI界面可以讓用戶同時(shí)接受多樣的媒體信息來源。網(wǎng)頁UI界面設(shè)計(jì)中使用多媒體技術(shù)可以體現(xiàn)以下幾個(gè)特點(diǎn)：1）集成性，對遠(yuǎn)程多媒體的影音信息統(tǒng)一取得與。2）交互性，人性化的實(shí)現(xiàn)信息傳播，能夠主動選擇和控制信息流方向。3）非線性，創(chuàng)建了超文本鏈接方法，把靈活展示瀏覽內(nèi)容。4）實(shí)時(shí)性，實(shí)時(shí)控制多媒體信息，及時(shí)配合用戶指令。5）動態(tài)性，用戶可以按照自己的需求選擇信息使用方式，甚至重組信息的各種表現(xiàn)形式。

網(wǎng)頁交互設(shè)計(jì)

交互設(shè)計(jì)需要解決的是人與機(jī)器之間互動的問題，是表現(xiàn)層的東西，好的交互設(shè)計(jì)方案能夠讓用戶感覺網(wǎng)頁非常好用。怎樣的網(wǎng)頁交互設(shè)計(jì)才算是好的方案呢？1.讓人有耐心等待。根據(jù)網(wǎng)絡(luò)調(diào)查，大多數(shù)用戶對網(wǎng)頁打開的等待時(shí)間最多堅(jiān)持5秒鐘，如果5秒內(nèi)頁面都不能打開，那這個(gè)頁面上的內(nèi)容將沒有任何意義都就將。所以在交互設(shè)計(jì)時(shí)，需要考慮網(wǎng)頁等待時(shí)給用戶提供的信息。最好的方式是反饋，當(dāng)用戶等待時(shí)，告訴用戶他的操作是否成功并且將剩余的等待時(shí)間實(shí)時(shí)呈現(xiàn)，這樣就能有效解決用戶不能耐心等待的問題。2.讓人不用動腦筋想。好的網(wǎng)站能夠幫助用戶快速完成任務(wù)，要達(dá)到快速完成任務(wù)的目的，交互設(shè)計(jì)必須使頁面簡單，盡量讓用戶瀏覽時(shí)不收不必要的干擾，最好能夠符合用戶心智模型。因?yàn)椋蟛糠值挠脩粼跒g覽網(wǎng)站時(shí)希望的是能快速找到勉強(qiáng)應(yīng)付的方案，而不愿意主動尋找方案，百分之八十的用戶只會用百分之二十的功能。

網(wǎng)頁UI界面設(shè)計(jì)展望

目前，網(wǎng)頁UI界面設(shè)計(jì)主要是三維的視覺界面和二維的圖形界面，同時(shí)輔以動畫、聲音等多媒體插件布局設(shè)計(jì)。隨著計(jì)算機(jī)技術(shù)的不斷發(fā)展，三維立體的操作界面系統(tǒng)會在網(wǎng)頁設(shè)計(jì)中逐步普及，三維立體界面的直接操作是虛擬現(xiàn)實(shí)（VirtualReality）交互性的一個(gè)重要表現(xiàn)方式。三維虛擬空間中的直接操作包括平移、拾取和旋轉(zhuǎn)等操作，例如如今比較前沿的3D影裝和多點(diǎn)觸控技術(shù)。三維直接操作使得網(wǎng)頁UI界面設(shè)計(jì)不再僅僅局限于視覺效果的三維變換，可以實(shí)現(xiàn)類似于四維空間的人機(jī)直接交互，從而更好的完成用戶操作。

篇4

【關(guān)鍵詞】UI設(shè)計(jì)；視覺設(shè)計(jì)風(fēng)格；發(fā)展

中圖分類號：TB472 文獻(xiàn)標(biāo)志碼：A 文章編號：1007-0125（2017）07-0171-01

一、UI設(shè)計(jì)概述

（一）UI設(shè)計(jì)的定義：UI是由User Interface（用戶界面）縮寫而來。UI設(shè)計(jì)即為用戶界面設(shè)計(jì)。是對軟件的人機(jī)交互、整體操作的邏輯以及操作界面的視覺美觀性的整體設(shè)計(jì)過程。

（二）UI設(shè)計(jì)中視覺設(shè)計(jì)風(fēng)格定義：UI設(shè)計(jì)中視覺設(shè)計(jì)風(fēng)格是指視覺設(shè)計(jì)師在進(jìn)行用戶界面設(shè)計(jì)時(shí)所使用的圖形化語言。視覺設(shè)計(jì)師在進(jìn)行軟件界面設(shè)計(jì)時(shí)對數(shù)據(jù)進(jìn)行全面分析并歸納總結(jié)，運(yùn)用點(diǎn)、線、面等圖形化語言并設(shè)定合適的色彩創(chuàng)造出符合用戶審美的用戶界面風(fēng)格。當(dāng)前主要運(yùn)用于UI設(shè)計(jì)中的視覺設(shè)計(jì)語言有：1.擬物化風(fēng)格，該視覺設(shè)計(jì)語言風(fēng)格是對真實(shí)物體的模擬，最大程度在去模擬真實(shí)物體的形體和質(zhì)感。2.極簡化風(fēng)格，該視覺設(shè)計(jì)風(fēng)格是視覺設(shè)計(jì)師將想要表達(dá)的形體事物以最簡單的線條或者圖形概括出來，使用戶看到這一圖形即可聯(lián)想到一定的實(shí)物。

二、國內(nèi)外UI設(shè)計(jì)視覺設(shè)計(jì)風(fēng)格發(fā)展現(xiàn)狀

美國于上世紀(jì)中期便發(fā)明了計(jì)算機(jī)并建立了互聯(lián)網(wǎng)，這方便了人們的工作和生活，在人與計(jì)算機(jī)使用和被使用的過程中便產(chǎn)生了人機(jī)交互這一概念。在人機(jī)交互上是以發(fā)現(xiàn)問題到解決問題的模式不斷地形成了規(guī)范；在視覺設(shè)計(jì)語言方面，美國、德國、法國等國家受到包豪斯設(shè)計(jì)學(xué)院的影響，遵從包豪斯“藝術(shù)與技術(shù)的新統(tǒng)一、設(shè)計(jì)的目的是人而不是產(chǎn)品、設(shè)計(jì)必須遵循自然與客觀的法則來進(jìn)行”的觀點(diǎn)，形成了簡約至上的現(xiàn)代視覺設(shè)計(jì)語言風(fēng)格。

國內(nèi)關(guān)于藝術(shù)類的教育仍然處于講述基本知識的學(xué)院式教育，教學(xué)僅僅是為了講述知識，而并沒有和當(dāng)前先進(jìn)的科學(xué)技術(shù)生產(chǎn)力接軌，關(guān)于UI設(shè)計(jì)的教學(xué)也僅僅是依靠教師在相關(guān)領(lǐng)域的相關(guān)經(jīng)驗(yàn)，并不能切實(shí)地結(jié)合社會需求。這些都極大地限制了中國在UI設(shè)計(jì)行業(yè)的發(fā)展。隨著互聯(lián)網(wǎng)技術(shù)在中國突飛猛進(jìn)的發(fā)展，目前國內(nèi)也有許多互聯(lián)網(wǎng)企業(yè)在借鑒了國外成熟的設(shè)計(jì)規(guī)范后，發(fā)展出了自己完善的UI設(shè)計(jì)規(guī)范，也做出了相當(dāng)成熟的產(chǎn)品。

三、成熟UI設(shè)計(jì)視覺語言風(fēng)格應(yīng)用

（一）擬物化設(shè)計(jì)風(fēng)格：是借助已有的實(shí)體進(jìn)行設(shè)計(jì)，將設(shè)計(jì)中功能上并不必須的元素也要添加，這種真實(shí)的實(shí)物感以及質(zhì)感帶給用戶極大的親切感，能使用戶更快地掌握如何操作和使用該產(chǎn)品。如錘子科技公司的手機(jī)系統(tǒng)Smartisan OS，該系統(tǒng)UI大量采用了擬物化設(shè)計(jì)風(fēng)格：其系統(tǒng)自帶軟件計(jì)算器，其圖標(biāo)是具有真實(shí)質(zhì)感的計(jì)算器按鈕，能使用戶快速識別。打開軟件后，無論從質(zhì)感立體感到屏幕顯示、字體顯示、界面顏色再到觸覺反饋，無不呈現(xiàn)出一個(gè)真實(shí)的計(jì)算器。這樣的設(shè)計(jì)能帶給用戶生活中的親切感。

（二）扁平化設(shè)計(jì)風(fēng)格：是指在設(shè)計(jì)過程中使用簡單的特效或者不使用視覺特效，以極簡單的形體去進(jìn)行設(shè)計(jì)。這種設(shè)計(jì)方式較簡單直接也更加輕量化，更加適用于移動界面的設(shè)計(jì)。如2010年微windows phone操作系統(tǒng)，其整體布局采用色彩明亮的色塊進(jìn)行區(qū)塊劃分和整體布局，圖標(biāo)設(shè)計(jì)也采用極簡的線形和面元素設(shè)計(jì)，整體輕快簡潔。隨后，蘋果公司和谷歌公司在iOS和安卓系統(tǒng)中也開始采用扁平化設(shè)計(jì)風(fēng)格。目前無論是蘋果還是安卓，在原生系統(tǒng)級的圖標(biāo)和布局的設(shè)計(jì)都采用了扁平化設(shè)計(jì)風(fēng)格。受此影響，國內(nèi)外的軟件廠商為和手機(jī)系統(tǒng)風(fēng)格保持一致也紛紛效仿改變風(fēng)格。

（三）原質(zhì)化設(shè)計(jì)風(fēng)格：是谷歌公司所研究出來的一種新的設(shè)計(jì)語言，也是一種設(shè)計(jì)規(guī)范。該風(fēng)格是由谷歌團(tuán)隊(duì)對于紙質(zhì)和墨水材料的研究，在基本元素的處理上，借鑒了傳統(tǒng)的印刷設(shè)計(jì)、排版、網(wǎng)格、空間、比例、配色、圖像。同時(shí)強(qiáng)調(diào)結(jié)合實(shí)體物理屬性和規(guī)律的、合理的動效和高效的空間化利用。以和物理世界接近的觸感可以讓用戶更為自然、快速地理解和認(rèn)知。該風(fēng)格是在扁平化風(fēng)格基礎(chǔ)上加以真實(shí)物理世界的觸感，是介于上述兩種風(fēng)格之間的風(fēng)格，原質(zhì)化設(shè)計(jì)風(fēng)格尚處于發(fā)展初期，在未來的發(fā)展中它可能在UI設(shè)計(jì)視覺語言風(fēng)格中占有一席之地。

四、結(jié)語

互聯(lián)網(wǎng)技術(shù)發(fā)展日新月異，互聯(lián)網(wǎng)商業(yè)也緊隨其后，這就決定了UI設(shè)計(jì)發(fā)展的重要性。隨著人們對各系統(tǒng)操作的熟識，UI設(shè)計(jì)視覺設(shè)計(jì)風(fēng)格也要隨著用戶的審美變化而不斷發(fā)展。而這種發(fā)展也會是符合現(xiàn)在設(shè)計(jì)發(fā)展的規(guī)律，由起初簡單的文本界面發(fā)展為精美雕飾的形體界面，再由繁復(fù)的界面簡化為簡約輕快的界面，之后還會在簡單的基礎(chǔ)上再去增加體驗(yàn)?？偠灾琔I設(shè)計(jì)視覺設(shè)計(jì)風(fēng)格的發(fā)展也會遵從由簡到繁再由繁到簡這樣一個(gè)過程。

參考文獻(xiàn)：

[1]人機(jī)互動，UI 的絢麗與便捷*移動互聯(lián)網(wǎng)時(shí)代的手機(jī)UI設(shè)計(jì)與主流終端廠商理念評析[J].新潮電子，2009，（9）：29-47.

篇5

UI交互設(shè)計(jì)在科技飛速發(fā)展的今天，正在以非?？斓乃俣缺蝗藗冋J(rèn)可和熟知。UI的本意是用戶界面，對于UI的理解也是從“接觸”含義對交互設(shè)計(jì)進(jìn)行探究。UI交互設(shè)計(jì)真正為人們所重視是基于電腦產(chǎn)品的誕生，人們理解電腦產(chǎn)品，首先需要一個(gè)可視界面，然后需要輕松處理程序并給予指令，使產(chǎn)品被人們輕松使用、為人服務(wù)，使用戶獲得愉悅的體驗(yàn)。文章著重從交互設(shè)計(jì)方面闡述UI交互設(shè)計(jì)在信息科技中的研究價(jià)值和研究方法。

關(guān)鍵詞：

UI交互設(shè)計(jì)；用戶研究；人機(jī)界面；用戶體驗(yàn)；視覺美觀

UI的概念，是人們?yōu)榻鉀Q與機(jī)器的交流問題而提出的，如日常生活中的汽車操控界面，最早的收音機(jī)操作界面，電視遙控器界面，正在研制的各種更超前、更易用的感應(yīng)式電子軟件操作界面。人們正在經(jīng)歷著圖形界面時(shí)代，產(chǎn)品操作界面的圖形化處理越來越受到人們的重視。好的交互體驗(yàn)使人們一眼就能識別如何操作，能理解操作帶來的實(shí)際作用。人們對用戶體驗(yàn)和界面美觀的要求提升得越來越快，這種圖形化的界面設(shè)計(jì)也推動了新的經(jīng)濟(jì)時(shí)代到來。隨著智能手機(jī)的飛速發(fā)展，人們對手機(jī)APP的使用迅猛增長，如今各種APP在互聯(lián)網(wǎng)移動終端設(shè)備上的使用率越來越高，使用人群也逐漸細(xì)化。APP產(chǎn)品琳瑯滿目，產(chǎn)品經(jīng)理開發(fā)手機(jī)APP的使用價(jià)值，就必須研究用戶界面交互設(shè)計(jì)，通過用戶界面交互設(shè)計(jì)的研究得出這些產(chǎn)品的推廣和應(yīng)用方式。實(shí)際上用戶界面本身就是一種設(shè)計(jì)，像其他設(shè)計(jì)一樣需要獨(dú)特的設(shè)計(jì)方案。隨著硬件技術(shù)的發(fā)展，人們關(guān)心的重點(diǎn)是軟件的易用性和美觀性。如何設(shè)計(jì)成功的界面，取決于對UI交互設(shè)計(jì)的理解和對用戶體驗(yàn)設(shè)計(jì)的研究。

一、用戶研究，了解用戶，彌合差距

現(xiàn)實(shí)生活中，人們對周圍世界的描述和感知有部分不是真實(shí)的，人們所感知到的在很大程度上取決于人們的期望，人們的描述根據(jù)期望提出并通過設(shè)計(jì)展現(xiàn)出來，人們的過去、現(xiàn)在、將來成為影響感知的三個(gè)要素，設(shè)計(jì)者對于用戶也需要從這三個(gè)要素上去研究、觀察、分析和反饋。現(xiàn)在，移動終端的開發(fā)不斷創(chuàng)新，如幾年前老年智能機(jī)的出現(xiàn)、近期兒童智能手表的廣泛應(yīng)用。各個(gè)科技公司正在研發(fā)更加強(qiáng)大的智能終端系統(tǒng)APP。如2015年底面世的錘子T2手機(jī)，錘子科技針對如何教會老年人使用智能觸屏手機(jī)開發(fā)了遠(yuǎn)程協(xié)助功能，這給智能科技手機(jī)帶來了新的盈利模式。正是出于對用戶的不斷探究，各種新奇、有用的APP應(yīng)運(yùn)而生。互聯(lián)網(wǎng)公司、手機(jī)科技公司、軟件公司對新產(chǎn)品的研發(fā)要從用戶研究做起，要了解透徹用戶，要尋找用戶使用產(chǎn)品的痛點(diǎn)，然后進(jìn)行痛點(diǎn)分析，據(jù)以進(jìn)行產(chǎn)品開發(fā)或改造。在對用戶研究的過程中，準(zhǔn)確把握用戶經(jīng)驗(yàn)、使用環(huán)境、未來目標(biāo)，是進(jìn)行產(chǎn)品研究開發(fā)的必要基礎(chǔ)。

移動互聯(lián)網(wǎng)用品專家在分析網(wǎng)絡(luò)移動終端產(chǎn)品時(shí)將用戶分成三類。第一類是專家型用戶。這類用戶的特點(diǎn)是有強(qiáng)烈的愿望探索新的產(chǎn)品和服務(wù)。對于出現(xiàn)的新產(chǎn)品，專家型用戶往往迫不及待地花時(shí)間探索產(chǎn)品的新功能、新特征。不過，這類用戶在總體上占少數(shù)。第二類用戶可以稱為隨意性用戶。隨意性用戶可能不喜歡改變，接觸全新事物的意愿可能不是太強(qiáng)。第三類用戶可以稱為主流用戶。這類用戶往往不會因?yàn)楫a(chǎn)品有某項(xiàng)技術(shù)而使用這種產(chǎn)品，他們使用產(chǎn)品的目的是完成某項(xiàng)任務(wù)，在情感上更加偏重手機(jī)的功能本身，但是他們往往不會花費(fèi)精力學(xué)會所有的功能，在用戶中，這類用戶所占的比例最大。在研發(fā)過程中，設(shè)計(jì)者應(yīng)盡量避免只針對專家型用戶的需求進(jìn)行設(shè)計(jì)，否則設(shè)計(jì)出來的手機(jī)APP可能會使主流用戶知難而退。很多軟件的開發(fā)要以主流用戶為主體，設(shè)計(jì)者在進(jìn)行用戶分析時(shí)，可以多觀察主流用戶的行為習(xí)慣，通過用戶測試改進(jìn)手機(jī)和網(wǎng)站等，在研發(fā)過程中以主流用戶為目標(biāo)用戶。總體來說，設(shè)計(jì)者要解決的UI交互設(shè)計(jì)的核心問題就是產(chǎn)品對用戶使用心理的影響，要將產(chǎn)品設(shè)計(jì)的核心轉(zhuǎn)移到以用戶為中心上來。UI交互設(shè)計(jì)師或程序員要想設(shè)計(jì)出好的產(chǎn)品，就要明確目標(biāo)用戶是誰，正確定位用戶的使用需要。當(dāng)然，很多時(shí)候用戶可能不清楚自己的需求是什么，或者難以清晰表達(dá)自己的需要，此時(shí)UI交互設(shè)計(jì)師或程序員就該發(fā)揮自身的作用，了解用戶的特征、使用能力和使用目的，想辦法滿足用戶的要求。好的UI交互設(shè)計(jì)應(yīng)該能夠在不影響用戶個(gè)人目標(biāo)的情況下，幫助他們達(dá)成實(shí)際目標(biāo)。真正解決問題的關(guān)鍵在于設(shè)計(jì)者能夠換位思考，以用戶的心理狀態(tài)、行為方式考慮產(chǎn)品設(shè)計(jì)。

二、應(yīng)用視覺設(shè)計(jì)研究，設(shè)計(jì)過程

在過去的產(chǎn)品設(shè)計(jì)過程中，一般是程序員設(shè)計(jì)交互界面，但程序員往往沒有足夠的時(shí)間考慮UI交互設(shè)計(jì)，沒有明確的產(chǎn)品設(shè)計(jì)方向，也沒有恰當(dāng)?shù)脑O(shè)計(jì)思路和方法，所以一些電子信息產(chǎn)品的UI交互設(shè)計(jì)并不成功，甚至影響了產(chǎn)品的有效使用?，F(xiàn)在，人們對于用戶體驗(yàn)、交互方式的要求與日俱增，產(chǎn)品經(jīng)理為了解決在信息時(shí)代所面臨的復(fù)雜而獨(dú)特的問題，對于營銷思路方式、視覺設(shè)計(jì)研究、設(shè)計(jì)過程越來越重視，逐步提高對用戶評價(jià)的重視程度，逐步改善產(chǎn)品的交互體驗(yàn)。在創(chuàng)建軟件的過程中，戰(zhàn)略層、框架層、信息層、用戶層、設(shè)計(jì)層、體驗(yàn)層常常是在壓縮成本時(shí)最先被考慮的部分。在產(chǎn)品設(shè)計(jì)的視覺層面，設(shè)計(jì)過度的情況時(shí)有發(fā)生，如果希望設(shè)計(jì)的產(chǎn)品能夠得到用戶的認(rèn)可，就需要將產(chǎn)品界面設(shè)計(jì)得簡潔而不簡單，如果設(shè)計(jì)過程和視覺設(shè)計(jì)思路非常棒，就會大大提升產(chǎn)品的競爭力，使產(chǎn)品的使用壽命延長，具有更長的生命周期，有利于提高客戶的忠誠度，使產(chǎn)品創(chuàng)造出更大的價(jià)值。

在UI交互設(shè)計(jì)研究開發(fā)過程中，設(shè)計(jì)師主要是對產(chǎn)品界面的文字、圖形、色彩、版式進(jìn)行研究，在設(shè)計(jì)過程中需要不斷試錯、改善，甚至在投入使用后，還要進(jìn)行修改、更新。UI交互設(shè)計(jì)師為了了解用戶的使用心理，會在實(shí)踐中進(jìn)行用戶研究，注重和強(qiáng)調(diào)人作為主體的多樣性，而不局限于運(yùn)用市場人員通常采用的統(tǒng)計(jì)式量化研究方法。在UI交互設(shè)計(jì)過程中，視覺設(shè)計(jì)起著掌控大局的作用。隨著網(wǎng)絡(luò)移動終端產(chǎn)品的日益復(fù)雜和功能越來越多、越來越強(qiáng)大，用戶對產(chǎn)品易用性的要求也越來越高。用戶在使用過程中可能產(chǎn)生一些困擾，這時(shí)UI交互設(shè)計(jì)就會發(fā)揮聯(lián)系產(chǎn)品和用戶的橋梁作用。UI交互設(shè)計(jì)在軟件開發(fā)過程中起著重要的作用。對于每一個(gè)新的系統(tǒng)，用戶都需要新的適應(yīng)過程，如果產(chǎn)品界面風(fēng)格設(shè)計(jì)變化不定，會給用戶帶來很大的麻煩，增加用戶的使用難度，甚至?xí)兄掠脩舻膮挓?。在界面設(shè)計(jì)過程中，視覺設(shè)計(jì)部分也要注意交互的重要性，注重設(shè)計(jì)風(fēng)格的統(tǒng)一性。如，APP界面中要有“返回”“后退”“上一頁”等按鈕，界面上圖標(biāo)的風(fēng)格要一致，文字或圖形不能隨意擺放，從而保證用戶獲得較好的交互體驗(yàn)。UI交互設(shè)計(jì)對于界面元素的模塊化也非常重視，版權(quán)信息、導(dǎo)航條、圖片等要盡量重復(fù)使用，設(shè)計(jì)過程應(yīng)盡量簡潔，將元素縮減到最少或者排列到最合理的位置。

三、交互細(xì)節(jié)研究測試，說服溝通

交互設(shè)計(jì)側(cè)重的是交互式系統(tǒng)的開發(fā)。UI交互設(shè)計(jì)研究以技術(shù)為重心，強(qiáng)調(diào)的是設(shè)計(jì)技巧。這種設(shè)計(jì)技巧通常著眼于呈現(xiàn)內(nèi)容時(shí)的視覺美感，即對界面的視覺美化和包裝。視覺美感是設(shè)計(jì)師通過對界面中圖形、文字的編排展現(xiàn)的，體現(xiàn)的是技術(shù)性，強(qiáng)調(diào)的是平臺相關(guān)的范式。UI交互設(shè)計(jì)師是連接程序員和用戶的有效橋梁。在設(shè)計(jì)過程中，UI交互設(shè)計(jì)師需要考慮的第一個(gè)重點(diǎn)是系統(tǒng)的易用性。UI交互設(shè)計(jì)師要明確并不是每位用戶都能非常熟練地掌握計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)，一些工具欄的圖標(biāo)對于初次接觸網(wǎng)絡(luò)移動終端產(chǎn)品的群體來說是比較陌生的，因此圖標(biāo)的設(shè)計(jì)起著至關(guān)重要的作用。在交互細(xì)節(jié)研究測試過程中，最好可以讓不同的用戶從首頁開始操作體驗(yàn)，不要給用戶任何操作提示和幫助，設(shè)計(jì)者觀察用戶使用的熟練程度，記錄并查找軟件的所有缺陷，加以改進(jìn)。UI交互設(shè)計(jì)考慮的第二個(gè)重點(diǎn)就是流程簡便。交互的核心在于用戶和產(chǎn)品的對話，即用戶和系統(tǒng)與服務(wù)的對話，交互設(shè)計(jì)是為了讓產(chǎn)品產(chǎn)生更大的使用價(jià)值，展現(xiàn)出能夠引起目標(biāo)用戶共鳴的良好設(shè)計(jì)，使用戶更加簡便地解決復(fù)雜問題，最終增進(jìn)用戶的愉快體驗(yàn)。UI交互設(shè)計(jì)對人有直接的影響，理解了這一點(diǎn)，就能為整個(gè)設(shè)計(jì)過程注入獨(dú)特的、人性化的一面，從而將設(shè)計(jì)的重心從技術(shù)工藝轉(zhuǎn)移到人。只有以人為中心，研發(fā)的產(chǎn)品才能更好地為人所用，才能獲得長足的發(fā)展。UI交互設(shè)計(jì)的精髓在于：設(shè)計(jì)應(yīng)該以用戶為中心，說服溝通。真正理解用戶需求的唯一途徑，即與用戶進(jìn)行實(shí)際的互動。理解用戶的過程就是嘗試了解他們的所思、所說和所做的過程，設(shè)計(jì)師由此創(chuàng)造可用、有用和令人向往的UI交互設(shè)計(jì)作品。

四、結(jié)語

UI交互設(shè)計(jì)師嘗試在獨(dú)立的組件之間建立有意義的視覺表達(dá)，以期了解它們背后的關(guān)系。創(chuàng)建這些可視化表達(dá)的終極目標(biāo)是獲得深入的理解。設(shè)計(jì)師用新奇的方式對各種想法進(jìn)行分析、重構(gòu)，對想法之間抽象的、有意義的關(guān)聯(lián)獲得深入的理解，這種理解會被應(yīng)用到系統(tǒng)、服務(wù)或人工制品的開發(fā)過程中。在UI交互設(shè)計(jì)過程中，溝通是設(shè)計(jì)中極為重要的問題之一，做好溝通是UI交互設(shè)計(jì)的前提。產(chǎn)品的設(shè)計(jì)要注重為用戶著想，人性化設(shè)計(jì)是項(xiàng)目成功的保證。我們周圍充滿各種各樣的APP產(chǎn)品，好的UI交互設(shè)計(jì)能給用戶帶來愉悅感，使工作效率得到提高，使產(chǎn)品突出、耀眼、深入人心。優(yōu)秀的UI交互設(shè)計(jì)給人們的生活方方面面都帶來非常好的體驗(yàn)，UI交互設(shè)計(jì)的工具和手段不僅可以用來開發(fā)產(chǎn)品，還能被借鑒以解決社會問題。先超越風(fēng)格之設(shè)計(jì)，進(jìn)而提升到深遠(yuǎn)的世界之大設(shè)計(jì)，是UI交互設(shè)計(jì)師不斷探索研究之本。

參考文獻(xiàn)：

[1]（美）普里斯等.交互設(shè)計(jì)——超越人機(jī)交互.劉曉暉，張景等，譯.電子工業(yè)出版社，2003.

篇6

【關(guān)鍵詞】網(wǎng)頁UI設(shè)計(jì)；視覺設(shè)計(jì)；視覺吸引；交互設(shè)計(jì)；交互藝術(shù)

隨著信息化的深入，網(wǎng)頁成為人們?yōu)g覽信息、獲取信息、放眼世界的主要窗口之一。在傳統(tǒng)網(wǎng)頁的界面設(shè)計(jì)中，人們認(rèn)為網(wǎng)頁界面設(shè)計(jì)就是美工，而美工就是單純對網(wǎng)頁進(jìn)行裝飾。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展與普及，網(wǎng)頁界面設(shè)計(jì)的技術(shù)在不斷的進(jìn)步，設(shè)計(jì)的理念也在不斷的更新，網(wǎng)頁界面設(shè)計(jì)不再是單純的視覺設(shè)計(jì)，而是將視覺設(shè)計(jì)與人的行為習(xí)慣、生活方式、心理體驗(yàn)等結(jié)合在一起的設(shè)計(jì)，基于用戶體驗(yàn)的網(wǎng)頁UI設(shè)計(jì)是當(dāng)前研究的熱點(diǎn)。

一、網(wǎng)頁UI設(shè)計(jì)及用戶體驗(yàn)

UI即User Interface（用戶界面）的簡稱，指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。網(wǎng)頁UI設(shè)計(jì)用戶體驗(yàn)（User Experience，簡稱UE）則是一種純主觀在用戶使用產(chǎn)品過程中建立起來的感受。由于生活習(xí)慣、文化背景、行為方式及心理體驗(yàn)等不同，用戶體驗(yàn)產(chǎn)品時(shí)會有不同的感受，一個(gè)好的UI設(shè)計(jì)要能充分滿足大眾的需求，使用戶在體驗(yàn)過程中都能心情愉悅、操作流暢、交互高效。

就網(wǎng)頁UI設(shè)計(jì)而言，用戶瀏覽網(wǎng)頁的需求是什么？抽象出來可以歸納為兩點(diǎn)：一瀏覽信息，二操作數(shù)據(jù)。這里的數(shù)據(jù)是指在數(shù)據(jù)庫中躺著的數(shù)據(jù)，用戶在單純?yōu)g覽信息時(shí)，不會對頁面背后的“數(shù)據(jù)”造成任何操作，但用戶進(jìn)行點(diǎn)擊鏈接、跳轉(zhuǎn)頁面和處理信息時(shí)，就要和頁面背后的數(shù)據(jù)進(jìn)行交互。所以，在做網(wǎng)頁UI設(shè)計(jì)時(shí)候主要滿足于用戶的這兩方面的需求，第一是用戶在瀏覽信息時(shí)候，要有一個(gè)賞心悅目的界面，即網(wǎng)頁界面的視覺設(shè)計(jì)要美觀。第二是用戶在操作數(shù)據(jù)時(shí)候要高效，即網(wǎng)頁界面的交互設(shè)計(jì)靈活。

二、網(wǎng)頁界面視覺設(shè)計(jì)

愛美之心人皆有之，漂亮的網(wǎng)頁界面能吸引瀏覽者的眼球、提高網(wǎng)頁的瀏覽量。傳統(tǒng)網(wǎng)頁美工設(shè)計(jì)，更注重網(wǎng)頁的布局以及網(wǎng)頁的顏色搭配，換言之，就是重在設(shè)計(jì)網(wǎng)頁平面效果圖和以及對網(wǎng)頁進(jìn)行裝飾。隨著人們生活節(jié)奏的加快，快餐文化日漸豐富，僅靠傳統(tǒng)網(wǎng)頁美工已不能適應(yīng)當(dāng)今網(wǎng)頁發(fā)展的需要。那么，如何讓你的網(wǎng)站跟上時(shí)代的步伐，滿足當(dāng)今用戶的需求呢？

從用戶體驗(yàn)出發(fā)：什么東西能讓我們從電腦屏幕上看到接近于現(xiàn)實(shí)世界的東西？是視覺吸引，視覺吸引是非常有效的提示工具，通常在用戶第一次打開某個(gè)應(yīng)用，或進(jìn)入某個(gè)新的界面時(shí)出現(xiàn)。簡單的視覺吸引能扭轉(zhuǎn)乾坤，把令人沮喪萬分的第一次使用經(jīng)歷變成滿意的產(chǎn)品使用體驗(yàn)。[1]常見的網(wǎng)頁視覺吸引的模式：

1.對話框

這是最常見的視覺吸引模式，它是網(wǎng)頁中一種次要窗口，包含按鈕和各種選項(xiàng)，通過它可以完成特定命令或任務(wù)。

2.提示

提示指給予相應(yīng)的提醒、明示和解釋，它可以出現(xiàn)在網(wǎng)頁中的任何位置，比對話框更能融入到網(wǎng)頁的應(yīng)用情景。

3.使用導(dǎo)航

導(dǎo)航是網(wǎng)頁布局中最重要的元素之一，是網(wǎng)頁主要內(nèi)容的提煉，是網(wǎng)站的框架更是網(wǎng)站信息的分類，直觀漂亮的導(dǎo)航能吸引用戶的操作。

4.視頻演示

將視頻嵌入到網(wǎng)頁當(dāng)中，通過視頻形象直觀的畫面來吸引瀏覽者。在進(jìn)行視頻嵌入設(shè)計(jì)時(shí)，為了便于用戶的操作，一般要提供常見的視頻控制選項(xiàng)（停止、暫停、音量控制等）。

5.首次使用引導(dǎo)

用戶首次使用網(wǎng)頁或是網(wǎng)頁界面中的某些操作時(shí)候，提供適當(dāng)?shù)囊龑?dǎo)，幫助用戶進(jìn)入操作界面，比如說利用圖像或是其他視覺線索來引導(dǎo)用戶使用。

6.持續(xù)視覺吸引

持續(xù)視覺吸引設(shè)計(jì)，主要是將一些網(wǎng)頁元素進(jìn)行有別于其他網(wǎng)頁元素的設(shè)計(jì)（比如說，通過字體的大小、顏色區(qū)別開來），并將這些元素一直保持在網(wǎng)頁中，通過持續(xù)的視覺刺激來吸引用戶。

7.可發(fā)現(xiàn)的視覺吸引

可發(fā)現(xiàn)的視覺吸引是一種在保持頁面簡潔的前提下，用戶通過執(zhí)行特定交互操作的方法（如點(diǎn)擊和滑動等），就能看到頁面中某些隱藏的元素。如比較常見的視覺吸引模式是鼓勵用戶刷新數(shù)據(jù)的提示。

三、網(wǎng)頁界面交互設(shè)計(jì)

“交互”是人與機(jī)器之間的相互作用。良好的交互能保持或是激發(fā)用戶使用網(wǎng)站的興趣，傳統(tǒng)的網(wǎng)頁交互設(shè)計(jì)重在技術(shù)上關(guān)注人機(jī)之間的交互，忽視了人機(jī)之間“情感”交互。發(fā)揮設(shè)計(jì)中人的情感體驗(yàn)作用，使設(shè)計(jì)更具有人性化的自由，滿足審美的追求，這不僅需要交互技術(shù)，更需要交互藝術(shù)。所以，從用戶體驗(yàn)出發(fā)，來進(jìn)行網(wǎng)頁界面的交互設(shè)計(jì)。

1.交互技術(shù)

人機(jī)之間信息交互的有效性主要取決于交互技術(shù)。好的交互主要包括兩方面：

（1）時(shí)效性

如今生活節(jié)奏的加快，人們更注重時(shí)效性，在人機(jī)交互過程中，如果交互不及時(shí)，瀏覽者就會厭煩甚至放棄瀏覽該信息，有網(wǎng)絡(luò)調(diào)查研究表明，用戶打開網(wǎng)頁等待的時(shí)間最長為五秒，如果五秒之后沒有任何的反饋信息，用戶一般會放棄該網(wǎng)頁的操作。所以，在進(jìn)行網(wǎng)頁界面設(shè)計(jì)時(shí)，要考慮到受眾的心理，在提高交互速度的同時(shí)，也要為用戶在等待交互過程中提供相關(guān)的信息，減少用戶的疑惑以及焦慮。比如在用戶等待操作時(shí)的，提供操作成功與否的信息或是提供操作成功的數(shù)據(jù)量和剩余所需等待的時(shí)間等。

（2）直觀性

簡單直觀的交互能幫助用戶快速完成任務(wù)，繁瑣的交互會增加用戶操作和思考的時(shí)間，也會引起用戶心理上的厭倦。在進(jìn)行交互設(shè)計(jì)時(shí)，反饋回來的信息要直接明了，因?yàn)樵诓僮鬟^程中用戶都喜歡被告訴怎么做，而不喜歡去思考如何做。同時(shí)，交互設(shè)計(jì)要減少干擾，讓用戶的操作能更順暢。

2.交互藝術(shù)

交互發(fā)生取決于交互技術(shù)，交互持續(xù)取決于交互藝術(shù)。交互藝術(shù)，是指運(yùn)用一定的創(chuàng)意，使用戶在體驗(yàn)交互的過程中，能沉浸其中，并保持愉悅的心情。在交互設(shè)計(jì)中，運(yùn)用藝術(shù)表現(xiàn)形式，改變傳統(tǒng)媒體的線性秩序敘事方式，強(qiáng)調(diào)觀眾的積極性和能動性，引導(dǎo)用戶更好地進(jìn)行交互操作，達(dá)到人機(jī)交互的自然、和諧。

四、結(jié)語

“以人為本”的創(chuàng)新設(shè)計(jì)是UI設(shè)計(jì)的核心，好的設(shè)計(jì)既是美的設(shè)計(jì)也是為人的設(shè)計(jì)，這也是未來UI設(shè)計(jì)的趨勢。[2]所以，在網(wǎng)頁UI設(shè)計(jì)中，我們要摒棄以往界面設(shè)計(jì)就是美工的觀念，網(wǎng)頁UI設(shè)計(jì)不是給網(wǎng)頁進(jìn)行簡單的裝飾和美化，而是要賦予其獨(dú)立的思想和創(chuàng)意，結(jié)合用戶的心理體驗(yàn)、行為習(xí)慣、生活方式等因素，以人為本，基于用戶體驗(yàn)進(jìn)行網(wǎng)頁UI設(shè)計(jì)。

參考文獻(xiàn)

篇7

關(guān)鍵詞：手機(jī)UI界面；平面元素；界面設(shè)計(jì)；情感化

手機(jī)作為日常生活中最常見，幾乎是更新速度最快的個(gè)人電子用品終端和電子用品集合體，越來越多地介入和更大地影響著人的日常生活。其集合體性質(zhì)的發(fā)展決定了在未來的日子里手機(jī)不僅僅是一個(gè)攜帶電話，而更多的是一個(gè)娛樂、生活、資訊的集合體。其的終端性質(zhì)也決定了其在人機(jī)交互方面也必須更加的人性化，趣味化，功能集成化。本文主要討論的是在現(xiàn)在的設(shè)計(jì)趨勢下幾種手機(jī)主菜單用戶界面（User Interface）設(shè)計(jì)的手法和其應(yīng)用性中所蘊(yùn)含的人機(jī)交互原則抑或是商業(yè)原則，切入點(diǎn)主要是視覺傳達(dá)方式及交互方式給用戶的體驗(yàn)。

一、手機(jī)UI界面情感化的需求

應(yīng)該說，好的界面設(shè)計(jì)一直致力于人性化的設(shè)計(jì)，即以用戶為中心的設(shè)計(jì)。好的技術(shù)并不意味著就易于人們接受或者說滿意，它只能在一定角度上易于操作。但一味追求交互效率，容易陷入冷漠的技術(shù)誤區(qū)。前面在闡述可用性問題時(shí)，曾提及一種要素，這就是用戶的滿意度。人性需求的高級階段是情感化的，而高效率不等于高情商。由于手機(jī)與人們生活的高度密切性，手機(jī)的交互界面在涉及人-機(jī)-環(huán)境三者關(guān)系的同時(shí)，其中人的情感更值得關(guān)注，產(chǎn)品設(shè)計(jì)中的符號化元素其實(shí)就是從情感需求出發(fā)的一種體現(xiàn)。這種關(guān)注是設(shè)計(jì)對“人”的重視，它的要求甚至遠(yuǎn)高于對達(dá)成交互的結(jié)果的研究。

二、UI界面的本能水平情感化設(shè)計(jì)

本能水平情感是腦內(nèi)最簡單、最原始的部分本能水平的設(shè)計(jì)的基本原理來自人類本能，在不國家，不同種族都是一致的。我個(gè)人認(rèn)為，對于面設(shè)計(jì)師來說，要做就是盡量使所設(shè)計(jì)的界面能引并給使用者帶來開心、愉快、輕松、舒適、快等直觀的心理感受，我認(rèn)為本能情感層面的設(shè)計(jì)通過美觀性、趣味和幽默感等方法來實(shí)現(xiàn)。

（一）美觀性

古典美學(xué)家黑格爾說：“美，是理念的感情顯現(xiàn)”，榮久庵憲司說“我贊美輕盈簡潔的美感，渴望提高功效，舒適，豪華和多樣性。實(shí)現(xiàn)美和對美的渴望是未來設(shè)計(jì)的目標(biāo)。”

而色彩，圖形的則是能引起感官對美最直接，最本能的刺激和反應(yīng)的元素，可能沒有其它設(shè)計(jì)元素能像顏色一樣能影響人們對界面的感受。它可以瞬間改變我們的情緒和意見。顏色會讓我們感覺到舒適、敬畏，或者激動”。

在界面設(shè)計(jì)中，顏色組合對設(shè)計(jì)非常有用。我們針對軟件類型以及用戶工作環(huán)境選擇恰當(dāng)色調(diào)：如：安全軟件，根據(jù)工業(yè)標(biāo)準(zhǔn)，可以選取黃色，綠色體現(xiàn)環(huán)保，藍(lán)色表現(xiàn)時(shí)尚、紫色表現(xiàn)浪漫等等，淡色可以使人舒適，暗色做背景使人不覺得累等。顏色蘊(yùn)含的另外一個(gè)財(cái)富就是可以帶來靈感。舉個(gè)實(shí)例，為了促進(jìn)都柏林的旅游業(yè)，都柏林的旅游網(wǎng)站采用了愛爾蘭海岸的一種顏色組合。這種組合非常生動和吸引人，使都柏林看起來很有游玩的樂趣，并且廣闊、豪華。圖形在界面中具有重要作用。圖形就是信息媒介。特別是游戲產(chǎn)品，圖形甚至是界面本體?？梢暬瘓D形往往能引起人們的注意，并激發(fā)閱讀興趣，圖形給人的視覺印象要優(yōu)于文字，合理的運(yùn)用圖形?？梢陨鷦又庇^、形象地表現(xiàn)對應(yīng)功能，降低了使用難度，增加親切感，方便用戶理解使用（尤其是中老年，兒童等）。

當(dāng)我們的界面設(shè)計(jì)遵從了美的形式法則，經(jīng)過設(shè)計(jì)師盡心的努力所呈現(xiàn)出美觀、大方、時(shí)尚、典雅或華麗等特性時(shí)，激發(fā)出人類“愛美”的天性，從而使界面使用者自然而然地產(chǎn)生美好、愉快的心理感受，即獲得本能情感的認(rèn)可。

（二）趣味性和幽默感

與美學(xué)性一樣，趣味性和幽默感也是人的本性之一，趣味性和幽默感事物同樣能夠直接激發(fā)人的本能情感。界面設(shè)計(jì)中所講的“趣味性和幽默感”是指圖標(biāo)，圖形，字體等的形態(tài)、色彩、形式等方面看起來很有趣、有意思、有味道、能引人注意，或則呈現(xiàn)出圓潤、憨厚、笨拙可愛、親和力等特了使界面具備趣味性和幽默感的特征，它追求的是不同尋?；虺龊跻饬系那榫埃ぐl(fā)人們的好奇心，并能在轉(zhuǎn)眼間帶給人一種驚喜、快樂的心理感受，這也屬本能情感。

三、感官與機(jī)械的完美配合

由于手機(jī)的機(jī)械特殊性，其交互設(shè)計(jì)除了要考慮界面視覺的感受，還要兼顧聽覺和觸覺的運(yùn)用。正如日本著名設(shè)計(jì)師原研哉先生所提出的“五感”設(shè)計(jì)。即信息構(gòu)建的時(shí)候，思維維度要多樣化，設(shè)計(jì)作品應(yīng)觸及到“五感”，視覺、聽覺、觸覺、嗅覺、味覺。給受眾全方位的觸動。雖然原先生所說的是商業(yè)廣告以及生活品設(shè)計(jì)范疇的傳達(dá)學(xué)，并且手機(jī)也沒有辦法涉及嗅覺和味覺。但是人機(jī)交互一樣可以導(dǎo)入這個(gè)概念，因?yàn)槿伺c物的交流，反饋的模式是一致的。

手機(jī)的傳達(dá)模式是：顯示屏輸出，用視覺來向外傳達(dá)。用戶的輸入來進(jìn)行指令再次向內(nèi)傳達(dá)。手機(jī)設(shè)備再次反饋。而反饋的方式就很多，比如視覺的反饋，顏色，亮度，位置的變化都會讓用戶的視覺得以刺激。

或者用聽覺給用戶提示，甚至手機(jī)震磁震動的觸覺。

篇8

在當(dāng)今社會，智能電子設(shè)備在人類生活所占比重愈加重要。在這個(gè)以數(shù)字信息作為主要交換方式的網(wǎng)絡(luò)化時(shí)代，傳統(tǒng)的計(jì)算機(jī)軟件系統(tǒng)、智能手機(jī)，平板電腦等人機(jī)交互式智能設(shè)備，以其高效快速的信息傳達(dá)功能與直觀的視覺傳達(dá)效果

而就當(dāng)前競爭愈來愈激烈的智能便攜設(shè)備消費(fèi)市場而言，軟件核心部分的功能固然還在不斷的創(chuàng)新和發(fā)展當(dāng)中，但是我們同樣需要認(rèn)識到作為首先視覺感知的軟件界面設(shè)計(jì)，即UI設(shè)計(jì)（user interface design），在越來越強(qiáng)調(diào)視覺對系統(tǒng)和軟件消費(fèi)者的心理和使用感受方面的影響，諸多的廠商和開發(fā)者也開始關(guān)注到這一點(diǎn)。對于以往傳統(tǒng)認(rèn)識中，對于軟件開發(fā)過程中還存在重技術(shù)而不重應(yīng)用的現(xiàn)象逐漸消失。開發(fā)團(tuán)隊(duì)在關(guān)注于軟件核心功能的研發(fā)的同時(shí)，同樣會系統(tǒng)考慮界面設(shè)計(jì)如何去有效的體現(xiàn)出科學(xué)的人機(jī)交互性、操作邏輯和用戶心理的適應(yīng)度，從而成為一個(gè)更為縝密的系統(tǒng)。

回顧一下智能設(shè)備系統(tǒng)和軟件界面設(shè)計(jì)的發(fā)展歷程，特別是進(jìn)入21世紀(jì)以來，軟件界面經(jīng)歷了從擬物化設(shè)計(jì)（skeuomorphism）到當(dāng)前扁平化設(shè)計(jì)（flat）的視覺效果演變過程。從APPLE、GOOGLE等公司在先期的系統(tǒng)界面中以模擬真實(shí)物體的材質(zhì)、質(zhì)感、細(xì)節(jié)、光亮等視覺表現(xiàn)效果來體現(xiàn)人機(jī)交互的擬物化，模擬現(xiàn)實(shí)中的交互方式。到如今更為流行的界面扁平化設(shè)計(jì)通過簡單純色的組合或單色極簡的抽象矩形色塊，去掉冗余的擬物化界面元素而體現(xiàn)軟件核心功能，以現(xiàn)代主義式的審美去表現(xiàn)視覺傳達(dá)的高效性。

設(shè)計(jì)師在進(jìn)行UI設(shè)計(jì)中，對于色彩的運(yùn)用，必然要更多的考慮到色彩心理學(xué)在設(shè)計(jì)中的運(yùn)用。特別是在當(dāng)前扁平化設(shè)計(jì)大行其道，視覺元素主要由純色組合去傳達(dá)功能含義的主流趨勢之下，如何去科學(xué)的將色彩進(jìn)行運(yùn)用，是不可忽視的一個(gè)命題。從色彩心理學(xué)的廣義角度而言，色彩心理學(xué)包括了美學(xué)、光學(xué)、心理學(xué)和民俗學(xué)等多重學(xué)科所要研究的范圍。在與一切與視覺有關(guān)的人類活動之中，色彩是除形體之外，最能直接的客觀刺激人類心理的形式；從人類的應(yīng)激主觀反應(yīng)而言，色彩往往又是能夠去促使人類行為的一種顯性或潛在誘因。在心理學(xué)家的研究結(jié)果之中，人類的色彩心理，即對于色彩的生理向心理的反應(yīng)系統(tǒng)，從視覺開始而向知覺、感情進(jìn)行延伸，最終形成記憶、思想、主觀意志乃至與潛意識中的具象象征，這樣一整套演化過程是極其復(fù)雜而又縝密的。因此，我們在進(jìn)行與色彩相關(guān)的設(shè)計(jì)時(shí)，需要重視這種因果關(guān)系，即如何通過色彩在第一直觀視覺角度去贏得受眾的心理認(rèn)同。

在人類日常的觀察活動中，人的心理因素往往會受到色彩的很大影響。這種由色彩帶來的應(yīng)激反應(yīng)，學(xué)界將其稱之為心理顏色視覺感。人類常常會感受到色彩對于自己心理的影響并且能有效影響到情緒與行為，這種影響有時(shí)會是直接刺激，有些則是通過對于色彩潛在意味的聯(lián)想而產(chǎn)生。比如在通俗的對于色系的區(qū)分上，我們時(shí)常會將色彩區(qū)分為“冷色系”與“暖色系”，這種對于冷暖的物理性反應(yīng)，正是來源與人類心理中對于色彩的物理光刺激而產(chǎn)生的直接性心理效應(yīng)，我們看到波長長的紅光和橙、黃色光，本身會感覺到溫暖感，并由此而對此類光所照射到的物體所具象表現(xiàn)出的色彩產(chǎn)生明顯的溫暖感覺；我們看到諸如紫色、藍(lán)色、綠色等光源和色彩的時(shí)候，則會產(chǎn)生寒冷感。這些由色彩而產(chǎn)生的心理錯覺構(gòu)成了我們最初的對于色彩的生理性反應(yīng)。同時(shí)，冷暖色系的不同還會帶來一些諸如質(zhì)量等物理方面的聯(lián)想。比如我們看到暖色系的時(shí)候，會覺得這個(gè)色系的物體相對厚重，而冷色系的則顯得輕薄，冷色給我們帶來的更強(qiáng)的透明感，而暖色則相反。

諸如此類的視覺物理反應(yīng)而帶來的心理和感情因素，通過人類的進(jìn)一步聯(lián)想而產(chǎn)生了更為具體的關(guān)乎于主觀意志的影響，而由此而通過思維去產(chǎn)生象征意義。比如我們在看到紅色時(shí)，往往會聯(lián)想到此色彩所附加的形態(tài)之上一般象征著征熱情、性感、權(quán)威、自信，是個(gè)能量充沛的色彩。這樣的暖色系色彩往往會帶來興奮感與直接的刺激性作用。往往在促進(jìn)人類行為方面有著較為直接的效果。因此我們在諸如生活消費(fèi)類APP，如一些電商軟件等UI中，可以看到如紅色這樣的暖色系運(yùn)用較為廣泛，其目的就在于通過這樣一種暖色系的高純度高明度的色彩去充分的調(diào)動起消費(fèi)者的積極性，促使消費(fèi)者通過色彩的心理暗示來進(jìn)行積極行動。反之，我們在看到一些冷色系的色彩時(shí)，會必然由此而產(chǎn)生沉靜感。比如我們在看到那些明度低純度也低的冷色系色彩諸如藍(lán)、紫、綠等色彩時(shí)，往往會將心理活動降低到一個(gè)緩速階段。比如藍(lán)色所能具體象征出的靈性和知性兼具，以及象征希望、理想、獨(dú)立、誠實(shí)、信賴、權(quán)威、堅(jiān)定、智能；同時(shí)藍(lán)色視覺形象也能自己、也讓對方完全放松。我們往往可以在一些諸如搜索引擎、輔助應(yīng)用軟件等軟件的UI設(shè)計(jì)中看到大量的運(yùn)用。

篇9

【關(guān)鍵詞】用戶體驗(yàn) 界面設(shè)計(jì) 研究

隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的高速發(fā)展，人們快速步入了信息時(shí)代，生活和工作方式都產(chǎn)生了翻天覆地的變化。人們的生活已經(jīng)離不開網(wǎng)絡(luò)技術(shù)和通訊技術(shù)，個(gè)人移動通信設(shè)備也成為了生活中的必需品，隨著智能手機(jī)的普及應(yīng)用，3G高速體驗(yàn)時(shí)代的到來，使得人們對于移動通信產(chǎn)品中出現(xiàn)的各種概念和功能提出了新的要求，這就需要了3G產(chǎn)品用戶界面能夠符合人們的期望，有一定的親和力，同時(shí)又有更加個(gè)性化設(shè)置的操作性流程，能夠有更好的操作體驗(yàn)。

一、UI設(shè)計(jì)基本概述

用戶界面（UI，USER INTERFACE）是一種用戶與界面之間交互關(guān)系。它是一種以用戶為中心的設(shè)計(jì)方式，主要目的是為了讓用戶對客戶端的軟件操作變得自由、簡單，同時(shí)能夠體現(xiàn)軟件的特點(diǎn)，使得軟件變得更加具有個(gè)性化。UI設(shè)計(jì)主要包括了用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)三個(gè)部分。

（一）用戶研究

UI設(shè)計(jì)首先要做到的對軟件需求階段的研究，也就是在產(chǎn)品開發(fā)的前期，對潛在的用戶進(jìn)行詳細(xì)的調(diào)查研究，了解到用戶的工作環(huán)境、工作性質(zhì)、工作中的使用習(xí)慣，進(jìn)而挖掘出用戶對產(chǎn)品的需求，為界面設(shè)計(jì)提供一個(gè)定位標(biāo)準(zhǔn)，確保設(shè)計(jì)出來的界面能夠滿足用戶的要求。同時(shí)還需要了解同類競爭產(chǎn)品，做到知己知彼，百戰(zhàn)不殆。

（二）交互設(shè)計(jì)

交互設(shè)計(jì)主要是指人與計(jì)算機(jī)之間的交互，工程師根據(jù)要求進(jìn)行軟件制作，主要包含了分析設(shè)計(jì)、調(diào)研驗(yàn)證階段、方案改進(jìn)階段。在進(jìn)行充分的需求分析后，UI設(shè)計(jì)便進(jìn)入了設(shè)計(jì)階段，需要同時(shí)設(shè)計(jì)出幾套不同風(fēng)格的界面用來篩選，并且要保證這些界面都是在通達(dá)的設(shè)計(jì)制作水平上，繼而進(jìn)行調(diào)研驗(yàn)證階段，讓用戶去選擇并且進(jìn)行評價(jià)，根據(jù)用戶反饋結(jié)果來進(jìn)行方案改進(jìn)，得到目標(biāo)用戶最喜歡的方案，將方案做到最精致。

（三）界面設(shè)計(jì)

在改正以后的方案，就是即將完成的界面設(shè)計(jì)，但這并不是代表完結(jié)，還需要用戶對界面的反應(yīng)良好，零距離與客戶接觸，得到用戶真正的使用感想。

二、界面用戶體驗(yàn)研究

針對UI設(shè)計(jì)工作來說，實(shí)際上并不是單純意義上的美術(shù)工作，而是對軟件產(chǎn)品進(jìn)行界面設(shè)計(jì)。界面設(shè)計(jì)的最主要的設(shè)計(jì)原則在于，能夠在保持界面的一致性的條件下，使得界面能夠完全被用戶控制，并且要盡可能的降低用戶的記憶負(fù)擔(dān)。因此，界面用戶體驗(yàn)可以分為感覺（聽覺、視覺、觸覺）和情感兩個(gè)層次?；诟杏X層次的界面用戶體驗(yàn)，更多的是體現(xiàn)軟件的實(shí)際功能，即軟件的可用性，是否能夠在操作界面下很好的使用軟件的功能，充分滿足用戶需求，是否能夠適用于用戶進(jìn)行交互體驗(yàn)?；谇楦袑哟蔚慕缑嬗脩趔w驗(yàn)，則是從消費(fèi)者的心里角度來分析，用戶在界面體驗(yàn)中是否產(chǎn)生了美好的感覺。

實(shí)際上，人們對物質(zhì)的需求是在不斷變化的，也就是說，用戶對界面的體驗(yàn)不再局限與從前的“好看的界面”這樣一個(gè)簡單的要求，而是希望從界面中得到更好的心理體驗(yàn)，主要包含以下兩個(gè)方面：一方面是能夠滿足用戶的生活需求，注重經(jīng)濟(jì)時(shí)代產(chǎn)品的功能性，讓用戶不僅產(chǎn)生美好的感官享受，而是進(jìn)一步的讓用戶產(chǎn)生心理上的依賴感、安全感、熟悉感；另一方面，體驗(yàn)界面服務(wù)是為了更好的實(shí)現(xiàn)消費(fèi)活動的實(shí)際價(jià)值。

以較為成功的IPHONE的界面設(shè)計(jì)來說，它在界面設(shè)計(jì)上有硬件的優(yōu)勢，即全觸摸的超大液晶屏，能夠配合用戶進(jìn)行更好的互聯(lián)網(wǎng)操作體驗(yàn)，并且采用了人性化設(shè)計(jì)，圖標(biāo)、按鈕與機(jī)身都保證著倒角方形的統(tǒng)一形態(tài)特點(diǎn)，很符合用戶對產(chǎn)品的設(shè)計(jì)要求，使得用戶在視覺上產(chǎn)生柔和感，符合許多人對于美的欣賞標(biāo)準(zhǔn)，滿足了人們對手機(jī)的心理要求和使用要求。與此同時(shí)，在iphone的界面設(shè)計(jì)中，更重要的是體現(xiàn)了設(shè)計(jì)師的情感，它的色彩表現(xiàn)十分強(qiáng)烈，外形的單一和界面上斑斕的圖標(biāo)有著強(qiáng)烈的視覺沖擊，顯得更加趣味和活躍，充分體現(xiàn)了設(shè)計(jì)師的情感態(tài)度。

三、基于用戶體驗(yàn)的界面設(shè)計(jì)發(fā)展趨勢

用以衡量界面設(shè)計(jì)的手機(jī)用戶體驗(yàn)需要考慮到如下幾個(gè)方面，這也將會成為界面設(shè)計(jì)的主要發(fā)展趨勢。

（一）感官體驗(yàn)

感官體驗(yàn)主要來自用戶對手機(jī)的硬件的感受，如手機(jī)的大小、屏幕的清晰度、按鍵的位置、按鍵的功能和本身的材質(zhì)等等，而界面設(shè)計(jì)需要完全配合手機(jī)本身的定位，能夠給予用戶最好的感官體驗(yàn)，例如輸入方式需要簡單有效，提醒方式多樣，用戶能夠根據(jù)心情來切換不同界面模式等等。

（二）可用性體驗(yàn)

可用性體驗(yàn)來自于界面設(shè)計(jì)的簡便性，使得用戶在使用過程中能夠輕松理解和使用，給予用戶輕松愉悅的使用體驗(yàn)，準(zhǔn)確的反饋滿足用戶的操作需求，帶來流暢的操作感覺，界面要有效的給用戶提供一定的使用幫助，并且盡可能的簡化步驟，減少用戶的記憶負(fù)擔(dān)。

（三）界面信息體驗(yàn)

界面信息體驗(yàn)主要是指用戶在進(jìn)行與界面之間的交互行為的時(shí)候，界面能夠帶給用戶清晰的界面信息體驗(yàn)，例如對信息項(xiàng)目的合理布局，能夠讓用戶能夠快速分辨每條信息，交互的語言可以進(jìn)行個(gè)性化選擇，在字體、顏色、大小風(fēng)方面給用戶良好的視覺感受，符合用戶的認(rèn)知習(xí)慣。

（四）增值體驗(yàn)

增值體驗(yàn)主要是在用戶對界面產(chǎn)生良好的感官體驗(yàn)與可用性體驗(yàn)的基礎(chǔ)上，進(jìn)一步的滿足用戶在交互過程中的使用需求，通過良好的界面設(shè)計(jì)來提升用戶的體驗(yàn)感覺。如多功能的自主個(gè)性化操作讓用戶體驗(yàn)到操作的自由感覺，讓用戶對品牌特性有更好的體驗(yàn)。

四、結(jié)束語

界面設(shè)計(jì)需要考慮最多的就是用戶的體驗(yàn)心里，而不是盲目的按照設(shè)計(jì)師的理念來設(shè)計(jì)，因此，在進(jìn)行界面設(shè)計(jì)的時(shí)候，設(shè)計(jì)師應(yīng)該在掌握社會信息發(fā)展的動向的基礎(chǔ)上，來思考作品的用戶體驗(yàn)感覺，這樣才能使得界面能夠更符合用戶的心理需求。

參考文獻(xiàn)：

[1]楊若男.基于用戶體驗(yàn)的智能手機(jī)交互設(shè)計(jì)研究[J].湖南大學(xué)：設(shè)計(jì)與藝術(shù)學(xué)，2006..

篇10

關(guān)鍵詞：人性化；網(wǎng)站界面設(shè)計(jì)（UI）；老年人

網(wǎng)站界面設(shè)計(jì)，英文的全稱是Web User Interface Design，又叫UI設(shè)計(jì)。包括三個(gè)方面：可用性，交互設(shè)計(jì)和視覺設(shè)計(jì)。通常研究的是讓網(wǎng)站的界面具有更多的可用性，更良好的用戶體驗(yàn)，以及更美觀的視覺設(shè)計(jì)，概言之就是“人性化設(shè)計(jì)”。[1]在全球人口逐漸老齡化的今天，應(yīng)該把更多的“人性化設(shè)計(jì)”真正應(yīng)用在老年人這一弱群體上。本文旨在從老年用戶的生理和心理各要素出發(fā)進(jìn)行綜合考慮，探析以老年用戶為中心的網(wǎng)站界面（UI）設(shè)計(jì)要點(diǎn)。

1 老年用戶研究

設(shè)計(jì)優(yōu)秀老年用戶網(wǎng)站界面的先決條件是與老年用戶進(jìn)行有效的交流，充分理解老年用戶的需求，重視老年用戶的生理和心理特征。

1.1 老年網(wǎng)民用戶人數(shù)眾多

據(jù)調(diào)查顯示，近些年來，我國老年網(wǎng)民的比例一直在攀升，增長率已經(jīng)超過了網(wǎng)民總體的增長速度，對于互聯(lián)網(wǎng)的應(yīng)用日益廣泛。根據(jù)相關(guān)統(tǒng)計(jì)報(bào)告顯示，2008年年底，51～60歲的網(wǎng)民從1999年的10.6萬人增長到1251.6萬人，60歲以上的由3.5萬增長到447萬人。雖然我國老年網(wǎng)民絕對數(shù)量不多，10%不到，處于上網(wǎng)人群的弱勢群體，但卻是以令人矚目的速度增長著。

1.2 老年人對互聯(lián)網(wǎng)的多樣化需求

老年人由于心理上和生理上的變化，與兒童、少年、青年人和中年人人群有著不同的特殊需求。根據(jù)The Usbased Spry基金會報(bào)告顯示，老年人的需求主要表現(xiàn)在四個(gè)主題：財(cái)產(chǎn)安全、身體健康、精神愉悅和良好的社會氛圍以及參加智力活動。[2]具體表現(xiàn)在：獲取相關(guān)信息，一些老年人希望上網(wǎng)瀏覽和查詢最新的外界信息保持“耳聰目明”的狀態(tài)，有些則是投身老年論壇，希望利用網(wǎng)絡(luò)查詢、瀏覽養(yǎng)生保健和常見疾病等信息溝通交流，有些希望通過網(wǎng)絡(luò)和子女視頻聊天、互發(fā)郵件；財(cái)務(wù)管理，還有相當(dāng)一部分老年人希望能夠使用網(wǎng)絡(luò)來購物、買賣股票以及付賬等。總之，老年人對互聯(lián)網(wǎng)的多樣化需求一點(diǎn)都不亞于其他人群。

1.3 老年人的生理和心理特點(diǎn)

從50歲到60歲這個(gè)階段，明顯地會出現(xiàn)一些衰老的跡象，主要表現(xiàn)在容易健忘，愛發(fā)脾氣，認(rèn)知過程缺乏適應(yīng)能力；視覺模糊，色彩辨別力降低，視野范圍和判斷距離的能力通常大大不如過去；動作緩慢，手眼配合欠佳，聽覺便開始逐漸減退。[3]總之，因此，隨著年齡增長，工作效率逐漸下降。具體表現(xiàn)如下：

（1）近距離視力退化更大。比如在35厘米左右的讀書距離內(nèi)，視力減退的驚人，并伴有老眼昏花。據(jù)統(tǒng)計(jì)，70歲健康老人的視力超過0.6的只有51.4%。

（2）聽力顯著下降。特別是對較復(fù)雜和速度快的語言的理解，男性比女性減退的更明顯。老年人并不知道自己的聽力在下降，而是認(rèn)為別人說話不清楚。

（3）記憶的減退，但也有自己的特點(diǎn)，比如老年人對往事的記憶清晰，而對新近發(fā)生過的事物或者新近學(xué)習(xí)過的內(nèi)容遺忘較快；對需要將記憶材料進(jìn)行組織加工使之進(jìn)入長時(shí)儲存方面的記憶力較差；老年人的意義識記減退較少，機(jī)械識記減退較多。例如，老年人對人民、地名、數(shù)字等東西的記憶效果就不好；

（4）思維能力弱化。在調(diào)查里，許多老年人常常抱怨自己已經(jīng)不能像早先那樣很好的思考問題了，這反映人的思維能力到老年時(shí)出現(xiàn)逐漸衰老的趨勢。

2 以老年用戶為中心的網(wǎng)站界面設(shè)計(jì)要點(diǎn)

在對老年用戶做了研究之后，筆者認(rèn)為適宜老年人的網(wǎng)站界面設(shè)計(jì)的總體原則是以人性化為本，同時(shí)注意網(wǎng)站的易用性，規(guī)范性，美觀性，具體如下五點(diǎn)：

2.1 將操作任務(wù)化繁為簡

在越來越強(qiáng)調(diào)人機(jī)交互的今天，對于老年用戶來說，最好的人機(jī)交互就是簡化操作任務(wù)，減少不必要的任務(wù)，[4]盡量讓老年用戶在網(wǎng)站上面的操作變得簡單，同時(shí)又不宜出錯。比如強(qiáng)調(diào)基本功能，盡量減少和弱化附加功能。如Gmail的登陸界面，簡化到“登錄信息+登錄設(shè)置”即可，無須要其他的附加信息。

2.2 合理的信息顯示

互聯(lián)網(wǎng)的根本目的是提供信息，合理的信息顯示包括兩方面的內(nèi)容：劃分信息功能區(qū)和減少視覺密度。[5]

（1）劃分信息功能區(qū)。當(dāng)頁面的信息較多時(shí)，為了避免視覺混亂，應(yīng)該劃分信息功能區(qū)。最重要的信息放在頁面的視覺中心；同一類的信息放在一起，并與其他類信息間隔一定的空間；同一類的信息用同一種顏色或同一色系的顏色來表示；不同信息區(qū)又可以用不同背景色來區(qū)分。

（2）減少視覺密度。網(wǎng)站界面需表達(dá)的信息很多時(shí)，易造成界面看起來非常擁擠，信息擠在一團(tuán)，對于老年人來說很難一眼就能獲得所需的信息。因此，必須減少視覺的密度，比如：考慮適當(dāng)?shù)牧舭祝m當(dāng)?shù)牧舭讓⑹拐麄€(gè)界面看起來清楚而美觀；降低品牌識別logo、名稱的大小，無需為了彰顯品牌形象而刻意放大；使用簡單的圖形，盡量平面化，不要使用過度復(fù)雜的圖像；使用空白空間，而非線條去區(qū)分文字內(nèi)容；使用簡潔的語句表達(dá)信息，避免內(nèi)容過多等等。

如upcoming的首頁設(shè)計(jì)，依據(jù)信息的不同類別劃分板塊，并按重要性擺放在相關(guān)位置。焦點(diǎn)活動咨訊配圖放在視覺中心點(diǎn)，緊接著下面是活動信息介紹，左邊的活動類型板塊，右邊是活動的輔助信息。信息安排布局井然有序，是劃分信息功能區(qū)和減少視覺密度的最佳例子之一。

2.3 合理的文字規(guī)劃

文字對于網(wǎng)站界面的作用不言而喻，對于老年用戶來講，網(wǎng)頁文字的漂亮是建立在易讀易辨的基礎(chǔ)上的，合理的文字規(guī)劃，主要表現(xiàn)為以下兩個(gè)方面：[6]

（1）文字內(nèi)容盡量簡潔，配上有意義的圖標(biāo)或者圖片，同時(shí)應(yīng)該避免使用專業(yè)術(shù)語。字體的選擇也要易于老年用戶辨認(rèn)，網(wǎng)頁默認(rèn)的字體是宋體?？梢愿鶕?jù)需要選擇一些特別字體。例如，為了體現(xiàn)專業(yè)可以使用粗仿宋體，體現(xiàn)設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手寫體等等，但前提是一定要易于老年人辨認(rèn)。

（2）井然有序的排版。有時(shí)候別出心裁的界面設(shè)計(jì)或許會帶給使用者眼睛一亮、賞心悅目的視覺感，但無論何，井然有序的文字區(qū)規(guī)劃，才易達(dá)成最有效、最舒適的效果。如有較多的說明文字，要讓說明具有順暢地閱讀連貫性。舉個(gè)例來說，一個(gè)向中對齊與一個(gè)向左對齊的文字區(qū)塊，明顯地，向左對齊的區(qū)塊讀起來順暢多了，因?yàn)槭褂谜咴谧x完一行字后，自然而然往左下方繼續(xù)讀下去，不需要重新找尋開頭，相較之下，向中對齊的區(qū)塊看起來混亂多了。因此，有規(guī)矩地文字區(qū)規(guī)劃將可大幅度提升用戶界面的品質(zhì)。

2.4 合理的色彩規(guī)劃

網(wǎng)站界面的色彩對于老年人來說同樣重要。老年人的視覺衰退很明顯，一個(gè)好的色彩規(guī)劃可以提高界面的視認(rèn)性，從而提高操作的準(zhǔn)確性和效率；可以減輕視覺上的疲勞。另外，通過色彩規(guī)劃來增強(qiáng)界面的美感和親和力。[7]

具體來講，老年用戶界面中，最好不要超過3到5種顏色。大區(qū)域最好使用淺色調(diào)，如白色、淺灰等。對于老年人而言，配色要采用視認(rèn)性高的色彩，要加大色彩的對比度，背景與主體對比度要大，背景色不宜采用有金屬反光的顏色，如銀色和金色。對于重要的按鈕或信息要用誘目性高的色彩來表達(dá)，但顏色不宜過多，且區(qū)域不可以太大，否則看起來過度混亂，缺少美感，也容易造成視覺上的疲勞。

2.5 細(xì)節(jié)為王

對于老年用戶來說，細(xì)節(jié)同樣重要，比如盡量使用有意義的圖標(biāo)，盡量不要使用生澀難懂的專業(yè)術(shù)語，注意提供精確的導(dǎo)航提示，提供聲音控制，盡量減少噪音干擾，克制使用新技術(shù)的欲望等等。

3 結(jié)束語

關(guān)注老年人網(wǎng)站界面設(shè)計(jì)，是以人為本的需要，也是國內(nèi)所有優(yōu)秀設(shè)計(jì)師的責(zé)任。限于篇幅有限，對于老年人使用的網(wǎng)站界面設(shè)計(jì)，筆者也只能泛泛而談，有所不足和欠缺，還望讀者指正。同時(shí)，撰寫本文，以期拋磚引玉，引起大家對老年人更多的關(guān)愛和設(shè)計(jì)出更多更好適宜老年人使用的產(chǎn)品。

參考文獻(xiàn)：

[1] 劉春花.基于用戶體驗(yàn)的界面設(shè)計(jì)UI研究[C].天津工業(yè)大學(xué)碩士學(xué)位論文，2007（12）.

[2] 楊足.老年人使用的家電的人機(jī)界面設(shè)計(jì)研究[C].江南大學(xué)碩士學(xué)位論文，2004（06）.

[3] 廖曄.網(wǎng)頁界面設(shè)計(jì)及其學(xué)科相關(guān)性研究[C].湖南師范大學(xué)碩士學(xué)位論文，2006（04）.

[4] 趙侃用戶體驗(yàn)設(shè)計(jì)――網(wǎng)頁界面設(shè)計(jì)的重中之重[J].藝術(shù)與設(shè)計(jì)（理論），2010（09）.

[5] 何榮.淺析網(wǎng)站界面設(shè)計(jì)[J].科技信息，2008（26）.

[6] 宗明明.老年人網(wǎng)站界面設(shè)計(jì)前景分析[J].設(shè)計(jì)（Design），2012（10）.