淺談UI設(shè)計(jì)的發(fā)展與本質(zhì)

2016-10-8    ui設(shè)計(jì)分享達(dá)人

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù) 

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

       一、UI設(shè)計(jì)的基本概念以及發(fā)展現(xiàn)狀 

       UI是User Interface的簡稱,即用戶界面,它是用戶和系統(tǒng)進(jìn)行交互活動(dòng)和信息傳遞的一個(gè)媒介,是介于用戶與硬件設(shè)備之間的軟件,目的是讓用戶給硬件發(fā)出正確的命令并得到友好的反饋。而UI設(shè)計(jì)的目的就是讓用戶與在與硬件溝通的時(shí)候有一個(gè)良好的交互過程。其特點(diǎn)是: 
  首先,其通過圖形的方式來將枯燥的數(shù)字以及文字信息轉(zhuǎn)化為人類易于快速識(shí)別的圖像。丹麥物理學(xué)家,托爾·諾蘭德拉斯(Tor Norretranders)對(duì)人類感官的敏感度比喻為計(jì)算機(jī)屬于:視覺好比互聯(lián)網(wǎng)1250MB/s的速度來接受信息,觸覺好比一個(gè)USB的接口有125MB/s,而聽覺和嗅覺就好比傳統(tǒng)的硬盤,只有12.5MB/s的速度,還有就是味覺,就好比一個(gè)計(jì)算器而已,最后我們實(shí)際認(rèn)知的信息量比計(jì)算器的更少。因此,視覺是這個(gè)世界上最容易也最快速傳遞信息的一種方式。 
  其次,信息圖形化是信息時(shí)代的產(chǎn)物。隨著計(jì)算機(jī)的誕生,為了解決信息的傳遞與交互,信息圖形化應(yīng)運(yùn)而生,而UI設(shè)計(jì)是由信息圖形化發(fā)展而來,卻向著不同的方向而去,因此,在根本上是相同的。 
  隨著硬件設(shè)備的不斷發(fā)展,UI設(shè)計(jì)也越來越成熟。世界上有很多優(yōu)秀的平面設(shè)計(jì)師從事UI設(shè)計(jì)這個(gè)行業(yè)中,也催生出了大量職業(yè)的UI設(shè)計(jì)師。縱觀這幾年UI設(shè)計(jì)的一個(gè)趨勢(shì),UI設(shè)計(jì)從擬物化的設(shè)計(jì)逐漸轉(zhuǎn)變?yōu)橐环N抽象化的設(shè)計(jì)。從這一趨勢(shì)來分析,我們能夠很清晰的發(fā)現(xiàn)這不僅僅只是一種用戶界面設(shè)計(jì)的變化,更多的是對(duì)用戶體驗(yàn)的一種變化。我們可以仔細(xì)思考一下,為什么最開始大家都比較推崇擬物化設(shè)計(jì),而且都能夠把擬物化設(shè)計(jì)做的如此精致呢?這是因?yàn)樵缙谟?jì)算機(jī)等硬件設(shè)備對(duì)使用者來說還是一個(gè)比較新鮮的事物,他們需要一個(gè)適應(yīng)的過程,因此,設(shè)計(jì)師需要做的就是把系統(tǒng)中的一些UI圖標(biāo)用我們生活中的真實(shí)事物來替代,比如說,一個(gè)計(jì)算器的軟件,設(shè)計(jì)師就會(huì)盡可能的把UI圖標(biāo)和圖形界面設(shè)計(jì)得和真實(shí)世界里的幾乎保持一致。這樣,就能夠讓用戶的學(xué)習(xí)成本降到,而不至于用戶有需要花時(shí)間和精力去重新學(xué)習(xí)這套系統(tǒng)的操作。這就是擬物化設(shè)計(jì)的初衷與優(yōu)勢(shì)。 
  雖然擬物化有這些方面的優(yōu)勢(shì),但是在社會(huì)發(fā)展如此之快的今天,這些優(yōu)勢(shì)很可能存在一些局限性。假如有一種新的軟件出來,而真實(shí)世界中是沒有這么一種實(shí)物是能夠與之相對(duì)應(yīng)的,這時(shí)候擬物化的設(shè)計(jì)就很難的表達(dá)出這個(gè)軟件的功能了。而且通過這種用真實(shí)世界的實(shí)物來進(jìn)行設(shè)計(jì)的方式另一個(gè)局限性就是當(dāng)這一真是事物被社會(huì)所淘汰之后,也許很多人就已經(jīng)根本就沒有見過也沒有接觸過,比如說磁帶和BP機(jī)等。 
  抽象化是一種必然的趨勢(shì)。擬物化為了達(dá)到與所描繪物體的高度統(tǒng)一和一致,會(huì)使用高光,陰影,層次,質(zhì)感等,這些信息在早期對(duì)用戶和使用者來說是一種十分美觀和賞心悅目的設(shè)計(jì),但UI設(shè)計(jì)畢竟不是美術(shù),它屬于設(shè)計(jì)的范疇,設(shè)計(jì)就是要為用戶解決問題的,而這些信息就會(huì)產(chǎn)生大量的干擾信息,對(duì)用戶的使用造成相當(dāng)程度的干擾。在經(jīng)過這么多年的“被培訓(xùn)”之后,用戶對(duì)于這些設(shè)備的使用已經(jīng)相當(dāng)?shù)氖煜?,用戶想要的就是一種直接有效的方法來與硬件進(jìn)行交互。從而抽象化的設(shè)計(jì)就應(yīng)運(yùn)而生了。 
  二、UI設(shè)計(jì)中存在的問題與本質(zhì) 
  著名的德國工業(yè)設(shè)計(jì)師迪特·拉姆斯(Dieter Rams)曾經(jīng)對(duì)優(yōu)秀設(shè)計(jì)提出的十條準(zhǔn)則中提到好的設(shè)計(jì)是創(chuàng)新的、實(shí)用的、唯美的、極簡的,而抽象化的設(shè)計(jì)正是遵循著這些準(zhǔn)則而發(fā)展。 
  UI設(shè)計(jì)的發(fā)展是伴隨著科技的發(fā)展而不斷完善,大量的設(shè)計(jì)師加入到UI設(shè)計(jì)的隊(duì)伍中來,其中也不乏一些佼佼者,他們不斷引領(lǐng)著UI設(shè)計(jì)的發(fā)展也不斷拔高了用戶的審美。在馬斯洛的需求理論中,由低到高分別為生理需求、安全需求、情感和歸屬需求、尊重的需求、自我實(shí)現(xiàn)的需求。除了這五大需求之外,求知需求和審美需求被尊重需求和自我實(shí)現(xiàn)需求之間,可見用戶在選擇一個(gè)好的設(shè)計(jì)產(chǎn)品的時(shí)候?qū)徝佬枨笫窍喈?dāng)重視的,UI設(shè)計(jì)是整個(gè)產(chǎn)品設(shè)計(jì)的一扇門,只有這扇門設(shè)計(jì)得具有吸引力才會(huì)吸引用戶去推開這扇門。很多時(shí)候已經(jīng)不是設(shè)計(jì)師決定哪一種風(fēng)格的設(shè)計(jì)是好的設(shè)計(jì),最終是由用戶來決定。那么就要求設(shè)計(jì)師要有更加敏銳的嗅覺來發(fā)現(xiàn)用戶的需求。 
  而現(xiàn)在的審美需求是抽象化的設(shè)計(jì),這要求設(shè)計(jì)師有相當(dāng)高的水準(zhǔn)來對(duì)UI進(jìn)行準(zhǔn)確的設(shè)計(jì),但是現(xiàn)在抽象化的設(shè)計(jì)所帶來的問題也是相當(dāng)嚴(yán)重的,現(xiàn)如今很多產(chǎn)品的UI界面設(shè)計(jì)得都非常美觀和精致,美到讓用戶感到著迷和眩暈,而正是因?yàn)檫@樣,用戶常常讓用戶感到困惑,一方面,通過圖標(biāo)用戶并不能馬上了解這個(gè)軟件的用途,另一方面,是UI和UX的結(jié)合太過前衛(wèi)致使用戶還沒有這樣的意識(shí)去進(jìn)行這樣的交互,還要通過一段時(shí)間的學(xué)習(xí)和適應(yīng)才能初步掌握一個(gè)軟件的應(yīng)用,這樣的UI設(shè)計(jì),不僅沒有達(dá)到目的,反而幫了倒忙。我們有一個(gè)很簡單的方法來鑒別一個(gè)UI設(shè)計(jì)到底是優(yōu)秀的還是無用的。以圖標(biāo)設(shè)計(jì)為例,現(xiàn)在的圖標(biāo)下方一般都是該圖標(biāo)的名稱,從名稱我們能夠判斷這個(gè)軟件的用途,那么,如果把圖標(biāo)下面的文字名稱全部去掉,讓用戶來判斷這是一個(gè)什么類型的軟件,如果能夠在第一時(shí)間判斷出來,那么,這個(gè)UI設(shè)計(jì)就是成功的,反之,則被定義為無用的UI設(shè)計(jì)。 
  UI設(shè)發(fā)展到現(xiàn)階段,越來越多的設(shè)計(jì)開始像藝術(shù)化方面發(fā)展,而忽略了UI設(shè)計(jì)的本質(zhì)——為用戶解決問題。為了解決這一問題,UI設(shè)計(jì)被分為兩個(gè)層次,一個(gè)是感覺(視覺、觸覺、聽覺、嗅覺等),另一個(gè)是情感。 
  所謂感覺,就是在視覺上首先能夠讓用戶被你的圖形所接受,圖形就包括形狀與色彩的搭配等;其次是在觸覺上,UI設(shè)計(jì)是為交互而生的,因此觸覺是必不可少的一種感覺,但你觸及你的產(chǎn)品的時(shí)候,能夠得到怎樣的反饋才能讓用戶得到最佳的使用體驗(yàn)也是UI設(shè)計(jì)中很重要的一個(gè)環(huán)節(jié);同時(shí),還包括有聽覺,這就是在UI設(shè)計(jì)中的情感層次的設(shè)計(jì)。其要求感覺層面的設(shè)計(jì)能夠體現(xiàn)出情感層次的設(shè)計(jì),UI設(shè)計(jì)的一個(gè)原則是“讓用戶放棄思考”,這里并非讓用戶真正不去思考,而是由設(shè)計(jì)師代替用戶完成一部分不必要的思考,例如,“前進(jìn)”和“返回”這兩個(gè)最基本的操作,如何讓用戶在不用思考的情況下就能按照設(shè)計(jì)者的方式來操作,最差的設(shè)計(jì)是使用文字來表達(dá),而大多數(shù)設(shè)計(jì)是通過一種約定俗成的符號(hào)來表達(dá),而優(yōu)秀的設(shè)計(jì)師是利用用戶的潛意識(shí)來讓用戶自覺的采用這種方式來操作。因?yàn)闈撘庾R(shí)的反應(yīng)動(dòng)作是不需要思考的,就像餓了就要吃一樣。同時(shí),在采取了這一操作之后得到的反饋也是很重要的情感體驗(yàn),要讓用戶踏踏實(shí)實(shí)的確定自己的這一步操作是正確的,產(chǎn)生強(qiáng)烈的安全感和滿足感,對(duì)產(chǎn)品產(chǎn)生信任和依賴。iPhone的解鎖的體驗(yàn)便是如此,我們不僅得到了一個(gè)視覺和觸覺上的反饋信息,同時(shí),在聽覺上能夠聽到手槍上膛的聲音,這種聽覺上的反饋能夠給用戶一種踏實(shí)感和滿足感,只有聽到了這一聲,才表明解鎖動(dòng)作的一個(gè)完成。好的UI設(shè)計(jì)多帶來的這種安全感的建立,是否能夠超越用戶的心理預(yù)期是一個(gè)重要的判斷依據(jù)。 

(注:本文轉(zhuǎn)載至論文網(wǎng))

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔