前端工程師和交互設(shè)計(jì)師之間理所當(dāng)然的存在著一些聯(lián)系。從另一個(gè)角度看前端工作，前端人員既能定義為設(shè)計(jì)師，更重要的是應(yīng)該對(duì)用戶心理有完整的了解和研究。有一句話可以充分的證明這兩者之間剪不斷理還亂的關(guān)系，“在前端眼里，UI設(shè)計(jì)稿是動(dòng)態(tài)的”。

前端與交互設(shè)計(jì)的工作內(nèi)容相輔相成，他們有共同的目標(biāo)，并且互相貫通，但仍然有著各自的職責(zé)。

前端開(kāi)發(fā)工程師和交互設(shè)計(jì)師有什么區(qū)別？

前端人員的主要職責(zé)是與設(shè)計(jì)師協(xié)作，根據(jù)設(shè)計(jì)圖用HTML和CSS完成頁(yè)面的制作，以及頁(yè)面效果的實(shí)現(xiàn)，經(jīng)過(guò)代碼的反饋由用戶端的瀏覽器呈現(xiàn)出來(lái)。

交互設(shè)計(jì)師主要是將文字需求變成一個(gè)有邏輯的方案，并且具備具體操作性，屬于信息的架構(gòu)者。交互設(shè)計(jì)師相比較前端技術(shù)人員更善于用網(wǎng)頁(yè)語(yǔ)言表達(dá)內(nèi)容，同時(shí)顯示出用戶的操作功能。

好的交互相當(dāng)于半個(gè)產(chǎn)品經(jīng)理

交互設(shè)計(jì)師對(duì)前端一無(wú)所知肯定是不行的，但也無(wú)需很深入透徹，只要能達(dá)到有所了解的程度就可以應(yīng)付自身的工作了。

好的交互設(shè)計(jì)師一定不只懂得如何做好交互，任何一個(gè)好的專業(yè)人員都有共同的特點(diǎn)，“在專業(yè)能力過(guò)關(guān)的基礎(chǔ)上，對(duì)上下游知識(shí)的學(xué)習(xí)也樂(lè)此不?！保@樣的方法對(duì)自身工作會(huì)有很大的幫助，更準(zhǔn)確的在工作中舉一反三。

當(dāng)然，交互設(shè)計(jì)師們也不能因此本末倒置。交互終究還是交互，交互并不是一味的追求由代碼創(chuàng)造出的效率，更不是由UI的美觀而形成的視覺(jué)效果。交互是理解用戶，并實(shí)現(xiàn)符合他們操作的產(chǎn)品形式。懂得上下游的知識(shí)也是為了更好的推進(jìn)自己的工作，獲得與他人更有效的溝通。

AnyForWeb告訴你如何提升用戶體驗(yàn)

前端優(yōu)化的方法有很多，但目的性卻很唯一。從用戶角度來(lái)看，前端優(yōu)化能讓頁(yè)面的加載速度變快，用戶自然能在更短的時(shí)間內(nèi)得到反饋，這是一種提升用戶體驗(yàn)最直接和最不可缺少的方法。

創(chuàng)建一個(gè)有效的404頁(yè)面是網(wǎng)站對(duì)用戶的一種重申和反饋，讓用戶及時(shí)知道當(dāng)前發(fā)生了些什么。大多數(shù)404頁(yè)面只是單純的起到通知作用，但這也許是不夠的，好的用戶體驗(yàn)可以體現(xiàn)在準(zhǔn)備一個(gè)搜索框，為用戶提供一種聯(lián)系方式。比如，自動(dòng)建議與他們尋找的內(nèi)容相關(guān)的內(nèi)容列表；或是鏈接到其他網(wǎng)頁(yè)，列出您的內(nèi)容（例如，存檔頁(yè)面，地圖，幫助/支持頁(yè)面等）。GitHub的404頁(yè)面就能完成這樣的效果。它有一個(gè)搜索表單，用戶可以用它來(lái)尋找到正確的網(wǎng)頁(yè)；一個(gè)鏈接允許網(wǎng)站訪問(wèn)者獲得援助；另一個(gè)鏈接讓用戶可以看到該網(wǎng)站只是暫時(shí)有問(wèn)題。在404頁(yè)面的視覺(jué)呈現(xiàn)上也可以盡量選擇有趣特別的設(shè)計(jì)。

背景和主內(nèi)容的清晰度也是用戶體驗(yàn)的主要表現(xiàn)。當(dāng)美觀度和實(shí)際體驗(yàn)不得已二選一的時(shí)候，請(qǐng)記住清晰度勝過(guò)美學(xué)設(shè)計(jì)。其實(shí)只需要很少的CSS調(diào)整,改變了h1和p元素顏色的屬性值，就可以使閱讀體驗(yàn)更好。盡可能的關(guān)注實(shí)現(xiàn)舒適的瀏覽體驗(yàn)，以此鼓勵(lì)用戶去關(guān)注網(wǎng)站的內(nèi)在實(shí)質(zhì)。