By Nils Sk?ld UX designer
這是一個(gè)非常廣泛的定義，并不是嚴(yán)格意義上的完全正確，但是也足以解釋說明這樣一個(gè)概念了。用戶體驗(yàn)由三部分組成：交互設(shè)計(jì)、圖形設(shè)計(jì)和前端開發(fā)。
一般來說，前端開發(fā)者編寫代碼，圖形設(shè)計(jì)師設(shè)計(jì)外觀，交互設(shè)計(jì)師決定如何放置內(nèi)容。對(duì)于完全不理解網(wǎng)頁(yè)設(shè)計(jì)的的用戶，我通常告訴他們我決定按鈕放置在哪兒以及設(shè)計(jì)師如何決定按鈕的外觀。
從交付的結(jié)果來看，圖形設(shè)計(jì)師通常在PS或AI里做設(shè)計(jì)。交互設(shè)計(jì)師做線框和原型（為在設(shè)計(jì)之前感受網(wǎng)頁(yè)大致的感覺，而做的低保真的草圖，用方塊代替圖形，文字也是假的）。
幾年前，用戶體驗(yàn)設(shè)計(jì)是以流水線的方式在做。首先，交互設(shè)計(jì)師將線框列出。然后，視覺設(shè)計(jì)師基于線框圖做出PS文件。最后，前端開發(fā)者基于設(shè)計(jì)將代碼編寫出來。
現(xiàn)如今，這三者一起開始工作。交互設(shè)計(jì)師做最初的草圖和線框，視覺設(shè)計(jì)師做風(fēng)格指南。前端開發(fā)開始做不同的框架和javascript功能包。然后我們?cè)僖娒嬗懻摗?/p>
交互設(shè)計(jì)師做原型，視覺設(shè)計(jì)師開始做其中一個(gè)設(shè)計(jì)并且前端開發(fā)開始做不同頁(yè)面的基礎(chǔ)代碼。
項(xiàng)目進(jìn)行得越深入，不同角色之間的界限就越模糊。在最后階段三個(gè)差不多工作為一體的實(shí)體，只做代碼、 設(shè)計(jì)智慧和明智的功能調(diào)整。
為了回答你的問題，他們之間的不同是交互設(shè)計(jì)師要為網(wǎng)站或系統(tǒng)的互動(dòng)負(fù)責(zé)，而視覺設(shè)計(jì)師則需要關(guān)注圖形展示。
／／譯者：qianwen6606
譯者內(nèi)心OS: 翻譯到一半發(fā)現(xiàn)作者所講的內(nèi)容現(xiàn)在已經(jīng)是普遍的認(rèn)識(shí)了，并沒有更深層次的發(fā)現(xiàn)?；仡^發(fā)現(xiàn)竟然是2013年的答案！tm是不是在逗我。譯者決定以后在翻譯之前幫大家看看日期。。。
不過，這個(gè)也依然有可取之處。首先，它是從業(yè)界發(fā)出的聲音，對(duì)我來說終于知道了用戶體驗(yàn)在工作中的三個(gè)環(huán)節(jié)，這樣有助于理解和關(guān)注自己更加感興趣的領(lǐng)域，給自己在今后的學(xué)習(xí)定位中提供了參考。但是，這也只是提供了基本的說明，以后的分享中我將重點(diǎn)深入三個(gè)方面，搜羅更多的設(shè)計(jì)細(xì)節(jié)及原則給大家看！
歡迎關(guān)注我呦～
