用戶體驗設計、交互設計、界面(UI)設計、視覺設計、美工設計等它們之間有什麼區別,有什麼聯繫?

最近想把公司的界面設計外包,是基於Linux平台的軟體界面設計。可是專業的eico給了我很多新辭彙:用戶體驗設計,交互設計,視覺設計。而我以前只了解界面設計和美工設計。這些辭彙之間有什麼關係?

我自學了一下,感覺交互設計/用戶體驗設計是界面設計技術的一種,它通過強調交互、強調用戶體驗來提高界面的可用性,本質上還是界面設計。


看答案看的真心慌……能不能來點實際的便於人民群眾理解的喲?用戶體驗好一點好不好的喲?

概念我就不普及了,百度都不會你耍個毛球的IT界?

我來大言不慚地來甩點乾貨順便反對樓上所有答案

不先說用戶體驗,掃地大媽也會說,丟後頭

先說視覺,叫你美工也好UI也好或者給錢多叫你大媽大叔也都好,視覺到底是搞毛球的?

隨便找倆網站打開,一個是國內地方政府網站,一個是淘寶或者小米或者apple官網反正是互聯網公司的網站就對了,哎……要不簡單點省的你們百度辛苦,china daily和12306比較比較就行了,看出啥來沒?

你要是啥也沒看出來,那就別往後看了,看了你也不懂

你要是看出啥來了,嗯那就是視覺乾的好事了,12306的視覺絕對是該拖出去遊街的(假設他們有)

視覺設計,就是給你的網站/軟體/APP創造美,和整容變美的存在,當然美術基礎是練級提升的,審美也是要靠天賦點和後期加成的,PS/AI等等技能也是打怪必備的

通俗點就是把你50塊錢的充氣娃娃多安幾個5000塊錢的100%模擬小澤瑪利亞附件,多投入點就直接換個幾萬英鎊的高模擬,嗯……

往後不擴展到動畫/前端/手繪插畫等等等等了,點到為止

再說交互,能搞清楚交互是嘛玩意兒的人,真心熊貓。那交互幹啥子?

隨便找倆網站打開……呃……卧槽這還真是不好言傳的玩意兒~

好了隨便看,你有沒有看到有些東西在動~?不管晃來晃去還是偷偷摸摸地類似知乎寫答案時候左下角猥瑣的「保存中……」咦?這按鈕真有趣,按下去還變個樣子,就跟我按我充氣娃娃的咪咪一樣哎~

嗯這就是交互,稍等,之一

優秀的界面交互,就是讓你在網站/軟體/APP的操作過程中享受到類似操作充氣娃娃的便利感和舒適感

往深點說呢?(突然跟上句話聯繫起來了……真不純潔)

深點說一個好的交互還包含了信息架構與邏輯關係,幹嘛用的?

想想你做事情的流程,額……咱不說充氣娃娃了,說逛超市,你進了超市,挑選貨物,放車裡,推到門口結賬對吧

電商(我沒說淘寶什麼的,簡單的電商購買流程)的信息架構與邏輯,就是仿造這一套東西,在頁面上展示貨物以及隨時可看的購物車內容,讓你放購物車,結賬,這跟逛超市很像不是嘛?對的這就是傳統行業或者說線下的需求轉到線上,我們必須要做好的邏輯結構,總不能我線下玩充氣娃娃是先充氣後開戰的,上線去玩你就讓我先開戰後充氣?額我去又說到充氣娃娃了……

最後說用戶體驗

上到老闆板下到掃地大媽,這真是個百搭辭彙……

那這玩意兒到底幹嘛的~?本身這玩意兒是有精確定義的,但就是被濫用的太廣了以至於現在沒有一個準確的說法

視覺和交互是不是用戶體驗?是的,好的視覺和交互可以給你的客戶愉悅感與舒適感,更利於你的客戶在你的產品上完成任務,OK,UE就這簡單

簡單?去你妹的……面試了好幾家UE跟他們講UED流程跟他們講用研,媽的到最後就問個會PS么會Axure么?老子要不是沒錢買饅頭我直接bia他一臉口水走人

UE是個大概念,絕不是會做交互和視覺就夠了,即便大家連交互還沒搞明白是幹嘛的

(1)用研:我們要知道用戶想要什麼不想要什麼,傾向什麼排斥什麼

(2)用戶建模:誰是我們的用戶?老闆板?沒事無數產品就是這麼死的,用戶定義是你的產品在設計前必須搞清楚的東西,否則你設計了半天無非就是給你的老闆板設計而已

(3)用戶數據:看評論,看PV,看誤點擊率等等等等等等

………………………………………………………………………………

我列不下去了……我還是說充氣娃娃吧……

好你是一個技術帝,同時是一個大門不出的宅男,還是一個對工程精準要求非常苛刻但是不怎麼富裕的程序猿(不好意思拿你們開個玩笑,我 @vczh 一下,輪子哥不拍我……)

可是你沒有女盆油,你的兩隻小油爪也覺得膩了,這時候你想到萬能的淘寶……

OK,輸入關鍵詞

卧槽蒼老師!!!~~~!~!!~ (你符合了宅男的審美需求,用戶體驗不錯)

點擊去一看,卧槽各種挑逗語言和不穿衣服圖,boqi了~(你抓住了宅男的猥瑣的視覺和文案刺激需要,用戶體驗不錯)

哎這麼美還這麼便宜(你搞定了屌絲的物美價廉心態,用戶體驗不錯)

問問客服能包郵不?打開阿里旺旺頭像就是個性感裸女,這下可以邊聊天邊YY了好過癮(搞定了用戶的傾向,用戶體驗不錯)

收貨還有全隱私包裝?(就怕樓下保安大叔站院里喊喂五樓的vczh下來拿你充氣娃娃,了解用戶的隱私訴求,用戶體驗不錯)

作為一個充氣娃娃賣家,我要做的是

1,定位我的消費群體(宅男程序猿),2,根據消費群體特徵定價格,3,根據用戶訴求設計產品介紹(暴露的圖片和沒節操的文案),4,根據用戶隱私需要制定保密包裝方案,5,還有很多事情要做……

現在你懂了么,這就是用戶體驗,用戶體驗是從用戶來到用戶走,你給他的一切心理感受,從他的預期,到給他呈現的內容,視覺豐富,文案精準,操作感受,服務態度,後期貼心的服務等等等等,你給用戶留下的心裡印象的好與壞,1-10分來評價你的用戶體驗做的水平如何

所以求你們別隨便把用戶體驗掛嘴上了好么……就說自己覺得這樣做挺好就行別站在辦公室就感應到用戶訴求

區別說完了……額我說不動聯繫了……改天再說吧

順便我沒買充氣娃娃,最近被動信息接受有點多……


來大概解釋下這3個詞語:

  • 用戶體驗設計——對應的英文一般是UCD(User Centered Design)或UED(User Experience Design);UED是能「有效提高產品體驗改進速度」的一個方法體系,不是一個具體的單一專業,而是個總稱;UED的核心價值並不是「提高產品的用戶體驗」,而是「提高產品的用戶體驗 改善的速度」;UED的核心思想(或者說訣竅)在於——「大規模、常態化、科學化」地把用戶反饋前置。
  • 交互設計——「尋找並提供功能實現最佳方式的一種專業技術 」,因為任何一個「功能」的「實現方式」既包含有動態「過程」、又包含靜態「表現」(內容視覺)。所以交互設計往往是可以涵蓋視覺設計的。

  • 視覺設計——專門處理布局、線框、圖標、色彩等視覺元素的專業技術被稱為「視覺設計」,俗稱「美工」。

無論叫什麼設計,說到底圍繞的都是「做產品」,而任何設計的目標最終都是「把產品做得好看點、好用點」——交互設計主要解決的是「好用點」,「視覺設計」主要解決的是「好看點」。

另外,作為方法體系的UED不光有「交互設計、視覺設計」這些概念,還有「信息架構、用戶研究、人機交互」等等讓人眼花繚亂的專業區分。

對小公司和大多數人而言,這些東西要了解,但也不要太被那些花里胡哨的名詞嚇住了。


用戶體驗設計是個大的範疇,體驗不是設計出來的,美觀,性能,技術方面合起來才能達到好的體驗,所以,eico說的用戶體驗設計,可能是給你產品「外表」上的一個整體策劃包裝。

交互設計:是優化產品與用戶交互過程的設計,會設計你產品里所有的交互流程,操作流程,反饋方式,界面布局。好的交互設計,會採用用戶容易理解的布局和流程,讓用戶使用起來順暢,沒有疑惑之處,操作簡單方便,等等。。

視覺設計:是優化軟體界面設計,圖標設計,logo.按鈕,等等很多。。

其實,還有個用戶研究:這個工作,包括用戶調研,用戶測試,看用戶對你軟體的真正需求,最想要什麼,能不能理解這個設計,它貫穿產品的前期和後期。

所以,這三個工作,合起來,可以提升用戶體驗。。但用戶體驗不只包括這些。。

你這個軟體界面設計可以找eico,聽說eico報價蠻高。其他公司,比如歐洲的frog.

eico的設計師:

@Rokey Zhang(知乎上搜搜)


User experience design 即 「用戶體驗設計」

Interaction design 即 「交互設計」

Human-Computer interact (人機交互) 即 「界面設計」

圖片引用自Quora上的類似問題:User Experience: What"s the difference between UI Design and UX Design?


用戶體驗設計包括了後面的交互設計和視覺設計,我認為它是最大的範疇。視覺設計,UI設計,美工設計,其實是一個意思,就是軟體或者應用的界面美化設計。設計的首要目的都是要解決問題,用戶的使用問題,易用性等,使產品好用,易用,其次,才是滿足用戶的視覺美感,好產品兩者都要兼顧。


您好,我來解釋一下它們的功能意義吧。有不對的,還希望有大神給補充。

我用一個"遙控器"作為例子。

用戶體驗/用戶研究:用戶是否需要一個遙控器/我們提供用戶一個遙控器,這個遙控器需要具備什麼功能,怎麼樣更容易被用戶接受使用。用戶使用之後有什麼不足需要調整。

交互設計:遙控器的按鍵功能,是暫停、播放還是調整音量、換台。

界面設計/界面布局:這些功能按鍵放在什麼位置合理、方便用戶使用。

視覺設計:整個遙控器長什麼樣子,按鍵長什麼樣子,讓用戶容易理解其功能。

這樣解釋,相信可以更容易理解他們之間的關係、區別。這樣才是一個完整的產品設計。


他們的分工是按照設計一個軟體產品的先後順序來分的。首先是用戶研究人員對這個產品的用戶進行定位、研究,確定功能,然後由交互設計師進行交互設計(用戶體驗設計),然後再交由視覺設計師(界面設計和美工統稱)設計視覺外觀。但其實他們之間也有融合,現在的視覺設計師也必須懂得交互設計的一些原則。


美工設計是個什麼鬼?


1.工業設計:目標是使用者和生產者的利益創造和開發產品與系統的概念和規範,旨在優化功能、

價值和外觀;

是一種專業的服務;

2.交互設計:目標是增強人們理解可以做什麼,正在發生什麼,已經發生了什麼;

重點關注人與技術的互動;

(交互設計借鑒了心理學、設計、藝術、情感等的基本原則來保證用戶得到積極

地、愉悅的的體驗;)

3.體驗設計:設計產品、流程、服務、事件和環境的實踐;

關注的重點是整體體驗的質量和愉悅感;


沒有啦,你說的界面設計和美工設計,其實就是視覺設計。只是這個行業發展到一定的階段,不緊緊去思考界面的美觀了。更多的去思考了用戶怎麼去操作更便捷(易用性),還有就是怎麼的與用戶實現交互的方式更能讓用戶接受,不產生反感。也就是用戶體驗設計,和交互設計.


搭eico那個問點:

不差錢可以找 eico ~

你如果想要比較也有時間~

就去威客網逛一圈~

然後你再去使用「eico」這種真正的設計公司的服務~

絕對讓你體會到「山寨」和「品質」的巨大差異~

也會對「一分錢一份貨」有真正的認識~^^


推薦閱讀:

iOS 和 Android 平台上,你最近看到哪些應用的界面設計的最好?
想問下it女編程或做it技術的話選那個方向好一點?
有哪些比較實用且簡潔的 Android 天氣 App?
哪些遊戲有著非常漂亮的 UI 界面?
Material Design 的更新中為何引入 Launch Screen 章節?

TAG:用戶界面 | 交互設計 | 用戶界面設計 |