在原型設(shè)計上,UI和UX設(shè)計師的三點(diǎn)區(qū)別

1 評論 11308 瀏覽 16 收藏 5 分鐘

原型設(shè)計在日常的軟件開發(fā)過程中是必不可少的,不管是UI還是UX設(shè)計師,很多工作都會涉及到原型設(shè)計。那么這兩類設(shè)計師在設(shè)計原型的時候表現(xiàn)出了哪些的不同點(diǎn)呢?今天就讓我們來討論一下,先說說我發(fā)現(xiàn)的3個不同。

1. 關(guān)注的核心

UI和UX設(shè)計師在原型設(shè)計過程中最大的不同,就是他們對于原型理解的不同。對于很多UI設(shè)計師來說,原型往往是高保真的,類似甚至超過現(xiàn)實的應(yīng)用程序,有一種“寫實”的效果。但是對于UX設(shè)計師來說,保真程度確實是需要考慮的一個方面,但更多的因素實際上是來自于邏輯的設(shè)計。說的簡單一點(diǎn),當(dāng)你要去見客戶的時候,我建議你可以帶上UI設(shè)計師設(shè)計的原型;當(dāng)你要去和開發(fā)人員溝通交流意見的時候,你最好還是帶上UX設(shè)計師的原型。產(chǎn)生這種原因的結(jié)果其實也很簡單,因為UI更多的是在做前端的界面設(shè)計,而UX則是更靠后,需要首先理清產(chǎn)品的思路。

2. 色彩的使用

由于UI和UX設(shè)計師的關(guān)注點(diǎn)不同,這也就導(dǎo)致了他們在原型設(shè)計中對色彩的使用是不相同的。UI設(shè)計師們往往是使用已經(jīng)設(shè)計好的圖像來進(jìn)行原型的創(chuàng)建,這個圖像應(yīng)該會更加具有現(xiàn)實的影子。而UX設(shè)計師在設(shè)計原型的時候,基本是不會有這么絢爛多彩的顏色的,他們的原型中的顏色可能只會在三種左右:黑、白、灰。這類差異尤其體現(xiàn)在圖標(biāo)設(shè)計和使用上。比如,在制作底部導(dǎo)航欄的時候,UI設(shè)計師會精雕細(xì)琢,將每一個按鈕的顏色、點(diǎn)擊后產(chǎn)生的變化都展現(xiàn)出來;但UX設(shè)計師可能就會大相徑庭,他們也許只會把按鈕放在那里,并且留下一行文字:點(diǎn)擊變暗。

3. 工具的選擇

既然UI和UX設(shè)計師們在關(guān)注點(diǎn)和色彩的使用上存在著差別,那么他們在原型設(shè)計工具的選擇上肯定也是不一樣的。對于UI設(shè)計師來說,能夠直接在原型設(shè)計中使用他們制作好的圖片是一件非常美好的事情。因此,F(xiàn)linto和Principle這類“長在”Sketch上的原型設(shè)計工具就有了很大的優(yōu)勢。InVision在這方面做的也很好,良好的團(tuán)隊功能使他們更為突出。

UX設(shè)計師恐怕就不會喜歡這類的工具了,線框圖起手的他們會更加在意自己的效率和時間。而這一類工具在數(shù)量上還是很多的,比如簡單可視的Mockplus、靜態(tài)手繪風(fēng)格的Balsamiq、功能相對齊全的Axure。而且Mockplus在原型測試上還有一個比較獨(dú)特的優(yōu)勢,那就是它有超多的測試和預(yù)覽的方法。

UI和UX設(shè)計師之間的不同還有很多,這里只是在原型設(shè)計的方面舉了三個小例子。當(dāng)然,這兩種設(shè)計師之間還存在著很大的差異,有時間的話,可以看看《UX、UI、 IA和IxD傻傻分不清》,了解更多關(guān)于UI和UX設(shè)計師之間的差別。

題外的話

寫到這里,我其實想說點(diǎn)題外的東西:我們這里討論的是“原型設(shè)計”,但是似乎有個問題:UI設(shè)計的東西(主要是視覺圖),是否可以稱為“原型”?再思考一步,什么是“原型”?“原型”的含義究竟是什么?線框?交互動效?視覺圖?PRD文檔?流程圖?是這些的所有,還是其中的幾個?

如果你對這個話題有興趣,請隨時評論留言。

 

本文由 @安靜的熊先生?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 我認(rèn)為原型是對界面所含元素的展示,有部分界面擺放架構(gòu)在內(nèi)

    來自福建 回復(fù)