我一直不懂所謂的人機交互是啥意思,有人說用通俗易懂的話說就是,對於一個界面,交互設計就是讓人用的舒服,UI就是讓人看的舒服。這麼說是正確的還是錯誤的。要是這樣說來,UI設計不就是平面嗎
在互聯網行業中,交互設計師和UI設計師的角色都很重要,二種角色的能力也有很多是重合的,畢竟是以用戶體驗為基礎,都是針對於用戶界面推進日常工作內容的執行。
接下來,我們可以簡單描述一下交互設計和UI設計的具體區別,以及二者的在學習路徑上的不同之處。
從設計的角度來看,交互設計和 UI 設計都具備設計的內核,具備以下特點:
因此交互設計師和 UI 設計師,都具備同樣地思考模型,從用戶出發,完成界面針對於功能體現的設計,然後再考慮提升用戶使用效率等,最後上升到情感化的高度。
界面設計的背後,需要的是兩種技能的融合,才能輸出相對來說更為完美的界面設計。
如果一名設計師兼備交互設計的思維模式,又具有 UI 設計相關的技能,那麼就可以一個人完成一整條鏈路的全部設計輸出。一般情況下,因為時間和個人技能方面的限制,一個團隊中都是兩個角色配合著完成相關的工作。
一名交互設計師,他所具備的能力在用戶體驗層面上來看相對來說更為基礎一些,並且更多的集中在分析與歸納方面,對於圖形化的涉及相對來說較少。
優秀的交互設計師要具備以下的能力:
以用戶為中心的設計思想
以用戶為中心,這是現在行業中從事用戶體驗工作所必備的整體指導思想。
當然,這只是一種做設計的工具,還有其他的一些類似的思維方式的工具,但是整體來說,行業中的大部分交互設計還是秉承著以用戶為中心的思想來指導設計執行的。
掌握用戶研究的技能
針對於交互設計師來說,協助用戶研究員和產品經理來完成用戶研究的執行,也是日常工作中必備的技能。
可用性方面的專家
針對於交互設計,一個非常基礎的理論常識,就是要熟練的運用可用性的十項基本原則。
無論是 Web 端的界面設計還是手機端小屏幕的設計,有可能載體會一直在變化,但是從人類本身的生理條件和心理基礎出發,這十項基本原則是一直從整體邏輯上都適用的,只是具體的變化會有所不同。
對於大多數交互設計師來說,從一開始上手就畫線框圖,而忽略了針對於理論基礎方面的學習,《可用性工程》這本書是要熟讀的。
瞭解平臺規範
針對於 iOS 平臺和 Android 平臺的規範學習,要一直不間斷,時刻跟隨著官方的更新來瞭解最新的內容。
原型能力和文檔能力
交互設計原型和相關的文檔輸出,也同樣是交互設計師必須要具備的關鍵能力。
原型是重要的溝通工具,文檔也同樣是一份設計的完整展現,因此交互設計師必須要能夠清晰的輸出原型和文檔,從邏輯上能夠讓閱讀者——產品經理、UI 設計師和研發工程師非常清晰的瞭解到每一個交互設計的細節。
大多數的交互設計師,都是從原型輸出開始自己的職業生涯的,原型本身來說也是設計,如果一份原型稿件的可讀性都不夠好,設計方案怎麼能夠給人以優秀的印象呢?
良好的溝通能力
交互設計師的日常工作要不斷跟產品經理、UI 設計師和研發人員保持溝通。
這就要鍛煉自己的溝通能力,闡述一件事情以及歸納一個問題,都能夠通過良好的展示技巧清晰的傳達自己的想法。
邏輯分析能力
在之前的回答中,我們都講過有關於交互設計該如何進行學習的一些關鍵點,其中包含一項內容就是邏輯分析能力。
在交互設計師日常的工作中,針對於「用戶需求分析」、「產品需求分析」、「競品分析」以及交互流程設計和界面的信息設計等,都需要有邏輯能力作為支撐。
對於交互設計師來說,看到一個功能點,能夠推導出他的全部操作流程纔是一個關鍵。
用戶每實現一個目標,都是一個閉合的操作流程,從起始階段的操作一直到最終達成目標,是一個閉環,而支撐這個閉環的就是滿足於各種可能性的交互設計。
這方面交互設計師的能力與產品經理極為類似。
綜上所屬,就是交互設計師應該具備的主要的工作能力,當然還有其他,但是那是互聯網人應該都具有的一些技能。
針對於 UI 設計師來說,他所具備的技能和交互設計師有非常多的共同之處,比如說以用戶為中心的設計思想,以及可用性的能力等等,在這裡主要要講的是圖形界面設計方面的一些不同的能力。
圖形化設計的能力
這方面的能力,首先要熟練使用相關的軟體,然後能夠輸出相關的界面設計。
在一個團隊中,對於 UI 設計師的一個重要要求,在於具備良好的造型能力,配色能力,以及相關的展現能力。
UI 設計師的日常工作,會包括圖標設計、界面視覺設計、動效設計、插畫設計等一系列視覺設計相關的內容。
這就要求 UI 設計師需要進行非常多的日常練習,來保持這種產出圖形的設計能力。這個行業發展太快了,如果一名 UI 設計師稍有懈怠不去進步,那麼會非常快速的被市場上 UI 設計師的工具與設計思想的大浪淘汰掉。
信息展示能力
界面設計的一個關鍵點,就是信息展示。設計師是一個信息組合與展示的專家,尤其是 UI 設計師,他們可以通過邏輯分析,將不同的信息通過圖形和文字的佈局進行完美展示。
這方面的能力是 UI 設計師的專屬技能,按照一定的規則,為用戶建立圖形或文字方面閱讀的心理模型,用戶能夠快速通過色彩引導、灰度變化等細節的 UI 設計手段,提高閱讀界面的效率,並且能夠快速的掌握設計細節。
這方面的能力不僅僅體現在界面的設計,我們日常見到的 Banner 和海報的視覺設計,實際上都是要依據視覺設計的思路進行的產出。
開發支持能力
這方面的能力,包括切圖、坐標標註等。包括對於開發人員實現思路的配合,以及產品實現方面的一些資源支持等。
我們團隊的視覺設計,要肩負著給開發人員輸出相關的實現資源,以及去審視開發人員最終的產出在界面設計方面的還原程度。
一些產品自己的團隊,研發人員和設計師的溝通還比較順暢,我們之前做很多外包項目,UI 設計師和研發人員的溝通就沒有那麼流暢,開發出來的界面和我們的設計基本上偏差巨大,直接導致的結果就是我們的設計師要盯著研發人員一個像素一個像素的調整界面佈局。
設計判斷能力
這部分的技能也是 UI 設計師獨居的能力,其實核心就是目標用戶會接受什麼樣的界面設計。
界面視覺設計,對於用戶來說實際上是一個產品的門面,用戶界面設計的好壞,要依據目標用戶對於產品的使用經驗、對於產品的認知以及他們的喜好傾向等來決定。
這就要求 UI 設計師同樣要具備的就是「以用戶為目標」的思想,但是要具有足夠的判斷能力和影響能力,一方面要貼近用戶的需求,讓用戶能夠喜歡自身的界面視覺設計,另一方面要教育用戶,引導用戶來喜歡自己產品的界面。
這方面的能力很不一樣,對於各種不同的產品來說,要求也會不同,可能落地在配色,也有可能是圖標,還有可能是動效等。總之是製造亮點,讓用戶能夠更好地接受界面的視覺效果。
情感化設計能力
設計師要具備情感化設計的能力,這個在前面有提到,而 UI 設計師是最容易通過圖形化的元素,給用戶帶來情感上共鳴的人。
這就和工業設計很相似,產品的造型會讓用戶對於美有所認知,並且能夠通過光影、材質等喚醒一種心理上的共鳴,或者回憶起過去的感情。
而 UI 設計也同樣是這樣,配色、質感、圖標、圖形和動畫,都能夠在情感上帶動用戶的一種心理變化,讓他們產生愛或其他的一些感受。
這對於 UI 設計師來說,其實難度非常大,需要日常有相當豐富的積累,並且具備長年累月的設計經驗,纔有可能達到類似的設計高度。
從上面我們歸納的二種設計師的能力來看,其實共通的部分站得比重和獨立技能相比較起來不會少多少,這說明其實互聯網行業發生地變化顯而易見——不會有那麼明確的智能劃分,技能方面大家會變得越來越共通。
交互設計師的一些技能和 UI 設計師的一些能力基本上未來都會變成互聯網行業產品人的必備技能。因此行業中也會有「全鏈路設計師」這樣的說法出現,這也是必然趨勢。
對於每一位行業裏的從業人員來說,技能的寬度和深度都能夠決定自身未來的發展方向,因此我們也要多去涉獵更多的能力體系,把自身的學習能力提升再提升,不斷的去學習,不斷的提高自己的上限,那麼在整體行業中也會變得越來越有競爭力。
(2)產品經理和UI/UX訓練營:入門、跨專業轉行、野路子提升。
在這裡把這幾個相關職位都說一下。
無論你是用戶體驗設計領域的新人還是經驗豐富的設計師,每當談論起不同的用戶體驗設計規範和不同公司設置崗位的方式,都一定會有很多困惑。
(來源:知羣產品設計天天學)
我是馬力,國內最早的一批互聯網產品和設計從業者,有十幾年的互聯網產品、設計、運營工作經驗,曾經在 IBM 工作工作,並作為最早期的成員,和李開復老師在創新工場工作。
在知乎裏,我有100多萬關注者。李開復老師,還有很多行業大咖,都推薦過我主講的課程。我寫過幾百萬字的文章,很多人看著我寫的東西進入職場。現在知羣和北京郵電大學一起開設了面向研究生的課程,我也在大學裡講課。
如果你打算往 UI 設計,UX 設計等領域發展,我建議你可以先參加我們的體驗課訓練營,目前可以免費申請。做這個訓練營的目的,就是讓大家知道這個領域到底都有什麼,產品思維和設計思維是什麼,大家應該學習什麼。
你可以在這裡申請:
另外我們還有設計師和產品經理的能力地圖,在訓練營裏好好學習,你有機會獲得印刷紙質版的:
這裡是職場核心能力的能力地圖:
這是產品經理的能力地圖:
這是交互設計的能力地圖:
這是 UI 設計的能力地圖:
免費報名:
通俗易懂地說……UI是好看,交互是好用,這沒什麼大問題
UI從某種角度上其實可以理解成為平面,電子設備上的平面,因為本質上都是信息的視覺傳達。如果把UI不理解成平面,那肯定是有人把交互的概念摻和到UI裏去了
簡單來說可以這麼解釋,但真實情況卻非常複雜……
——————————
現在行業內還很多人說不清UI和交互,或者說著說著就說到一起去了,因為這兩個東西很多地方很相似,或者說相通,難免不把交互和UI摻和到一起去
我用個「通俗易懂」的角度來解釋解釋
UI的原文是user interface,interface一般翻譯為界面,其實另一個翻譯是「介面」。用戶介面的涵義解釋起來大概是……「和用戶進行信息溝通的渠道」,也就是說,你通過手機/電腦/電子設備上的界面來與使用者進行信息溝通,UI指的就是這個界面,UI和平面相同的地方就在於---我們都是通過視覺設計來給用戶傳達信息的,平面通過紙、印刷品等等來傳達,UI通過屏幕來傳達
交互的原文是interaction design(暫時不要用UE或者UX),可以翻譯為「互動設計」,本質的含義是在設計:電子設備和使用者的互動。互動包括什麼?簡單舉幾個例子:鍵盤輸入、按鈕點擊、滑鼠劃過的彈窗、手機的長按彈窗,這些你對電子設備做操作並且它給你響應的過程,就是一個互動的過程,那麼交互設計,互動設計,其實就是在做這個「輸入-響應」的過程。優秀的「輸入-響應」過程,帶給你的最直觀感受就是——「好用」
——————————————————————
其實吧……這問題不是很必要分得太清楚,沒有太多的實際意義,主要還是會幹活就行了
先來看看交互設計是什麼,在墨刀譯制過的TEO SIANG 的《What is Interaction Design?》中是這麼說的:
「交互設計」通俗易懂地來講就是:它是用戶和產品之間交互的設計。大多數情況下,當人們談論交互設計時,往往是說應用程序或網站等軟體產品。交互設計的目標是做出能使用戶能以最佳方式實現其目標的產品。
如果你覺得這個定義聽起來很「寬」,那是因為這個領域確實相當廣泛:用戶和產品之間的互動往往涉及美學,動作,聲音,空間等元素。當然,每個元素都可能涉及更專業的領域,例如有關用戶交互中聲音的聲音設計。
你可能已經意識到,交互設計和用戶體驗設計有很大的重疊之處。畢竟,用戶體驗設計是塑造產品使用體驗,而大部分體驗都會涉及用戶和產品之間的一些交互。但用戶體驗設計不僅僅是交互設計:它還涉及用戶研究(首先找出用戶是誰)、創建用戶畫像(為什麼,在什麼條件下,他們會使用產品),執行用戶測試和可用性測試等。
嗯,這要視情況而定。
例如,如果公司足夠大,並且擁有巨大的資源,它可能會為UX設計師和交互設計師提供單獨的工作。例如,在大型設計團隊中,可能有一個 UX 研究員、一個信息架構師、一個交互設計師和一個視覺設計師。但對於較小的公司和團隊來說,大多數 UX 設計工作可能由 1-2 人完成,他們可能有也可能沒有"交互設計師"的稱號。無論如何,以下是交互設計人員在其日常工作中處理的一些任務:
設計策略
這涉及到用戶的目標是什麼,以及實現這些目標所需的交互。根據公司的不同,交互設計師可能必須進行用戶研究,找出用戶的目標是什麼,然後再製定策略將其轉化為交互。
線框和原型
這同樣取決於公司的工作描述,但大多數交互設計師的任務是創建線框圖,展示產品中的交互。有時,交互設計師也可能創建可交互的原型和/或高保真原型,看起來與實際的應用程序或網站完全一樣。可交互的高保真原型現在都可以使用一些在線原型工具實現,比如國內的墨刀,國外的Axure。
而UI設計,你不僅需要做到以上的這些,還需要掌握更多的圖形設計技能,熟練的使用Dribbble,在沒靈感的時候多上Dribbble去看看能收穫很多。
例如
目前主流的點贊設計是通過按鍵引起圖標變色完成的。而Dribbble上Aaron Iker設計師的點贊,則是通過手勢和文案的變化來塑造出點贊,並且手勢的動效將點贊詮釋的更為生動具體。
作品鏈接:Thumbs up button
作者主頁:Aaron Iker
(點擊藍色文字,即可跳轉)
這個效果完全可以利用墨刀的動態組件製作哦~
點擊查看:完整版點贊效果幫助視頻
總之,如果非要區別二者,那麼交互設計更多是為了好用,UI設計是為了好看,但不管是哪個,想從事相關工作,都離不開動手操作,多做纔是硬道理!
UI和平面還是有區別的,雖然大部分人認為UI就是把界面設計的美觀點,填個顏色,改個字體啥的。但其實除了這些,UI還得引導用戶完成交互動作等。舉個簡單例子,一個美文app,當你看完一段文字,下面有許多操作按鈕,比如評論、點贊、分享。這個app的目的是讓人將美文分享出去,UI就將「分享」按鈕設計成了綠色,其他按鈕是灰色,這樣就提高了人們分享的幾率。而平面是不需要考慮這些的。也就是說UI不僅要設計,還要引導完成人們完成一些既定動作。考慮怎樣設計,這個既定動作完成度高,人們更滿意。
交互設計,設計人們與周邊環境、單一的產品或整個公司的服務進行互動的方式。其實交互設計很寬泛,不僅僅限於互聯網,比如你想打開燈,可以按開關或者拍手,這就是你跟環境進行互動的方式,這就是一種交互。
但如果就網站、程序來說,確實是題主理解的這樣,就是讓人用的舒服。比如微博,大部分人常用的功能就是發文,看文,如果把這兩個功能放到二三級頁面下,你想發個文還得打開一級目錄在打開二級,操作了兩三步才找到,你還會用嗎?
現在,UI、UE、交互等界限越來越模糊,很多大學的課程也是交叉著學習。
最後貼個以前看到的圖,侵權必刪
希望這個回答對題主有所幫助,任何問題歡迎私信Miss 河馬,微信號:fangyu_Alessia